TCDテーマAGENT：トップページヘッダースライダーの画像を追加する方法

Q.トップページにあるスライダーの数を増やすことは可能なのでしょうか。

テーマ「AGENT」ではテーマ仕様として、ヘッダースライダーの画像は最大で3枚までとなっています。
この記事では、4枚以上の画像をスライダーに表示させる方法を解説します。

▼変更箇所イメージ

A.以下のようにテーマファイルをカスタマイズすることでヘッダー画像を追加できます。

以下の該当箇所にコードを追加してください。

スライダー画像の追加

該当ファイル：page-welcome.php
該当箇所：12行目下

▼12行目コード

<?php if($slider_image3){ if($options['slider_url3']){ echo '<a href="'.$options['slider_url3'].'">'; }; ?><div class="heightasviewport splash-image" style="background-image:url(<?php echo $slider_image3[0]; ?>)"></div><?php if($options['slider_url3']){ echo '</a>'; }}; ?>

▼上記コード下に次のように追記してください

 <a href="〇〇"><div class="heightasviewport splash-image" style="background-image:url(●●)"></div></a>

※〇〇には任意のリンク先URLを記載してください。
※●●には表示させたい画像のURLを記載してください。

上記の対応で4枚目のスライダー画像を設定することができます。
5枚目以降も同様の手順で追加することが可能です。