画像リンクをサイドバーに設置

 

記事に画像リンクを作る方法はこちらの記事で☆

画像リンク(ワードプレスver.)

画像リンク(ファンブログver.)

 

 

今回はサイトトップの

サイドバーに画像リンクを作る方法を書いていきます。

このようなものですね☆

今回、自分のサイトのサイドバーに表示している☆おすすめショップ☆でご説明していこうと思います。

こちらネットショップですが、責任者の方に了解をもらっています。

 


スポンサーリンク

 

 

まずは用意をします。

ダッシュボード

メディアのライブラリを選択。

画像を選びます。

画像をアップロードしていない場合は、アップロードしてください。

 

 

選んだ画像のURLをコピーしておきます。

 

 

サイト名・サイトURL・画像URLををメモなどに貼り付けておくと、この後の作業が楽になります。

 

 

それではサイドバーに画像リンクを作っていきます。

ダッシュボードの

 外観 をクリック。

ウィジェットをクリック。

追加するウィジェットを選択するので、今回テキストを選択。

テキストを選択すると表示場所を選択できるので Sidebar を選択。

ウィジェットを追加をクリック。

 

 

テキストがサイドバーに追加されるので編集していきます。

タイトルを入力。「☆おすすめショップ☆」にしました。

 

 

同じタブでリンクを開かせたい場合。

<a href=”リンク先URL”><img src=”画像のURL”></a><br>
<a href=”リンク先URL”>アンカーテキスト</a>

 

新規タブでリンクを開かせたい場合。

<a href=”リンク先URL”target=”_blank”><img src=”画像のURL”></a><br>
<a href=”リンク先URL”target=”_blank”>アンカーテキスト</a>

 

 

同じタブで開かせるのか、新規タブで開かせるのか、自分の表示したい方法のどちらかを内容にコピペしてください☆

違いは、リンク先URLの後に「target=”_blank”」があるかないかです。

 

 

コピペした状態で、先ほどメモに残した下の画像の情報をコピペしていきます。

こうなります。

一応、上画像のメモと色あわせてます。

自分は新規タブで開かせるようにしています。

これで 保存 をクリックで完成です。

 

 

今回の画像リンクは、リンクの画像が英語なので誰にでもわかりやすいよう、カタカナでアンカーテキストを設置しています。

 

 

画像だけでリンクを作る場合

同じタブでリンクを開かせたい場合。

<a href=”リンク先URL”><img src=”画像のURL”></a><br>

新規タブでリンクを開かせたい場合。

<a href=”リンク先URL”target=”_blank”><img src=”画像のURL”></a><br>

 

画像なしでテキストリンクを作る場合

同じタブでリンクを開かせたい場合。

<a href=”リンク先URL”>アンカーテキスト</a>

新規タブでリンクを開かせたい場合。

<a href=”リンク先URL”target=”_blank”>アンカーテキスト</a>

 

それぞれ表示したいスタイルによって選んでみてください☆

 


スポンサーリンク

 

人気ブログランキングに参加しています!!!

人気ブログランキングへ

 

ブログランキング・にほんブログ村へ
にほんブログ村

 

1 Trackback / Pingback

  1. 人気ブログランキング登録 | パソコン1台で稼げるの!?

Leave a Reply

Your email address will not be published.


*