忍者ブログでの画像の貼り付け方

忍者ブログで、画像を貼り付けるときの設定のコツをご紹介します。

まず、サンプルとして下記に文章を入力しますね。
 

---

｜サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。
 

---

このサンプルに色々な方法で画像を配置してみます。
カーソル（チカチカ点滅している縦棒）の位置は統一して一行目の先頭としています。
サンプル文章では｜の位置です。

---

まず、イメージプロパティの設定を横間隔5、縦間隔5、行揃え左で配置してみます。 

---

サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

横間隔5、縦間隔5、行揃え左ではこんな感じです。
横と縦に少しスペースが入り、文字に対して画像が左によって居ます。

イメージプロパティの画面はこうなります。

---

次にイメージプロパティの設定を横間隔0、縦間隔0、行揃え左で配置してみます。

---

サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

横間隔0、縦間隔0、行揃え左ではこんな感じです。
横間隔、縦間隔を下の図の空白のままにしておくと、画像と文字の間にスペースがなくなります。
ちょっと読み辛いかもしれません。

イメージプロパティの画面はこうなります。


横間隔、縦間隔は5以上がいいかもしれませんね。

---

次にイメージプロパティの設定を横間隔5、縦間隔5、行揃え右で配置してみます。

---

サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

横間隔5、縦間隔5、行揃え右ではこんな感じです。
文字に対して画像が右に配置されます。

イメージプロパティの画面はこうなります。

---

次はイメージプロパティの設定を横間隔5、縦間隔5、行揃え中央で配置してみます。

---

サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

横間隔5、縦間隔5、行揃え中央ではこんな感じです。
文字が画像の横中央に一行だけ配置されます。

イメージプロパティの画面はこうなります。

---

次はイメージプロパティの設定を横間隔5、縦間隔5、行揃えなしで配置してみます。

---

サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

横間隔5、縦間隔5、行揃えなしではこんな感じです。
文字が画像の横下に一行だけ配置されます。

---

 次は二枚以上並べて配置するときのコツです。
まず、一枚目を横間隔5、縦間隔5、行揃え左で配置してみました。

---

｜サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

---

続いて｜の位置にカーソルがあることを確認します。ここがポイントです。カーソルの位置を確認したら二枚目を挿入します。

---

サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

結構キレイに配置されます。
二枚とも左によって居ます。

---

間隔5、縦間隔5、行揃え右で配置してみます。

---

｜サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。
 

---

｜の位置にカーソルがあることを確認します。ここがポイントです。

---

｜サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

---

｜の位置にカーソルを置くことに注意すれば行揃え右でも二枚キレイに配置されました。

---

サンプル文章です。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。Word 2003 は、画期的な日本語入力・編集環境を実現した日本語ワープロです。サンプル文章でした。

---

文章なしで、画像だけ並べて配置したいときは・・・

---

間隔5、縦間隔5、行揃え左で配置してみました。
　　








行揃えを左などにしておくとズレてしまうようです。
｜カーソルをどこに置けばいいかが分からないためと思われます。

---

間隔5、縦間隔5、行揃えなしで配置してみました。

　　

行揃えはなしがベストです。
コツは写真を入れたら、スペースキーを一回か二回か押してスペースを入れてから次の写真を入れてあげることです。少し写真の間に間隔があいてキレイです。

このコツを守れば、サイズが微妙に違う写真でもキレイに配置されました。
お使いのテンプレートによって横に並べられる枚数は、二枚三枚と違うと思いますのでこのあたりは一度試してみてからお願いします。
実際にインターネット上で見ると、入力している時と違う場合もあるので、必ず実際のブログで確認して下さいね。

ご自分のブログではうまくいかない方はまたご相談ください♪