ランディングページのコーディングの注意点
ランディングページのコーディングデータをLanchCartのテンプレートに組み込むときにご注意いただきたい事例についてご説明いたします。
デザイン上は複数のボタンがあるのですが、コーディング上では１枚の画像のみで構成されてしまっている場合があります。
デザイン上のレイアウト
↓↓↓↓
|
1 2 3 |
<div class="btn_box"> <img src="images/img4_01.jpg "> </div> |
画像１枚でコーディングされていると、ボタンにリンクをつけられない
画像が１つだと組み込みのときにリンクを１つしか付けることができませんので、ボタンを画像とは分けてコーディングしてください。
↓↓↓↓↓
|
1 2 3 4 5 6 7 8 9 |
<div class="btn_box"> <img src="images/img4_01.jpg "> <div class="btn btn_05"> <a href="#"><img src="images/btn-03.gif "></a> </div> <div class="btn btn_06"> <a href="#"><img src="images/btn-04.jpg "></a> </div> </div> |
コーディング上でもボタンが分けられている