写真を掲載する

gen により 2012年 5月 30日, 16:41が変更された | 履歴

    2025年 4月 3日, 22:56 現在の版

    この版へ

    版の一覧 に戻る。

    現在の版を閲覧

    ホームページ応援団では簡単に写真を掲載することができます。

    予めサイズを変更した写真を用意する

    =media_1338393835919.png

    サイトにもよりますが、大体記事の掲載スペースの横幅は、600〜700ピクセルになります。
    ですので、記事エリアの半分くらいのスペースに写真を置きたい場合は横幅300〜350ピクセルに、
    横幅いっぱいに掲載したい場合は、横幅600〜700ピクセルくらいの幅で写真を用意する必要があります。

    写真のリサイズは、サイズを指定して写真画像を簡単にリサイズできるソフトウェアがあります。
    <リサイズ超簡単Pro>
    http://my.reset.jp/~triton/RCKP.htm

     

    写真はリサイズしたら、英語だけのファイル名にしておきます。ホームページに掲載する写真のファイル名に日本語は使えませんのでご注意ください。

    横幅いっぱいの写真を掲載する(1)

    =media_1338394086749.png

    (1) 写真を掲載したい場所に、何もない段落を一つ作り、カーソルをあわせます。
    (2) 画像ボタンを押します。

    横幅いっぱいの写真を掲載する(2)

    =media_1338394601319.png

    イメージマネージャーが起動します。
    (1)左下のフォルダから、「stories」を選択します。使用する写真はこのstories にアップロードして使用することをお勧めします。
    (2)アップロードアイコンをクリックします。
    ※)ファイルが多くなってきたらフォルダの作成でフォルダを作成して整理することもできます。

    横幅いっぱいの写真を掲載する(3)

    =media_1338395075469.png

    アップロードウインドウが出ます。
    (1) 【参照】をクリックします。
    (2) ファイルを選択します。
    (3) OKボタンなどを押します。

    横幅いっぱいの写真を掲載する(4)

    =media_1338395352152.png

    (1)アップロードウィンドウに画像名が表示されます。
    (2)【アップロード】をクリックします。
    (3)ファイル名の後ろにインジケーターが動き、ファイルがアップロードされウインドウが自動的に閉じます。

    横幅いっぱいの写真を掲載する(5)

    =media_1338395659560.png

    (1)アップロードした写真がファイルブラウザで表示されていますので、ファイル名をクリックします。
    (2)上部のURLに画像ファイル名が、代替テキストに適当な名称が入ったことを確認します。
    (3)余白を設定します。周りの文字などとくっつきすぎると見栄えがわるくなりますので、だいたい10くらいの値を入れることをおすすめします。
    (4)挿入をクリックして画像を挿入します。

    横幅いっぱいの写真を掲載する(6)

    =media_1338396035182.png

    画像が挿入されました。
    (1)中揃えなどを設定しておくと見栄えがよくなります。
    記事を保存して、表示を確認しましょう。