今更聞けない☆彡画像にリンクを張ってバナーを有効活用しよう！

ふれるまムービー　物井たみ子です。
 
 
来週、スマホアプリで作るバナーのレッスンを予定しています↓
 
スマホを使ったレッスンはこれが第1回目になるので
こういう使い方するんだ！ってネタや
実際に記事内のリンクで使える画像の作り方を
色々とご紹介したいなと思っています♡
 
※募集締め切ったけど、これ、破格のレッスンです。
今見ると、大丈夫か？ってくらい(笑)
気になる方はこちらからご連絡くださいね(#^.^#)
 
 
ところで、このバナー。
そもそも画像にどうやってリンクを張るの…？
という方の為に、改めてご紹介しますね。
 
 
※バナーの有効性についてはこちらの記事などご参照ください。
 
 
 
ミッション：画像にリンクを張ってバナーを創ろう
 
①画像を読み込み、HTMLタブをクリック
 

 

 

②<a href=　◎◎から始まる長い記述の始めの方を、

リンク先のURLに書き換える

 

 

 

<p><a href="https://stat.ameba.jp/user_images/20170527/00/frelma/00/31/p/o0512051213946559012.png"><img alt="" height="420" src="https://stat.ameba.jp/user_images/20170527/00/frelma/00/31/p/o0512051213946559012.png" width="420"></a></p>

 

↑この赤い記述を

 

<p><a href="http://ameblo.jp/frelma/entry-12252049722.html"><img alt="" height="420"src="https://stat.ameba.jp/user_images/20170527/00/frelma/00/31/p/o0512051213946559012.png" width="420"></a></p>

 

↑飛ばせたいリンク先のURLに書き換える。

これだけですヽ(^o^)丿

 

意外に使ってる方少ないなと思って改めてご紹介しました。

 

 

こちらの記事でも紹介しましたが

デザイナー視点の記事の魅せ方。スマホ表示はここで差がつく。

画像リンクをうまく使うと、

こういったバナーアイコンにもうまく転用できます。

 

 

サイドバーのバナーも同じように

画像リンクを使って、効果的に動線を引きましょう！

記事をよりシンプルに。スッキリと☆彡

 

 

因みに、こちらのレッスンは初回6/6！

【半額キャンペーン！】スマホアプリでバナーを作ろう！気軽にデザインレッスン☆彡

気になって来たあなた！ご連絡くださいませ♡

 

 

お待ちしております！

 

 

 

 【募集中！スマホでデザインレッスン 】

 【募集中！印刷物デザインレッスン 】

【ブログヘッダービジネス別テンプレート】

【おススメ☆彡オーダーブログデザイン】

【ブログカスタマイズ】

 

その他メニュー一覧はこちら。
印刷物やバナーデザイン単品、

プロモーションビデオなど、

メニュー以外でこんなものが出来ないか？

などありましたらお気軽にご相談くださいヽ(^o^)丿