画像にリンクを貼るHTMLリンク

  
目安時間 7分  
  • Facebookへのシェア
  • はてなブックマーク
  • 人気ブログランキング

楽天アフィリエイトやA8.netなどのASPには、

バナーリンクが用意されていますよね?

 

画像のリンクで、ポチっとすると

その商品のサイトに飛んでいくやつです。

 

でも、自分で画像を作って、

その画像にリンクを貼りたいときが

たま~にあるんですよ。

 

で、毎回インターネットで、

「画像にリンクを貼る方法」と調べています。

 

今回は備忘録も兼ねて、

もう調べなくていいように、

この記事にまとめておきます。

 

サイドバーに貼る画像を作ってみたのでリンクを貼りたい

このブログにサイドバーに貼るために、

自分で画像を作成しました。

 

使ったのはcanva。
7500万点の素材が無料で使える

オンラインのデザインツールです。

 

完成したのが、この画像。

 

 

これは私が1からデザインしたわけじゃなくて、

canvaのテンプレートを使いました。

 

テンプレのカラー変更と文字入れ、

イラストを選んで差し込みました。

 

完成まで30分もかかりませんでした。

 

この画像をクリックしたら

別のサイトに行けるように、

リンクを貼りたかったんですよ!

 

画像にリンクを貼れるHTMLリンク

<a href="リンク先のURL"><img src="画像ファイル名"></a>

 

私はプログラミングとかは、

まったくわかりません。

 

だから、書かれている通りに、

リンク先のURLと

画像ファイル名を入れる!

 

リンク先のURLは、

画像をクリックしたら移動する先のアドレス。

 

画像ファイル名は、

自分がアップロードした先のアドレスです。

 

私は画像を作成して、

このワードプレスのメディアに

アップロードしました。

 

メディアのライブラリを開いて、

お目当ての画像をクリックしたら、

画像の右側にアドレスが表示されます。

 

 

上のファイルのURLの部分を、

全部コピーしておきます。

 

コピーしたファイルのURLを、

 

<a href="リンク先のURL"><img src="画像ファイル名"></a>

 

画像ファイル名のところに貼り付けてください。

 

単語登録しておくと便利

ブログ記事を書いていて

いちばん使用するテキストリンクは、

パソコンに単語登録しています。

 

テキストリンクはこれです。

<a href=""></a>

 

<a href="リンク先のURL">テキスト</a>

を記入して使います。

 

例えば、このブログのトップページなら、

<a href="https://mm-q.net/">ケイblogトップページへ</a>

と記述することで↓こうなります。

 

ケイblogトップページへ

 
単語登録は自分が設定した単語で、

HTMLリンクが呼び出せるのですごく便利!

 

私のパソコンはWindowsなので、

Windowsしかわかりませんが、

単語登録の方法を説明しますね。

 

パソコン画面の右下に表示されている

文字を切り替える部分。

「あ」や「A」などで表示されています。

 

 

この部分を右クリックすると、

メニューが出てきます。

 

出てきたメニューの中から

「単語の登録」を選びます。

 

 

 

【単語】と【よみ】を設定します。

 

私はテキストリンクを呼び出したいので、

単語の部分には、

 

<a href=""></a>

 

よみの部分には、

 

りんく

 

を設定しました。

 

 

 

登録ボタンを押して完了です。

 

この登録をしておくことで、

【りんく】と打ち込めば、

変換候補に【<a href=""></a>】

が出てきてくれるようになります。

 

【単語】部分のリンクだけ変えて、

【よみ】は同じ「りんく」で登録可能。

 

よく使用するHTMLリンクを

いくつも登録しておけば、

「りんく」と打ち込むだけで、

変換候補にたくさん出てくるようになります。

 

まとめ

画像にリンクを貼る方法は、

意外と簡単なんですが、

いつも忘れてしまうんですよね。

 

さすがに、調べるのも3回目。

単語登録しました(笑)

 

この記事も備忘録として残すので、

これからはネット上で調べなくても

画像にリンクを貼れそうです♪

 

 

 

\ランキング参加してます/

女性・お小遣い稼ぎランキング

  • Facebookへのシェア
  • はてなブックマーク
  • 人気ブログランキング

この記事に関連する記事一覧





ケイ

ケイ

【自宅で稼ぐ】を決心し、アドセンスブログに挑戦し挫折。次に商品名サイトを量産したものの思ったほど稼げず・・・。一瞬だけ稼げるブログじゃなく「長く読んでもらえる資産となるブログを作りたい!」と思い、特化ブログにシフト。過去に作ったブログを特化に作り替えたら、今までゼロだったブログから毎月3万円の報酬を継続中!このブログでは特化サイトの情報や、新規に立ち上げた特化ブログの実践記を公開していきます。

 最近の投稿
カテゴリー
ランキング参加中

ページの先頭へ