こんにちは "osaboo"です。"@osaboo_Bot"
AFFINGER 管理 の「 ヘッダー下 / おすすめ」タブのメニューでできる 詳細設定の内容を初心者さん向けにわかりやすくご紹介します。
それではご覧ください!
\初心者でも安心! コスパ最強の洗練されたWordPressテーマ/
\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//
- 少しづつ増え続ける当サイトオリジナル特典付!-
AFFINGER 管理:ヘッダー下 / おすすめタブ(ヘッダー下 / おすすめ)の概要
この章では、AFFINGER 管理:ヘッダー下 / おすすめタブ(ヘッダー下 / おすすめ)の概要をご紹介します。
※ ピンク色の破線部の設定項目を解説します。
各設定項目で、できることを以下に整理しました。^^/
・ヘッダーバナー
ヘッダーバナーは、TOPページのヘッダー下部に最大4つのカード型リンクを設置できます。また、サイト全体で表示するように設定することもできます。
カード型リンクには、大小2種類のテキストを表示させることができ、PCとスマホ(タブレット含む)で表示・非表示や各種カードデザインも可能です。
・サムネイルスライドショー
サムネイルスライドショーは、ヘッダー画像下のウィジェットエリアに、カテゴリーごとのサムネイル画像をスライドショーで表示できます。
AFFINGERの管理設定により、ウィジェットを使用せずにサムネイル画像のスライドショーを表示することができます。
表示数や表示画面の大きさに応じて、スライド表示数や表示スタイルを調整するなど、細かな設定が可能です。
・おすすめ記事一覧
ユーザーに見せたい任意の記事をランキング形式で表示できます。
表示場所のバリエーションが豊富なため、設置場所の自由度が高いです。
また、ショートコードを使用することで、特定の場所にピンポイントで設置することができます。
全体の表示イメージはこんな感じです。
ヘッダーバナー
この章では、ヘッダーバナーの設定と表示イメージをご紹介します。
設定項目の画面は 以下の通りです。
それでは順番に見ていきましょう。
ヘッダーバナーの表示イメージと設定項目
ヘッダーバナーの設定箇所は4つあり、それぞれの設定と表示条件を自由に設定できます。
設定項目の画面は 以下の通りです。
以下のように『画像・テキスト・リンク先URL 』を設定します。参考
以下のサンプル画像では、ヘッダーバナー1〜4にそれぞれ「画像・テキスト・サブテキスト」が設定されています。(赤破線枠部)
ヘッダーバナー:補足
- ヘッダーバナーにテキストまたはサブテキストが入力されている場合、画面全体に均等に表示されるため、表示数によってバナーの見え方が変わります。横幅は均等にレスポンシブに調整され、高さは100pxで表示されます。
- ヘッダーバナーにテキストとサブテキストの両方を入力しないものがある場合、画像の縦横比が優先され、その画像のある行の表示サイズが変わります。(画像全体が表示されます)
※ テキストを入力しない場合は、特にバナー用の画像サイズを合わせるようにしましょう。
デザイン(バナーの表示デザイン)
デザインでは、バナーの表示スタイルを設定できます。
設定項目の画面は 以下の通りです。
デザインの変更イメージは以下のようになります。
サムネイルスライドショー
この章では、サムネイルスライドショーの設定と表示イメージをご紹介します。
設定項目の画面は 以下の通りです。
以下のサンプル画像は、上記の設定項目の設定で表示しています。
おすすめ記事一覧
この章では、おすすめ記事一覧の設定と表示イメージをご紹介します。
設定項目の画面は 以下の通りです。
おすすめ記事一覧:補足
- おすすめ記事一覧の表示パターンは、各ページのメインエリアとサイドバーの2つです。
- 全体カラー設定で色を設定している場合、それがタイトルや背景色に反映されます。
『カスタマイザー>オプション(その他)>おすすめ記事』で各種色設定が可能です。
以下のサンプル画像は、メインエリアとサイドバーを同時に表示しています。
\初心者でも安心! コスパ最強の洗練されたWordPressテーマ/
\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//
- 少しづつ増え続ける当サイトオリジナル特典付!-
まとめ!AFFINGER 管理【ヘッダー下 / おすすめ】タブのメニュー設定を完全解説!AFFINGER6
AFFINGER6の管理画面で行う『ヘッダー下 / おすすめタブ:ヘッダー下 / おすすめ』の各設定項目について初心者さん向けにご紹介しました。 WordPressテーマ AFFINGER6専用の拡張機能を有効に使うために、お役に立てば嬉しいです。
「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/