1.Windows PC

【3506】ブログ内の画像にリンクを設置する

ブログ内の画像にリンクを設置する方法は、テキストにリンクをつける場合と異なって、若干難易度が上がります。繰り返し確認していきましょう!

リンクボタン(鎖のボタン)で設定できるのは、テキストへのリンクだけです!画像にリンクをつけるには以下の手順を確認しましょう。

記事投稿の内容にアップロードした画像にリンクを追加するには、「ソースコード」の編集が必要です。(リンクアイコンからは画像にリンクを追加できません。)

画像にリンクを設置する手順

画像のアイコンをクリックして画像をアップロードします。

「<>」ソースコード編集ボタンをクリックしてソースコードを開きます。
この <img src=”~~~.jpg” style=~~~~/>までが上記で追加した画像の「タグ」と言います。

このタグの前後に以下を追加します!

タグの前に<a href=”https://example.com“>
タグの後に</a>

※「https://example.com」の箇所にリンク先のURLを入れる形になります。
※1文字でも抜けると上手く動作しません!確認しながら入れましょう

OKをクリックし完了です。