画像に他のサイトやページへのリンクを設定する

広告

はてなブログでは記事に挿入した画像をクリックするとデフォルトではその画像がブラウザの中央に表示されるように設定されていますが、画像をクリックしたときに外部サイトが表示されるように変更することができます。ここでは画像に対して他のサイトやページへのリンクを設定する手順について解説します。

画像に他のサイトやページへのリンクを設定する

記事に画像を挿入した場合、公開された記事で画像をクリックすると画像だけが画面中央に表示されるように設定されています。

画像に他のサイトやページへのリンクを設定する(1)

画像に他のサイトやページへのリンクを設定する(2)

この動作を変更して画像をクリックした時に別のサイトやページなどへアクセスするようにリンクを設定することができます。(記事にリンクを挿入したり設定する場合の詳細は「リンクを設定・挿入する」を参照されてください)。

画像に外部サイトへのリンクを設定するには、記事の編集画面で対象の画像を一度クリックしてから、「リンク」アイコンをクリックしてください。

画像に他のサイトやページへのリンクを設定する(3)

画像に他のサイトやページへのリンクを設定する(4)

リンクの設定画面が表示されます。リンク先の URL をテキストボックスに入力したあと、右側に表示されている「プレビュー」をクリックしてください。

画像に他のサイトやページへのリンクを設定する(5)

リンクする形式がいくつか表示されます。画像に対してリンクを設定する場合は「選択範囲」をチェックしてください。その後で「選択した形式でリンクを挿入」をクリックしてください。

画像に他のサイトやページへのリンクを設定する(6)

画像に対するリンクが設定されました。

画像に他のサイトやページへのリンクを設定する(7)

それでは記事を更新したあと、ブログを表示してあらためて記事に挿入された画像をクリックしてみます。

画像に他のサイトやページへのリンクを設定する(8)

画像に設定された URL のページが表示されました。

画像に他のサイトやページへのリンクを設定する(9)

-- --

画像に対して他のサイトやページへのリンクを設定する手順について解説しました。

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。