複数画像の貼り方

ブログに複数の画像を貼る方法をたま～に聞かれるのですが、文章のみで説明するのは難しいし
伝わりにくいので、記事にしちゃいました。

　※やり方は、gooブログの使い方にも載ってます。
　　 が、分かりにくいみたいで。文章だけじゃ不親切ですよね。　　　
　　 もうちょっと丁寧に画像つきで説明してくれればいいのに…。

ということで、複数貼ったことない方、良かったら参考にして下さいね。
ちなみに、真ん中寄せとか枠線つきも出来るみたいですが、これは私もまだやったこと無いので
聞かないで下さい(笑)

それから、私は普段「TEXTエディタ」ではなく、「HTMLエディタ」を使っています。
　記号や文字の装飾、挿入した画像などが、プレビュー画面無しでもそのまま表示されて直接編集
　できるので(Wordの感覚で使える感じ？)、タグの使い方などに慣れない方は、こちらの方が使い
　やすいかもしれませんので、お試し下さいね。
　「HTMLエディタ」には、下の写真右上の方の青丸○で囲んだ部分で切り替えできます。

　　例えば文字の色を変えたかったら、その文字を選択して、左から４番めの「T」ボタンをクリック
　　　 して、好きな色を選ぶだけカラーも豊富です。
　　　 各ボタンの意味は、ボタンにカーソルを合わせると表示されます。
　　　 また、詳しくはボタンの並びの右端にある青丸○で囲んだ部分「使い方は、こちら」
　　　 で説明があります。
　　　 　


前置きが長くなりました
では、はじめます



（1）あらかじめ「画像フォルダ」に画像をアップロードしておく

　　これは１枚の時と同じなので分かりますよね？
　　①の所です。上の写真みたいに、記事の編集中の状態でクリックしちゃうと、書きかけの内容が
　　全部消えちゃうのでご注意
　　(私は「画像を選択/解除」ボタンと間違えてよくやっちゃう…)
　　必ず、使いたい写真は全部、先にアップロードしておきましょう
　　(後から追加したい時は、一旦書きかけの記事を「下書き」で投稿してからならOK)
　
　
（2）記事編集画面を開き、「画像を選択／解除」ボタンをクリックする

　　②のボタンです。ここまでは１枚の時と同じです。
　　先に記事を書いて後から写真でも、先に写真を入れておいて記事を書いてもOK。
　　

（3）掲載したい画像写真をクリックする

　　
　　「この画像を使用」ではないので注意
　　写真そのものをクリックします。
　　そうすると、その写真１枚だけの別枠が表示されます。


（4）写真１枚だけ表示された枠のアドレスバーに書かれているURLをコピーする。

　　画像右上あたり、四角で囲まれたアドレス、これが「画像のURL」になります。
　　目当ての写真１枚だけが保存されている場所のアドレスです。
　　表示しきれてないくらいやたら長いですが、間違えずに最後まで全部コピー


（5）編集画面に戻り、記事投稿画面の「IMG」ボタンをクリックする

　　写真の画面や、画像一覧はもう閉じてしまってもかまいません。
　　画像を入れたい場所にカーソルを置き、「IMG」ボタンを押します。
　　ちょっと戻りますが、最初の説明用画像の中の③が、「HTMLエディタ」での「IMG」ボタンです。
　　人物の形です。操作は「TEXTエディタ」でも同じです。


（6）(4)でコピーした画像のURLを貼り付けて「OK」ボタンをクリックする

　　小さな枠が表示されますので、そこにさっきコピーした「画像のURL」を貼り付けます。




（7）リンク先のURLを入力し「OK」ボタンをクリックする

　　これが混乱しやすいのですが、「OK」をしてもまた同じような枠が出ますね。

　　
　　
　　これは、表示された写真や画像をクリックしたら、その画像に関連して紹介したいサイトに飛べる
　　ように、リンクさせたい時に使います。
　　例えば、映画の写真を載せて、写真をクリックしたら、その映画のサイトにジャンプできるように
　　したい時などに使います。
　　特にリンクさせる必要がなければ、そのまま何もせずに「OK」を押します。


これで、画像が表示されているはずです。
「TEXTエディタ」なら、プレビュー画面を確認して下さいね。
続けて２枚目以降も、（2）から同じ作業を続けます。
説明を見るとすごく面倒くさそうですが、慣れればすぐできるようになりますよ。


以上偉そうに説明しましたが、私もPCに詳しいわけではなく、手探りで覚えたので、うまく説明できて
るかどうか自信がありません 悪い癖で、説明が長いし…
分かりにくい所や、やってみたけどつまづいた、という所があったら、どうぞご指摘くださいね
 


　「機微談語」のじおさんが、中央寄せの方法をアップして下さいました
　とっても分かりやすいので、ぜひこちらもご覧くださいね
　　 「機微談語」画像のお話