Emulsion Theme

block editor ( gutenberg ) 対応した新しいコンセプトのテーマ

サーチドロワーの秘訣

Emulsion Theme

block editor ( gutenberg ) 対応した新しいコンセプトのテーマ

サーチドロワーの秘訣

サーチドロワー このテーマで勝手に使っている用語なので、説明します

サーチドロワーとは何?

ヘッダー上部の検索ボタンをクリックすると開くページをemulsion テーマでは、サーチドロワーと呼んでいます。

ページいっぱいの大きさに、検索フィールドが一つ
なんでキーワードを入力するだけで、これだけ大きなスペースを必要とするの?

実は、ウィジェットなどと組み合わせて使う事を想定しています。

ウィジェットのページを開いてみてください。

サーチドロワーのコンテンツというウィジェットエリアが表示されていると思います。

お試し 1: カテゴリウィジェットをセットしてみましょう

フォームの下にカテゴリー一覧が表示されたら、検索フォームに「未分類」と入力してみましょう。

カテゴリの未分類だけに絞って表示されますよね。

お試し 2 WordPress 5.8からは、ウィジェットエリアに自由にブロックを配置できるようになったので、
リストブロックを作成して、フィルタされるかテストしてみましょう。

サーチドロワーのコンテンツに、以下のようにリストを作成しました。

  • 電話番号 000-000-00000
  • 営業時間 AM 9:00 – PM 5:00

検索フィールドに、電話番号と入力すると、電話番号のリストがフィルターされ表示される仕組みです。

活用できそうなことがあれば、うまく利用してください

Site proudly powered by WordPress