ヘッダー画像100%幅スライドショー表示機能の概要

フロントページ（WebサイトのTOPページ）のヘッダー部分に、テーマカスタマイザーで登録した100%幅の画像スライダー（スライドショー）を、最大5枚まで切り替え表示することができます。

スライドする要素は、画像に加え、ボタンやテキストエリア。用途に応じてデザインを自由に変更していただけるように、htmlタグが入力可能な仕様になっています。

jQueryプラグインのSlick.jsを利用させていただきました。

また、style.cssに簡単なCSSアニメーションを@keyframes で、サンプルとして初期設定してありますので、お好みでカスタマイズしてご利用ください。

テーマオプションの設定で、100%幅のビデオ動画と切り替えることが可能です。

テンプレートファイルのカスタマイズ

ヘッダー画像スライダー（スライドショー）表示機能をカスタマイズするには、テンプレートファイル header.php から、get_template_part()している、template-parts/frontpage-header-slider.php を編集してください。