12月 5, 2021

カスタムWordPressの検索フォームを作成する方法(3つの簡単な手順で)

検索は、オンライン体験の重要な部分であり、それはほとんどのユーザーがウェブ上で情報を見つける方法です。 そのため、訪問者があなたのサイトに到着し、探しているものをすぐに見つけることができない場合は、さらに掘り下げることなく去る可能性があ WordPressの検索フォームは、それが起こらないことを確認するのに役立ちます。

サイトに優れた検索機能を実装することで、ユーザーが必要なものをより速く見つけることができ、同時に直帰率を減らすことができます。 それは関係する皆のための双方にとって好都合な状態である。

この記事では、サイトの内部検索の重要性について説明し、検索フォームをwebサイトに追加する方法を説明します。 次に、3つのステップで独自のカスタムWordPress検索フォームを作成する方法を説明します。 始めましょう!

ワードプレスの検索フォームが重要な理由

検索はウェブ上で支配的な力です。 これは、大多数のユーザーが新しいコンテンツやサイトを訪問する方法です–そして、私たちはすべて、オンラインで発見されることになると、検索エンジン最適化(SEO)の重要性に精通しています。

しかし、多くのウェブサイトの所有者は、自分のサイトでの検索の卓越性を考慮していません。 結局のところ、メインメニューは、訪問者が必要とするすべてのナビゲーションのように見えることがあります。

しかし、ユーザーがあなたのサイトに着陸し、彼らが探しているものをすぐに見つけることができない場合、彼らは固執しないかもしれません。 これは、Google検索から来た場合、バッククリックするだけで競合他社のリスト全体が表示されるため、特に重要です。

便利でアクセス可能な内部検索フォームを持つことで、ユーザーがサイトを途中で離れるのを防ぐことができます。 これは競争への少数の損失および契約者、顧客、またはファンに訪問者を変えるより多くのチャンスを意味する。

同様に、数百または数千のブログ投稿が公開されている場合、ユーザーが特定のトピックに関する記事をふるいにかけて見つけるのは難しい場合があ 検索機能は、サイトのユーザーエクスペリエンス(UX)を向上させ、訪問者をより満足させることができ、最終的にはビジネスに適しています。

サイトに検索バーを追加する方法(二つの方法)

デフォルトのWordPressインストールには、ヘッダー、フッター、サイドバーなど、サイトのウィジェット対応エリアに追加 このウィジェットを追加するには、次の2つの方法があります:

  1. WordPressのカスタマイザを介して。
  2. ダッシュボードから直接。

WordPressカスタマイザーを使用して検索フォームを追加する

カスタマイザーを使用して検索フォームを追加するには、WordPressダッシュボードに移動し、外観→カスタマイズに移動します。 カスタマイザのサイドバーにあるウィジェットをクリックします。

これにより、サイト上のウィジェット領域のリストと、それぞれが現在含まれている要素を含む新しいメニューが開きます:

検索バーをウィジェット領域に追加するには、配置する領域にある[ウィジェットを追加]ボタンをクリックします。 スライドアウトした新しいメニューで、下にスクロールして検索ウィジェットを選択します:

WordPressのカスタマイザーで検索ウィジェットを追加します。

これにより、リストの最後にウィジェットが追加されます:

フッターセクションの最後に配置された検索ウィジェット。

その後、別の場所にドラッグして再配置することができます。 たとえば、リストの先頭にドロップすると、ウィジェット領域の左端に移動します。

タイトルフィールドに入力して、検索フォームにタイトルを追加することもできます。 これには、検索ボックスの上に小さなヘッダーが含まれます:

カスタムタイトルを持つWordPressの検索フォーム。

完了したら、変更を保存することを忘れないでください。 これを行うには、カスタマイザメニューの上部にある青い公開ボタンをクリックします。

WordPressダッシュボードから検索フォームを追加する

必要に応じて、WordPressダッシュボードから直接検索フォームを追加することもできます。 開始するには、Appearance→Widgetsに移動してウィジェットエディタ画面を開きます:

WordPressダッシュボードのウィジェット領域。

そこから、単にリスト内の検索ウィジェットを見つけて、あなたがそれを表示したい領域にドラッグします:

WordPressの検索フォームは、サイトのフッターに追加されました。

ここでは、カスタマイザと同じオプションにアクセスできます。 ウィジェットの順序を変更して位置を変更したり、必要に応じてタイトルを追加したりできます。

唯一の違いは、カスタマイザが変更の視覚的なプレビューを提供することです。 あなたはむしろカスタマイザを使用したいことをいつでも決定した場合は、単にそれを開くには、画面の上部にあるライブプレビューで管理ボタンを

サイトで利用可能な特定のウィジェット領域はテーマによって制御され、すべてのテーマに同じオプションが含まれているわけではありません。 たとえば、デフォルトのWordPress Twenty Twenty-Oneテーマは、ウィジェット領域としてフッターのみを提供します。

デフォルトのWordPress検索フォームを手動でカスタマイズする方法

残念ながら、デフォルトのWordPress検索フォームには多くのカスタマイズオプションが付属していません。 上記のセクションで概説したように、その位置を変更してタイトルを追加することができますが、それはインターフェイスを使用して利用可能な

