リンクの表示に画像を使用

今まではリンク先を表すのにテキストを使ってきましたが、テキストの代わりに画像を指定してリンクを表示させることが可能です。

今回は下記のURLへ画像を使ってリンクを表示してみます。

牛飼いとアイコンの部屋

牛飼いとアイコンの部屋

上記の画像をApacheからドキュメントルート以下の任意の位置に配置しておきます。

リンクの表示に画像を使用

それではリンクを登録します。管理画面の「リンク」タブの中の「リンク追加」タブを開いて下さい。

リンクの表示に画像を使用

リンク先の「名前」「アドレス」「説明」を入力後、下にある「詳細」ブロックの右側にある「+」をクリックして下さい。

リンクの表示に画像を使用

「詳細」のブロックが次のように展開されます。

リンクの表示に画像を使用

画像のアドレスの箇所に先ほど保存した画像のURLを入力して下さい。

リンクの表示に画像を使用

入力が全て終わりましたら「リンクの追加」ボタンをクリックして下さい。リンクが追加されます。

リンクの表示に画像を使用

「リンクの管理」タブを開いて下さい。リンクの一覧が表示され、先ほど追加したリンクが一覧に追加されていることが確認できます。(画像を設定しても一覧上では他のリンクと違いはありません)。

リンクの表示に画像を使用

ではブログの方を見てみます。

リンクの表示に画像を使用

テキストの代わりに画像を使ってリンクが設定されていることが確認できます。

リンクの表示に画像を使用