こんにちは。
起業ママのためのアメブロカスタマイズとブログレッスン
魅せるブログのつくり方
WEB&PCサポーター 海夢です。


画像へのリンクの貼り方へのご質問が多いので、ご説明しますね。

こちらは先日つくらせていただいた『いやしサロンRAINBOW』様のお問い合わせ用のバナーです。

こちらに、お問合せフォームへジャンプするリンクを貼りたい。
そんな時には。


画像フォルダ内の画像をぽちっとすると、上のように画像が挿入されると思います。HTMLタグを見てみると、下記のようになっています。

<p><a href="http://stat.ameba.jp/user_images/20160217/17/hapikima/c5/ac/j/o0408013313569736966.jpg" class="" target="_blank"><img src="http://stat.ameba.jp/user_images/20160217/17/hapikima/c5/ac/j/o0408013313569736966.jpg" style="width:408px; height:133px; border:none;" ratio="3.0676691729323307" id="1455699110855"></a></p>

余分なタグが自動で入ってしまって、少々わかりにくいですが、
緑色が画像を表示するタグです。
そして <a href="http:/~~~">   </a> がリンクを貼るタグです。

<a href="http:/~~~.jpg"> 
はアメーバでは大きな画像を表示するために画像URLが表示されるので、赤い太文字の部分をリンク先のURL(アドレス)にすればOKです。

アルファベットの文字の羅列なのでへんなところで改行されてしまっていますが、気になさらず。

慣れるまでは少々大変かもしれませんが、リンクは重要なので覚えると便利です。


そして新しいウィンドウを立ち上げてリンク先のページを開くか、そのままのウィンドウでリンク先のページを開くかは下記のようにタグを付け加えました。
あたらしいウィンドウに新しいページを開くか、そのままのウィンドウ内で新しいページを表示したいかで、使い分けてみてくださいね。

新しいウインドウを立ち上げて、リンク先のページを表示する
<a href="URL" target="_blank"> ~ </a>

そのままのウィンドウで、リンク先のページを表示する
<a href="URL" target="_self"> ~ </a>