Q.スライダー下のバナーを増やしたい
LUXE (TCD022) のトップページスライダー下のバナーを増やしたいと考えております。管理画面には3つ分の操作フレームしかございませんが、増やす方法を教えてください。
A.下記のphpファイルの該当箇所を編集してください
テンプレートファイルに直接コード(HTML)をご記入頂く形となりますので、管理画面に入力フレームは表示されません。
ご了承ください。内容変更時も直接、ファイルを編集してください。
編集するファイル:top.php
編集する箇所:
変更前
<?php if ($options['index_banner_image1']) { ?> <div id="index-menu" class="clearfix mb20"> <ul id="index-menu-ul" class="clearfix"> <?php for($i = 1; $i <= 3; $i++): ?> (中略) <?php endfor; ?> </ul> </div> <?php }; ?>
↓
変更後
<?php if ($options['index_banner_image1']) { ?> <div id="index-menu" class="clearfix mb20"> <ul id="index-menu-ul" class="clearfix"> <?php for($i = 1; $i <= 3; $i++): ?> (中略) <?php endfor; ?> <!-- ここから追加する内容 --> <li class="index-meun-li mt10"> <p class="index-menu-thumb"><a href="リンク先URL"><img src="画像のパス" alt="" /></a></p> <h2 class="index-menu-title"><a href="リンク先URL">任意の文字列(見出し)</a></h2> <p class="index-menu-desc"><a href="リンク先URL">任意の文字列(本文)</a></p> </li> <li class="index-meun-li mt10"> <p class="index-menu-thumb"><a href="リンク先URL"><img src="画像のパス" alt="" /></a></p> <h2 class="index-menu-title"><a href="リンク先URL">任意の文字列(見出し)</a></h2> <p class="index-menu-desc"><a href="リンク先URL">任意の文字列(本文)</a></p> </li> <li class="index-meun-li-last mt10"> <p class="index-menu-thumb"><a href="リンク先URL"><img src="画像のパス" alt="" /></a></p> <h2 class="index-menu-title"><a href="リンク先URL">任意の文字列(見出し)</a></h2> <p class="index-menu-desc"><a href="リンク先URL">任意の文字列(本文)</a></p> </li> <!-- ここまで追加する内容 --> </ul> </div> <?php }; ?>
上記のようにコードを追加してください。(上記はバナーを3つ追加する例)
ご注意頂きたい点としては、3の倍数の場合だけ、<li>のクラスが異なることです。
「index-meun-li-last」と、「-last」が付いていることにお気を付けください。
また、バナーが上下2段となるため、天地のマージンが必要になるかと思われます。
上記例では「mt10」というクラスを指定することで、上マージンに10pxをつけています。
style.cssに同様のクラスを5px刻みで定義しておりますので、必要に応じてご利用ください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!