【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その2) | アメブロデザイン制作サービス@シンクマックス

アメブロデザイン制作サービス@シンクマックス

オリジナルデザインで印象に残るビジネスブログを作りましょう!

前回は、パソコンに保存されている画像をアメブロに貼ってみるところまでやりました。今回は、

・画像を原寸で貼り付ける
・左右や真ん中など、画像を貼り付ける位置をコントロールする

どちらも、「画像フォルダ」から画像を呼び出す際に指定することで、簡単にできます。
使う機能が違うだけで、画面はほとんど一緒なので、順番に説明していこうと思います。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.ブログの編集画面の「画像」ボタンを押して、画像フォルダを呼び出します

前回の手順1~3を見て、画像フォルダに貼り付けたい画像をアップロードしておいてください。

アメブロスキン制作サービス@エレファント-画像説明用2-1


2.貼りたい画像を選ぶ際、「画像の設定」項目で、サイズを指定します


「オリジナルで表示」にチェックを入れてください。デフォルトは「縮小して表示」になっています。

アメブロスキン制作サービス@エレファント-画像説明用2-2


3.原寸と縮小表示の違いを見てみましょう

上が原寸サイズで貼り付け、下がアメブロの自動縮小機能を使ったものになります。

アメブロスキン制作サービス@エレファント-画像説明用2-3


4.画像の位置を指定して貼り付けてみましょう

画像を貼り付ける際、「左寄せ」「右寄せ」「中央寄せ」の3パターンを指定します。これは、上で解説したサイズの指定と一緒に指定することも可能です。
(原寸大の画像にして、真ん中に配置、なども指定できます)

アメブロスキン制作サービス@エレファント-画像説明用2-4

5.位置を指定した画像を見てみましょう

「指定しない」「中央に配置」「左に配置」「右に配置」それぞれをひとつの画像にまとめてみました。

アメブロスキン制作サービス@エレファント-画像説明用2-5

ここでは特に、「位置を指定しない」と、「左に配置」の違いについて気を付けてみてください。

アメブロスキン制作サービス@エレファント-コーラと砂糖
  この画像は、「身近なお菓子や飲み物にどれだけ
  砂糖が入っているか」を説明するサイトから
  借りてきました。
  これは「左に配置」しているので、
  こうやって横にテキストで説明を入れることが
  できます。



  画像に対応した一番下の行までテキストを書いて、そのまま改行を入れずに続けていくと、自動的にテキストの開始位置が変わります。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

画像のリサイズについては、次回(その3)にて解説しています。