Q. トップページのバナーを6つに増やしたい。
▼変更後のイメージ →変更前:LUXEデモサイト
A.下記の方法でカスタマイズしてください。
管理画面に項目は追加せず、テーマファイルに直接追加分のバナーについて記述します。
編集するファイル:top.php
編集する箇所:
<?php if ($options['index_banner_image1']) { ?> <div id="index-menu" class="clearfix mb20"> (中略) </ul>
↓ </ul>の前に3つのバナーの記述を追加します。
<?php if ($options['index_banner_image1']) { ?> <div id="index-menu" class="clearfix mb20"> (中略) <!-- ここから追加 --> <li class="index-meun-li mt30"> <p class="index-menu-thumb"><a href="#"><img src="画像URL" alt="" /></a></p> <h2 class="index-menu-title"><a href="#">見出し</a></h2> <p class="index-menu-desc"><a href="#">説明文</a></p> </li> <li class="index-meun-li mt30"> <p class="index-menu-thumb"><a href="#"><img src="画像URL" alt="" /></a></p> <h2 class="index-menu-title"><a href="#">見出し</a></h2> <p class="index-menu-desc"><a href="#">説明文)</a></p> </li> <li class="index-meun-li-last mt30"> <p class="index-menu-thumb"><a href="#"><img src="画像URL" alt="" /></a></p> <h2 class="index-menu-title"><a href="#">見出し</a></h2> <p class="index-menu-desc"><a href="#">説明文</a></p> </li> <!-- 追加ここまで --> </ul>
※「#」はリンク先URLに変更してください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!