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

この記事では、

・WordPressの記事に画像リンクを作る方法

・リンクを新規タブで開かせる方法

を書いていきます。

 

ファンブログの画面での説明はこちら☆

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

 


スポンサーリンク

 

 

ワードプレスで記事に画像を挿入するのは簡単ですね☆

メディアを追加からメディアライブラリから画像を選んで投稿に挿入をクリックすると記事に画像を挿入できます。

メディアライブラリに追加したい画像がない場合は、ファイルをアップロードから画像を追加し選択します。

これだけで簡単に画像を貼り付けることができます☆

 

 

ここからは、貼り付けた画像をクリックするとリンク先のサイトに飛ぶような、画像リンクを作っていきます。

ワードプレスでは簡単に記事に画像リンクを作成することができます。

 

 

まずは画像を挿入する時と同じようにメディアを追加をクリック。

メディアライブラリから画像を選択します。

画像を選択すると右下に添付ファイルの表示設定が表示されます。

リンク先のところが「なし」になっているので、▼をクリック

 「なし」のままだと普通の画像挿入になります。

④カスタムURLを選択。

 

 

リンク先でカスタムURLを選択すると、下にURLを入力する欄が出てくるので、リンク先の URLを入力

入力したら投稿に挿入をクリック。

 

 

こちらが今の手順で作成した画像リンクです。

この画像リンクはアマゾンのショップのロゴをお借りしました。

責任者の方に了解をもらっています。

新規ダブで開かないので、クリックしたら戻るボタンで戻りますm(_ _)m

クリックしていただいた方はわかると思いますが、新規ダブで開かないので戻るボタンで戻らないといけません。

 

 


自分は外部リンクは新規タブで・内部リンクは同じダブで開いてくれるリンクの方が便利で使いやすいと思っているので、リンクを作る時は外部リンクと内部リンクによって、新規タブで開くのか・同じタブで開くのか分けて設定しています。

その設定が迷惑だと感じる方もいるかもしれません。

当ブログでは、自分がおすすめだと思うものを紹介していますので、ご了承くださいm(_ _)m


 

 

画像リンクを新規タグで開かせる方法を説明していきます。

記事を書いている右上に「ビジュアル」「テキスト」と表示があります。

この普通に文字を入力しているのが「ビジュアル」の方です。

ここで「テキスト」をクリック。

 

 

するとなんだか英語がいっぱいのページになります。

ピンクの部分が画像リンクの部分です。

前後の入力した文章などから見つかると思います。

この部分に少しだけ手を加えることで新規ダブでリンクを開くことができます。

 

 

こちらは手を加える前です。

<a href=”サイトURL”><img class=”alignnone size-full wp-image-169″ src=”画像URL”alt=”width=”295″ height=”84″/></a>

サイトや画像のURL・画像の表示設定などを意味しますが、覚えなくても大丈夫です☆

 

 

こちらが手を加えたものです。

入力文字が増え自動で改行しているので増えた感じがしますが。。。

aタグに(↓↓↓の部分に)target=”_blank”」を追加しただけ☆

<a href=”サイトURL”target=“_blank”><img class=”alignnone size-full wp-image-169″ src=”画像URL”alt=”width=”295″ height=”84″/></a>

 

 

こちらが1手間加えたものです。

この一手間で新規タグでリンクを開かせることができます。

 

 

自分のサイトに「おすすめのサイト」など、他のサイトのリンクを貼る際には、自分のためにもユーザーのためにも新しいタブでリンクを開かせるようにした方が良いと自分は思っているのでリンク作成でこの設定を行います☆

 

なぜ自分のために良いのか・・・

自分のサイトから他のサイトにページ遷移した際に、タブとして残ることでもう一度アクセスしてくれたり、覚えてくれるなど、ページビューの増加につながる可能性があります。

 

なぜユーザーのために良いのか・・・

ユーザーが初めて自分のサイトに訪問した場合、自分のサイトからページ遷移し「どのサイトからこのページにたどり着いたのか?」という時にタブが残っているとどこからきたのかが分かり便利です。

 

しかし、リンクと分かりづらい表示だと、ページを移動するつもりがないのに移動してしまうなどユーザーに不快に思われることもあると思います。そして、自分は新規タブで開くことがいいことだと思っていても、タブが増えて迷惑だと感じる方もいると思います。

 

設定をする前によく考えてリンクを設定するようにしたいですね^ ^

 


スポンサーリンク

 

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

人気ブログランキングへ

 

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

 

1 Comment

  1. hey there and thank you for your info – I have certainly picked up anything new from right
    here. I did however expertise a few technical
    points using this site, since I experienced to reload the site a lot of
    times previous to I could get it to load properly.

    I had been wondering if your web host is OK? Not that I’m complaining, but slow loading instances times will often affect your placement in google and could damage your high quality score if
    advertising and marketing with Adwords. Anyway I am adding this RSS to my email and can look out for much more of your respective fascinating
    content. Ensure that you update this again very soon.

2 Trackbacks / Pingbacks

  1. 画像リンク(ファンブログver.) | パソコン1台で稼げるの!?
  2. 画像リンクをサイドバーに設置 | パソコン1台で稼げるの!?

Leave a Reply

Your email address will not be published.


*