ただし、WordPressについて話しているので、これを回避する方法があります:コードを直接編集します。 WordPressのテンプレートファイルを使用して、あなたのサイトのカスタム検索ページを作成することができます。 あなたがこれをしたいなら、WordPress.org 素晴らしいウォークスルーを持っています。

ただし、この方法であっても、デフォルトのWordPress検索機能はまだ制限されています。 あなただけのウィジェット領域にフォームを配置することができ、外観は、カスタマイズオプションの方法で多くを提供していない場合があり、あな 幸いなことに、あなたの検索フォームをカスタマイズする簡単な方法があります–すなわち、WordPressのプラグインを使用して。

無料のプラグインでカスタムWordPress検索フォームを作成する方法

カスタムWordPress検索フォームを作成したいが、コードに慣れていない(または時間がない)場合は、代 このセクションでは、Ivory Searchプラグインを使用してカスタム検索バーを作成する手順を説明します。

Ivory Searchプラグイン

をインストールして有効にする最初のステップは、WordPressダッシュボードに移動してIvory Searchをインストールすることです:

Ivory Search–WordPress検索プラグインIvory Search–WordPress検索プラグイン

作成者:Ivory Search

現在のバージョン:5.3

最終更新日:2021年12月29日

add-search-to-menu.5.3.ジップ

これは、あなたのWordPressサイトのカスタム検索フォームを作成するのに役立ちます無料のプラグインです。 検索バーの外観を調整したり、サイトのメニューにフォームを配置したり、結果に表示されるコンテンツを微調整したりすることができます。

WordPressのダッシュボードからプラグインをインストールしてください。 有効にしたら、次のステップに進むことができます。

新しい検索フォームを作成する

プラグインを有効にした後、最初の検索フォームを作成できます。 WordPressのダッシュボードから、象牙の検索→検索フォームに移動します:

Ivory Searchに新しい検索フォームを追加します。

プラグインは自動的にフォームにデフォルト設定を入力するので、必要に応じてすぐに始めることができます。 ただし、設定を徹底的にカスタマイズすることもできます。

検索タブで、サイトのどのコンテンツを検索に含めるかを指定できます。 各セクションをクリックして、さまざまな投稿やページの種類をチェックしたりオフにしたりします:

カスタムWordPress検索フォームに含めるコンテンツの種類を選択します。

[除外]タブでは、検索結果に含めたくない特定の投稿やページを選択できます。 これは、例えば、特定のインデックスページを除外するのに便利です。

デザインタブでは、検索フォームの外観をカスタマイズできます:

アイボリーの検索設定のデザインセクション。

カスタマイザを有効にするには、検索フォームのカスタマイズを有効にするチェックボックスをクリックする必要があります(デフォル それが完了したら、検索フォームカスタマイザリンクをクリックしてWordPressカスタマイザを開くことができます:

カスタマイザでWordPressの検索フォームをカスタマイズする。

ここでは、検索ボックス自体のスタイルだけでなく、ボックス内に含まれるプレースホルダーテキストなど、さまざまな要素に使用される色やテキスト 完了したら、ページの上部にある[公開]ボタンをクリックしてください。

最後に、オプションタブで検索結果ページを設定することができます:

アイボリーの検索設定でWordPressの検索フォームをカスタマイズします。

ページあたりの結果の数、検索語を強調表示するかどうか、その他のいくつかの高度なオプションのオプションがあります。 フォームの設定が完了したら、青色の[フォームを保存]ボタンをクリックして変更を確定します。

検索フォームをサイトに追加する

フォームを設定すると、webサイトに追加する準備が整いました。 ヘッダー、フッター、またはWordPressメニューにフォームを配置できます。

サイトのヘッダーまたはフッターにIvory検索フォームを追加するには、Ivory検索→設定に移動します:

アイボリーの検索設定画面。

次に、リストからヘッダー検索またはフッター検索のいずれかを選択し、ドロップダウンメニューから作成したフォームをクリックします:

WordPressのヘッダーにカスタム検索フォームを追加します。

完了したら、保存をクリックしてサイトを更新します。 この場合、ヘッダーにバーを追加しました:

WordPressのヘッダーに表示されるカスタム検索フォーム。

サイトメニューに検索フォームを追加する場合は、アイボリー検索→メニュー検索に移動します:

WordPressのメニューにカスタム検索フォームを追加します。

この画面では、検索バーを含めるメニューを選択できます。 プラグインは、メニューに小さな虫眼鏡を追加します。 虫眼鏡をクリックすると、用語を入力できる検索ボックスがポップアップ表示されます:

WordPressのメニューに表示されているからカスタム検索。

これで終わりです! これで、独自のWordPressの検索フォームをカスタマイズしました。

結論

あなたのサイトの直帰率を減らすか、より良いUXを提供しようとしているかどうか、カスタム検索フォームは素晴らしい解決策です。

WordPressにはデフォルトで検索バーが含まれていますが、どこに配置できるのか、どのように調整できるのかは限られています。 このような象牙の検索などのプラグインを使用すると、簡単に完全にカスタムフォームを作成し、わずか数ステップで必要なほぼどこにでもそれを表

あなたのサイト上の検索を改善するためのいくつかの他のアイデアについては、WordPressの内部検索を改善するためのヒントをチェックしてくださ

コメントを残す

メールアドレスが公開されることはありません。