画像にURLを組み込んで別窓で表示させる方法

この記事の所要時間: 237

WordPressでの、画像をクリックすることで他のサイトへリンクさせる方法を解説していきます。

それではよろしくお願いします。

 

まずは、記事で使うための画像を用意してください。

適当な画像がない方は、

「フリー 画像」「フリー素材」と検索すると無料で使えるものがあるので、そちらをお使いください。

用意ができたら、Wordpressの記事投稿画面へ行き、

「メディアを追加」をクリックし、「ファイルをアップロード」から画像ファイルを選択し、「投稿に挿入」をクリックします。

 

_1425215332.23472_320

 

男の子画像を選択してみました。

この画像をクリックして私の自己紹介ページへ移行させたいと思います。

ちなみに、いま上の画像をクリックしても男の子画像が表示されるだけです。

 

次に、記事投稿画面の右上のところにある「テキスト」を押してください。

tx

 

 

すると、

 

 

h

 

このようなアルファベットや数字がたくさん書かれた画面になります。

 

この画面を見てアレルギー反応が出てしまいそうな方がいるかもしれませんが、

全然大丈夫ですから安心してくださいね\(^o^)/

 

そして、先ほど挿入した男の子画像が示されているところを赤枠で囲ってみました。

この赤枠の中を編集していきます。

 

まずは、一行目の

 

<a href=”http://walker100.com/wp/wp-content/uploads/2015/02/1425215332.23472_320.png“><img

 

の赤く示したところを消去してください。

そうしたら、いま消去したところに、移行させたいサイトのURLを載せてください。

 

<a href=”http://walker100.com/profile“><img

 

こんな感じです。

実は、もうこれで私の自己紹介ページに飛びますが、
さらにワンポイント上のスキルを身に着けていただくために、別窓で表示させたいと思います。

 

先ほどのものに、 target=”_blank” を追加します。

<a href=”http://walker100.com/profile”target=”_blank”><img

 

はい。これで終わりです。

 

 

完成したものが、これです。

 

_1425215332.23472_320

 

本日も最後までお読みいただきありがとうございます(^o^)/

 

コメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

人気ブログランキング

いつも応援ありがとうございます。

お小遣い稼ぎ(全般) ブログランキングへ

【管理人プロフィール】

_1425215332.23472_320

こんにちは。
管理人のうおかわです。

この度は、当ブログを訪問していただきありがとうございます。

ここでは、ネットビジネスで稼ぐための正しい方法・知識等を紹介していきます。

有益な情報を発信するように心がけますので、どうぞよろしくお願いします。


問い合わせ

【メルマガ】お役立ち情報を配信中!


mei

ネットビジネスに関する有益な情報を無料で配信しています。
また、 無料動画セミナー214分&600ページ以上に及ぶPDFマニュアルもプレゼント中です!

⇒ 無料登録はこちら

【おすすめ】優良サイトテンプレート!!!


月100万円以上を稼ぐトップアフィリエイターも使用している超有名なテンプレートです。
⇒ 詳細はこちら


私も使用している優良ブログテンプレートを是非とも貴方のビジネスにお役立てください。  ⇒ 詳細はこちら

おススメポイントサイト


ここから登録無料すると250ポイントGET!