このサンプルの補足説明

ヘッダーのカテゴリスライドショー

ヘッダーのスライドショーは「ヘッダー画像エリアウィジェット」にカテゴリ一覧ショートコードのスライドショーを設置しています。

アイキャッチ画像だけになるように専用クラス(st-slider-img)とCSSを追加しています。

また、トップページだけ表示するように条件分岐タグショートコード[frontonly][/frontonly]で囲んでいます。

ヘッダー背景画像

スライドショーの下の背景画像はカスタマイザーの「ヘッダー画像」>ヘッダー画像エリアで設定しています。

付属しているこちらのドット柄(イエロー)画像はオリジナルなので自由に御利用頂けます。

ヘッダーカードリンク

こちらのマニュアルをご参考ください

おすすめ記事一覧

こちらのマニュアルをご参考ください

スマホメニュー

スマートフォン用ミドルメニュー、スマートフォンフッター用メニューそれぞれ作成が必要です。

スマートフォンフッター用メニューのナビゲーションラベル例

<i class="fa fa-home" aria-hidden="true"></i><br/>ホーム

<i class="fa fa-file-text-o" aria-hidden="true"></i><br/>ブログ

<i class="fa fa-angle-double-up faa-vertical animated" aria-hidden="true"></i><br/>TOP

※TOPは「#wrapper」へリンク

 

Copyright© HappyDiary , 2019 All Rights Reserved Powered by AFFINGER5.