楽天アフィリエイトや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>
と記述することで↓こうなります。
単語登録は自分が設定した単語で、
HTMLリンクが呼び出せるのですごく便利!
私のパソコンはWindowsなので、
Windowsしかわかりませんが、
単語登録の方法を説明しますね。
パソコン画面の右下に表示されている
文字を切り替える部分。
「あ」や「A」などで表示されています。
この部分を右クリックすると、
メニューが出てきます。
出てきたメニューの中から
「単語の登録」を選びます。
【単語】と【よみ】を設定します。
私はテキストリンクを呼び出したいので、
単語の部分には、
<a href=""></a>
よみの部分には、
りんく
を設定しました。
登録ボタンを押して完了です。
この登録をしておくことで、
【りんく】と打ち込めば、
変換候補に【<a href=""></a>】
が出てきてくれるようになります。
【単語】部分のリンクだけ変えて、
【よみ】は同じ「りんく」で登録可能。
よく使用するHTMLリンクを
いくつも登録しておけば、
「りんく」と打ち込むだけで、
変換候補にたくさん出てくるようになります。
まとめ
画像にリンクを貼る方法は、
意外と簡単なんですが、
いつも忘れてしまうんですよね。
さすがに、調べるのも3回目。
単語登録しました(笑)
この記事も備忘録として残すので、
これからはネット上で調べなくても
画像にリンクを貼れそうです♪
\ランキング参加してます/
女性・お小遣い稼ぎランキング