画像をクリックすると、リンク先へジャンプする方法を教えてください？～バナー設置方法～

こんにちばんは

さて、とある方からこんなご質問をいただきました。

「画像をクリックすると、リンク先へジャンプする方法を教えてください？」

多分、私が個人用とお店用のブログのバナーを変更したからと思います。

巻き寿司 a-to school

今日は「画像をクリックすると、リンク先へジャンプする方法」バナー設置について

そんなに難しくありませんので。

で、じつはブログのマイページの中にこのからくりがあるんですよ。

まず、マイページの一番下に［よくある質問］をクリック。

すると、このような画面に。右上にある赤枠で囲んだ検索欄に「バナー」と入力して検索すると、

ヘルプ検索結果の画面に。そして中段にある［バナーの設置はできますか？］をクリックすると、

このような画面に。.そして、赤枠の中のタグ！

「HTMLタグを表示」にてこのタグを使っているだけです。

あとはやってみるだけですがタグ内の赤い字のリンク先のURL、画像のURLを理解しなければなりません。

・リンク先のURL：コチラはアクセスしたい先のURL。ブログやホームページなどのURL。

・画像のURL：コチラはリンク先のそれとはちょっと違いますが、画像のURLがわかれば簡単です。

早速、やってみましょう。

【用意するもの】

リンク先のURL、画像または写真

なお、先ほどのタグはメモ帳か何かコピペしましょう。

まず、リンク先のURLをタグ内の［リンク先のURL］に置き換えましょう。

次に画像URLの取得ですが、まず画像をアップロードしてください。

次に、アップロードした画像を記事作成に上げたのち、通常表示からHTML表示に切り替えてください。

画像のHTML表示が上のようになります。そして、青色の部分こそ画像URLです。

よって、これを先ほどのタグに付け替えて、

通常表示に戻すと、

はい、このように画像バナーが出来ました。

でも、サイドバーに貼り付けたいのにこの大きさじゃね

じゃぁ、どうすれば

先ほどのピンク色の画像タグに戻ると、

先ほどの青色の画像URLは画像の原寸大のものです。このまま記事やサイドバーに貼ると原寸大そのものの大きさになり、ブログの見た目やバランスがよくありません。で、赤色のこの部分width="220" height="220"を見てください。これは記事作成で画像を貼り付ける時にそのサイズを指定すると思います。その後、HTML表示にすると赤い文字のような文字がついていると思います。これが原寸大の画像をwidth="220" height="220"に指定する(widthは幅または横、heightは高さまたは縦)を表しています。よって、そのサイズを含めた画像URLに付け替えて画像タグを通常表示にすると、

ちなみに、コチラが私個人用ブログです。

小さくなりました。もちろん、ビューンと飛んじゃいます