スマホ メニュー

検索メニューの設定

おすすめ!

検索フォームはウィジェットの「検索」やショートコード[検索] でも表示できます。

モバイルヘッダー

モバイルヘッダー(及び959px以下の閲覧)に「検索アイコン」を表示できます。

デフォルトのデザインとして

  • オーバーレイ
  • スライド

の2種類が選択できます(メニューの左右変更にも対応)。

オーバーレイタイプ
スライドタイプ

設定方法

「テーマ管理」の「メニュー」>「検索アイコン」で設定できます。

  • 「オーバーレイ」「スライド」の選択は「スマホヘッダーに検索アイコンを追加する」を有効化して保存した後に選択できます。
  • 表示位置はメニューの位置に連動します。
  • 「アイコン下に「MENU」「CLOSE」を追加する」は反映されません

表示はモバイル閲覧時(又は959px以下)

コンテンツを挿入する

検索メニューにコンテンツを挿入するウィジェット

「検索アイコン」で開かれるエリアには専用ウィジェットエリアにて自由なコンテンツを挿入できます。

検索アイコンで開くエリアには「ユーザーが検索しそうなもの」「助けになるリンク」などを表示すると良いかもしれません

専用ウィジェットエリアのコンテンツが空の場合はデフォルトで検索フォームが表示されます。

こちらは何かコンテンツを挿入すると検索メニューは非表示になるため、コンテンツ+検索フォームを表示したい場合は別途「検索ウィジェット」も挿入してください。

仕様上、コンテンツの高さを取得してから開閉を行います。そのため、含まれるコンテンツ(jsやショートコード等)によっては時間がかかる場合や上手く表示できない場合もございます。※不具合が生じる内容は削除して使用しないでください。

カスタマイザー

カスタマイザーの「オプション(その他)」>「検索フォーム」でデザイン等をカスタマイズできます。

解決しないことは検索もしてみてね

AFFINGERのAI(GPTs)で『小学1年生 英語勉強方法 おすすめ』記事を作成

「頭脳」を手に入れるAFFINGER監修 GPTs一覧

あなたにおすすめ

カード型デザイン・ワイドレイアウトなど20以上の特別機能を追加する

AFFINGER EX

ここが便利

  • 20以上の特別機能内容を見る)を解放
  • 列数を変更できるカード型デザイン
  • タグ一覧・無限スクロール・ワイドデザイン 他多数

EX版はAFFINGERを購入した方だけがアップデート(有料)できる最上位版です。

様々なアクセスアップや収益化に役立つ機能が搭載しており、非常に満足度と人気の高いバージョンです。

サンプルをみる

追加機能の詳細はコチラ

AFFINGER6EX(アップグレード)版 - 【公式】STINGER STORE
AFFINGER6EX(アップグレード)版 - 【公式】STINGER STORE

AFFINGER6EXはAFFINGER6購入ユーザーのみがアップデートできる20以上の特別機能が備 ...

on-store.net

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-スマホ, メニュー

PAGE TOP