検索ブロック は、訪問者が必要なコンテンツをすばやく見つけられるようにするために特に必要です。また、ウェブサイトのユーザーエクスペリエンスの向上にも役立ちます。
WordPressでは、検索ブロックを使ってサイトに専用の検索バーを追加することができます。ブログ、ポートフォリオ、オンラインショップに追加するのに十分な機能と効果があります。
今日、このガイドでは、「WordPressの検索ブロックの使い方」、その主な機能、ツールバーの機能などについて説明します。最初から最後までお付き合いください。
WordPressの検索ブロックとは?
WordPressの検索ブロックは、任意の投稿やページに機能的な検索バーを追加できるコアブロックです。
サイトの検索機能と統合し、訪問者がキーワードやフレーズを入力して特定のコンテンツを簡単に見つけることができます。
ウェブサイトの使いやすさを向上させる、柔軟でわかりやすいソリューションです。
検索ブロックの主な特徴は?
検索ブロックは、ウェブサイトの検索体験をカスタマイズし、最適化するのに役立ついくつかの機能を提供します:
- モバイルフレンドリー:検索バーは、最適なユーザビリティのために、あらゆるサイズのスクリーンに合わせて自動的に調整されます。
- カスタマイズ可能なプレースホルダー・テキスト:プレースホルダーのテキストを、"記事を検索する "や "商品を検索する "など、ユーザーに明確な指示を与えるように変更する。
- ボタンのカスタマイズ:検索ボタンを表示するか、エンターキーのみで送信するかを選択します。
- スタイルとアライメント:ブロックの配置(左、中央、右)とデザインを調整して、テーマにシームレスにフィットさせます。
- テーマとの統合:ほとんどのWordPressテーマと連動し、一貫したスタイルと機能を提供します。
検索ブロックでは、検索ボックスのラベル、検索ボックスのプレースホルダ、検索ボタンを追加することができます。

検索ブロックのツールバー機能とは?
検索ブロックのツールバーには、簡単にカスタマイズや管理ができるオプションがあります:

- に変える: このオプションを使用すると、ブロックを列、詳細、グループブロックに変換することができます。
- ドラッグだ: 特定のブロックをエディタ内の任意の場所にドラッグ&ドロップすることができます。
- 動くハンドル: ブロックを上下に動かすことができる。
- 整列する: Alignでは、より良いレイアウト統合のために、ページのnone、left、center、rightにアライメントを設定することができます。
- トグル検索ラベル を表示または非表示にすることができます。 検索 検索バーのラベル。
- ボタンの位置を変える: このオプションでは、ボタンの位置について以下のようないくつかのオプションが用意されている:
- 外ボタン:ボタンを表示します。 外側 検索バー
- 内側にボタン: ボタンが表示されます。 内部 検索バー
- ボタンがない: 検索バーからボタンを完全に隠す。
- ボタンのみ: ボタンだけが表示され、検索ボックスは非表示になる。
- アイコン付きボタンを使用: ラベルの代わりに虫眼鏡アイコンをボタンに挿入できる。
- オプション コピー、複製、前に追加、スタイルのコピーなどのブロックオプションがある。
チェンジ・ボタンの位置は画像をご覧ください。

美しいテーブルを作る
ブロックエディター付き

WordPressで検索ブロックを使うには?
検索ブロックの使い方は簡単です。ブロックを使うのに特別なスキルは必要ありません。チュートリアルに従うだけです。
ステップ1:検索ブロックの挿入
検索ブロックを追加したい投稿またはページに移動します。その後 ブロック追加 ("+") アイコン (1)タイプ "検索「検索ボックス内の (2)をクリックする。検索" (3).

ステップ2:検索ブロックのサイズを変更する
このステップでは、必要に応じて検索ブロックのサイズを変更します。右側にある幅のスライダーを使用して検索ブロックのサイズを変更するか、手動で与えるオプションを入力して幅オプションを使用してサイズを調整することができます。

ステップ3:検索ブロックスタイルのカスタマイズ
スタイル・オプションを変更することで、ブロックをさらにカスタマイズすることができます。ブロックのスタイル・オプションに移動するには 設定 (1) > ブロック (2) > スタイル (3).

ここでは、さまざまなカスタマイズ・オプションが用意されている。カスタマイズ・オプションについては後述する。色、タイポグラフィ、寸法、ボーダーを変更することができます。

- 色: この機能により、テキストと背景の色を変更することができます。
- タイポグラフィ: タイポグラフィでは、フォントとフォントサイズ、外観、行の高さ、文字間隔、文字組み、文字装飾を選択できます。
- 寸法: 寸法では、テキストブロックのパディングとマージンを調整できます。
- 国境だ: ボーダーオプションでは、テキストブロックにボーダーとボーダー半径を追加できます。
上の画像から、タイポグラフィ・オプションを使って何ができるかはもうお分かりでしょう。しかし、これらの機能はデフォルトでは非表示になっています。したがって、これらの機能を表示するには、右上の3つの点をクリックし、エディタに表示するすべてのオプションを選択する必要があります。

検索ブロックのデモは以下の通り。
最終的な感想
以上、WordPressウェブサイトでの検索ブロックの使い方と追加方法でした。これによって、ユーザーは必要なものを素早く見つけることができる。
ブログやeコマースストアなどの管理に最適なソリューションです。今すぐあなたのウェブサイトに検索ボックスを追加して、ウェブサイトのユーザーエクスペリエンスを向上させましょう。
チュートリアルの感想をコメント欄で聞かせてください。また、お友達とのシェアもお忘れなく。
続きを読む