ヘッダー検索ツールは、SITE123エディターのデザインセクションから直接有効化できます。以下の手順に従って有効化し、基本的な調整を行い、ウェブサイト上でどのように表示されるかをプレビューしてください。これらはすべてエディターを離れることなく行えます。
再現手順:
- SITE123アカウントにログイン
• https://app.site123-staging.com/manager/login/login.php
にアクセスし、ユーザー名とパスワードでサインインします。 - 関連するウェブサイトプロジェクトを開く
• ログイン後、ウェブサイトのエディター(ウィザード)に自動的に転送されます。 - デザインタブへ移動
• エディターの上部メニューで、 [デザイン]をクリックします。 - ヘッダーセクションを開く
• 左側のデザインナビゲーションで、3 番目の項目 (ヘッダー) を選択します。 - 検索ボックスを有効にする
• ヘッダー設定内で検索ツールを見つけて、チェックボックスをオンにして有効にします。 - 検索設定を編集する(オプション)
• 検索ツールオプションの横にある編集ボタン(鉛筆アイコン)をクリックして、スタイル、配置、または動作を調整します。完了したら、 「閉じる」をクリックして変更を保存します。 - サイト上の検索アイコンをプレビューする
• 右側のライブ プレビュー フレーム内で、ヘッダーの虫眼鏡アイコンをクリックして、検索オーバーレイが正しく開くことを確認します。
ヘッダーセクションの検索ツールを有効にすると、訪問者のサイトのナビゲーションバーに虫眼鏡アイコンが表示され、コンテンツを素早く検索できるようになります。この機能はいつでも「デザイン > ヘッダー」パネルに戻って無効化したり、さらにカスタマイズしたりできます。