画像をクリックすると、記事のページに飛ぶようにリンク先を設定してみよう

 画像をクリックすると、記事のページに飛ぶようにリンク先を設定してみよう。

 バナーなどをクリックすると、サイトに飛ぶようになってる。

 其れと同じように、画像をクリックすると、拡大された画像のページでなく、記事などのページに飛ぶように設定する。




画像のリンク先を指定するHTML

<a href="画像のリンク先のURL" target="_blank"><img src="画像のURL" alt="無料ソフト&無料サービスロゴ" width="255" height="96" /></a>

 例として、トップページに飛ぶようにしてみた。

<a href="https://freesoft.0hs.org/" target="_blank"><img src="https://freesoft.0hs.org/wp-content/uploads/fsohuto_pict1's/201207031857041a3.jpg" alt="無料ソフト&無料サービスロゴ" width="255" height="96" /></a>

無料ソフト&無料サービスロゴ

 上の画像をクリックすると、このブログのトップページに飛びます。

リンクの開き方は

 target="_blank"は別ページでリンク先を開くHTML。
 特に指定しない場合は、クリックでは、同じページでリンク先に移動。
 右クリック⇒別ウインドで開くで別ページでリンク先が開く。