gooブログで、ブログ作成・編集画面の右側に表示される画像ファイルの、サムネイルやオリジナルの画像ではブログ本文中に貼り付けるにはバランスが良くない場合が多々あります。これを解消し、サムネイルよりは大きく、オリジナル画像よりは小さく、オリジナル画像に大きさを変えるなどの手を加えないで、思い通りの大きさの画像をページ中央に貼付けようと思います。手順は以下の通りです。ここでは画像の大きさを水平方向429px(ピクセル)としました。
①貼付する画像の貼付時圧縮値を、MS‐ペイント等の画像ソフトで確認しておく。例題では、水平方向を429pxとし、垂直方向が284pxであることを確認。
②画像をアップロードする。
③画像フォルダの「タイトル」と「貼付け用タグ(オリジナル)」をMS-メモ帳などに記録しておきます。
<画像フォルダ>
≪例題でのメモ内容≫
・タイトル:023_a07_2.jpg
・貼付け用のタグ(オリジナル):<img src =http://blogimg.goo.ne.jp/ user_image/64/6d/b97b96e8e50daf7b764717bd4b1858f8.jpg >
以下のように貼付けるのですが、そのためにはHTMLに記述しなければなりません。
HTMLの記述は以下の通りです。
<p><br /><br />
<a href=http://blogimg.goo.ne.jp/user_image/64/6d/b97b96e8e50daf7b764717bd4b1858f8.jpg><img style="margin: 0px auto 5px; display: block;" title="023_a07_2" src="http://blogimg.goo.ne.jp/user_image/64/6d/b97b96e8e50daf7b764717bd4b1858f8.jpg" alt="023_a07_2" width="429" height="284" border="0" /></a>
<br /><br /> プレーリードッグは大変な愛嬌者です。</p>
注-1)<p>、</p>はデータの「始まり」と「終わり」を示すタグ。
注-2)<br />は改行タグ。
注-3)下記HTML記述は、Webサイトでの表示の都合上、山括弧(< >)を、本来半角のところ全角を使用している。
「<a href=」から「</a>」までが画像の記述です。アンダーラインを付した部分が、画像フォルダの「タイトル」及び「貼付け用タグ(オリジナル)」の利用部分です。
「width」と「height」の赤色の数値は、表示する画像の水平方向および垂直方向の大きさ(ピクセル)です。
HTML記述を都度打ち込むのは結構大変だと思いますので、上記の記述を「MS-メモ帳」などにコピーして利用すれば、比較的楽に処理できるのではないかと思います。但し、アンダーラインの消去と山括弧を半角に修正することを忘れなく!
【関連記事】
○ gooブログで貼付け画像の大きさ調整