Q.TCDテーマCanvasでトップページのスライダーを増やしたい。
Canvasでトップページのスライダーを増やす方法をご紹介いたします。ただし、テーマオプションの変更を伴うカスタマイズはテーマの仕様を大きく変更することになるためご案内出来かねます。
今回の方法は、スライダー画像の設定をテーマオプションを使用せず、直接テーマファイル内に書き込む方法に変更することでスライダー画像を任意の枚数に増やす方法です。
A.下記のphpファイルの該当箇所を編集します
編集するファイル:index.php
index.phpの下記のコードを編集ください。
編集する箇所:
<?php if (!empty($options['index_main_image1'])) { ?><img id="slider_base" src="<?php esc_attr_e( $options['index_main_image1'] ); ?>" alt="" /><?php }; ?> <div id="slider"> <?php for($i = 1; $i <= 3; $i++): ?> <?php if (!empty($options['index_main_image'.$i])) { ?><img src="<?php esc_attr_e( $options['index_main_image'.$i] ); ?>" alt="" /><?php }; ?> <?php endfor; ?> </div>
↓
<img id="slider_base" src="(1枚目の画像のパス)" alt="" /> <div id="slider"> <img src="(1枚目の画像のパス)" alt="" /> <img src="(2枚目の画像のパス)" alt="" /> …… <img src="(10枚目の画像のパス)" alt="" /> </div>
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!