ドロワーメニューとは、Webサイトの右側や左側に設置されていていてクリックするとスルっと表示されるパネルメニューのことです。

本テーマは、サイドバーがありませんので今まで物件条件検索は別のページにリンクをしていましたが、より利用者のユーザビリティを向上させるために右上にドロワーメニューを設置できるようにいたしました。

PCでの表示の場合は、サイト右に固定で常に表示され、スマートフォンでの表示の場合は、最下部に常に表示されます。

設置はとても簡単です!

メニューボタンの文字を設定する

下記画像の赤枠で囲んだ個所のボタンに表示される文字を設定します。

管理画面>外観>カスタマイズをクリック>パネル文字をクリック

お好きな文字を入力して、公開ボタンをクリックしてください。※デモサイトでは、物件サーチと入力しています。

ウィジェットを設定する

ボタンの文字を設定したら次は、ウィジェットからの設定です。
管理画面>外観>ウィジェットをクリック>サイドパネルに『物件条件検索』や『物件検索(キーワード)』などのウィジェットをドラッグ。下記は、デモサイトの設定例です。

これで設置完了です。ドロワーメニューのボタンをクリックすると文字は、CLOSEという文字に変わります。CLOSEボタンかサイト全体の影がかかった部分をクリックするとパネルが閉じます。

スマートフォンでの表示では、ドロワーメニューのボタンは最下部に移動します。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です