WordPress検索ブロックの使用方法

公開: 2021-09-21

あなたのウェブサイトがポジティブなユーザーエクスペリエンス（UX）を提供することを確認することは、ウェブサイトの所有者であるための重要な部分です。 これを行う方法の1つは、訪問者が探しているものを簡単に見つけられるようにすることです。 WordPressの検索ブロックの出番なのです。あなたが任意のポストまたはページにこのウィジェットを追加することができます。 次に、ユーザーはそれを使用して、サイト上の特定のトピックまたはコンテンツを簡単に検索できます。

この投稿では、WordPress Searchブロックを投稿またはページに追加する方法を説明し、その各設定とオプションについて詳しく説明します。 次に、それを効果的に使用するためのいくつかのヒントを提供し、いくつかのよくある質問に答えることで締めくくります。

始めましょう！

投稿またはページに検索ブロックを追加する方法

コンテンツに検索ブロックを挿入するのは非常に簡単です。 まず、ウィジェットを追加する投稿またはページに移動します。

次に、プラスアイコンでマークされた[ブロックの追加]ボタンをクリックします。 検索フィールドに「検索」と入力し、最初のオプションをクリックします。

WordPressにSearchブロックを追加します。

これは、ブロックを追加する1つの方法にすぎません。 もう1つのオプションは、エディターの段落ブロックに「/ search」と入力してから、 Enterキーを押すことです。 ブロックは自動的に投稿またはページに挿入されます。

すべてのWordPressブロックには、独自の設定とコントロールのコレクションが付属しています。 これらが検索ウィジェットに対して何であるかを詳しく見てみましょう。

検索ブロックの設定とオプション

Searchブロックを挿入すると、上部にツールバーメニューが表示されます。 9つのアイコンがあります：

検索ブロックツールバーオプション。

以下は、これらの各コントロールの意味を理解するために使用できるチートシートです。

  1. に変換します。 これにより、ブロックのスタイルを変更できます。 グループまたは列に変更できます。
  2. 配置を変更します。 これにより、配置を調整できます。 デフォルトでは左に設定されていますが、中央または右に揃えることができます。
  3. 検索ラベルを切り替えます。 この設定を使用すると、「検索」テキストをテキストフィールドの前に表示するかどうかを決定できます。 オフにすると、検索バーのみが表示され、ヘッダーは表示されません。
  4. ボタンの位置。 これは、テキストフィールドの右側に表示される検索ボタンを指します。 [ボタンなし] 、 [外側のボタン] 、または[内側のボタン]に変更できます。 後者の2つのオプションは、ボタンをテキストフィールド内に配置するか、テキストフィールド外に配置するかを示します。
  5. アイコン付きのボタンを使用します。 この設定では、ボタンにデフォルトの「検索」テキストまたは虫眼鏡アイコンを表示させることができます。
  6. 太字。 テキストフィールドの上に表示される検索テキストを太字にする場合は、これを使用できます。
  7. イタリック体。 これは、テキストフィールドの上に表示される検索テキストをイタリック体にするために使用されます。
  8. もっと。 これは、フォントをさらにカスタマイズできるドロップダウンメニューです。 たとえば、取り消し線の書式設定や下付き文字を適用できます。
  9. オプション。 ここには、追加オプションのメニューがあります。 たとえば、このブロックの前後にブロックを追加したり、再利用可能なブロックに追加したり、削除したりできます。

画面の右側には、さらに2つのコントロールがあります。

設定コントロールパネル。

最初のセクションは表示設定です。 ここで、 Searchブロックの幅のパーセンテージを調整できます。 25〜100％の範囲で選択することも、独自のカスタム値を入力することもできます。

2番目のオプションはAdvancedです。 このパネルをクリックして展開すると、カスタムCSSを追加できます。

検索ブロックを効果的に使用するためのヒントとベストプラクティス

Searchブロックは非常に単純で、使いやすいです。 ただし、より効果的に使用するために覚えておくとよいヒントとベストプラクティスがいくつかあります。

まず、ブロックを配置する場所について戦略的になりたいと思うでしょう。 たとえば、ページの上部または横に検索バーを挿入することは、多くの場合意味があります。 このように、彼らはメインコンテンツからあまり注意を払うことはありません。

そうは言っても、検索機能が埋もれたり隠されたりしないようにすることも重要です。 ページの上部と下部に1つ追加することを検討してください。そうすれば、訪問者は、閲覧しているページの閲覧を完了する前または後に使用することができます。

検索ブロックに関するよくある質問

この時点で、Searchブロックとその使用方法について知っておくべきことはほぼすべてわかっています。 ただし、すべての重要な情報を確実に網羅するために、よくある質問をいくつか見てみましょう。

WordPressの検索ブロックはどこにありますか？

ページまたは投稿にアクセスした後、WordPressでこのブロックを見つけて使用するために使用できる方法は2つあります。 1つ目は、[ブロックの追加]ボタンをクリックし、テキストフィールドに「検索」と入力して、最初のアイコンをクリックすることです。 2番目のオプションは、エディターの段落ブロック内に「/ search」と入力し、 Enterキーを押すことです。 その後、ブロックが追加されます。

検索ウィジェットは何をしますか？

検索ブロックを使用すると、ユーザーはWebサイトで探しているものを簡単に見つけることができます。 投稿やページに挿入して、訪問者にアクセスしやすく使いやすい検索バーを提供できます。 探しているフレーズやキーワードを入力すると、ブロックは自動的にあなたのウェブサイトで見つかった関連する投稿やページのリストを生成します。

WordPressの検索ブロックはどこで使用できますか？

このブロックは、ブロックエディターにアクセスできるWordPressのどこにでも挿入できます。 これは、投稿やページ内のどこでも使用できることを意味します。 さらに、WordPressウィジェットを編集するときに使用できます。

結論

ウェブサイトの所有者として、あなたのサイトがナビゲートしやすいことを確認することが重要です。 これを行う方法の1つは、訪問者が探しているものをすばやく簡単に見つけるために使用する検索バーを挿入することです。 幸いなことに、WordPressはあなたがすぐにそれを行うのを助けるためのブロックを提供します。

これまで見てきたように、[ブロックの追加]ボタンをクリックしてから「検索」と入力すると、このブロックを投稿やページに追加できます。 要素が投稿またはページに挿入されると、その幅と配置を調整し、フォントと外観をカスタマイズできます。 たとえば、「検索」ヘッダーを表示するか非表示にするかを選択し、ボタンをテキストフィールドの内側に表示するか外側に表示するかを決定できます。

WordPress検索ブロックの使用について質問がありますか？ 以下のコメントセクションでお知らせください！

pongsakorn chaina / shutterstockによる注目の画像