ショートコードを使用してWordPressの投稿に検索フォームを追加する方法

公開: 2022-01-31

Webサイトに検索オプションを含めないことは、多くのWebサイトが修正できない典型的なエラーです。 これは、特にeコマースや特定の種類のコンテンツを配信することを唯一の目的とするWebサイトにとって、かなり大きな問題になる可能性があります。 まず、検索は訪問者が適切な製品を見つけるための中心的なポイントです。 そして、ウェブサイトのサイズが大きくなり始めたら、それは確かに大きな欠陥です。 第二に、特にしばらくすると、投稿やページの数が増え始めると、ニュースや情報を見つけるのが難しくなります。 これらの要件を満たさない場合、訪問者を簡単にかわし、全体的なエンゲージメントに悪影響を及ぼし、Webサイトの全体的なユーザビリティを低下させる可能性があります。 訪問者が購入、購読、コメントを残す、または単に情報を探すことを期待している場合でも、WP Full Careは、ショートコードを使用してWordPressの投稿に検索フォームを追加することをお勧めします。 または、少なくとも、検索機能を可能にする検索プラグインのいくつかを使用することによって。

WordPressのウェブサイトに検索フォームを追加する必要があるのはなぜですか？

全体的なインターネット体験を見ると、「検索」がその核心であることは明らかです。 人々が今日探しているすべての情報は、ある種の検索によってフィルタリングされ、表示されます。 なぜそれはウェブサイト、ページ、そして投稿と違うのでしょうか？ 基本的に、検索バーとフォームは、Webサイトの訪問者がページにアクセスした瞬間に情報を探し始めることができるものです。 彼らがこのオプションを拒否された場合、彼らは本質的に、ウェブサイトを離れる以外に選択肢はありません。

クレジットカードを持ってウェブサイトで商品を検索する。
人々があなたのウェブサイトを検索するオプションを持っていない場合、彼らはすぐに他の場所で製品を探します。

また、検索フォームは訪問者の視点だけでは役に立ちません。 ウェブサイトの所有者がそれから利益を得るいくつかの理由があります：

  • 検索フォームは、新しいキーワードを見つけるのに役立ちます。訪問者が検索フォームに入力している内容を追跡することで、何が求められているのか、どのような好みがあるのか​​を確認できます。 製品を提供しているのか情報だけを提供しているのかに関係なく、この情報を使用してWebサイトの提供を変更できます。
  • これにより、全体的なユーザーエクスペリエンスが向上し、検索エンジンの最適化に役立ちます。検索機能自体は、ユーザーエクスペリエンスを向上させるために不可欠です。 結果として、それはあなたがあなたのSEO努力を後押しし、あなたがより高くランク付けするのを助けるでしょう。
  • コンバージョンを改善する調整を行うことができます。検索フォームから得られる洞察は、Webサイトを適切に最適化するために実行する手順を正確に把握することにより、コンバージョン率を最大化するのに役立ちます。
  • データ管理を支援します。たとえば、投稿にタグを追加すると、分類と情報提供が向上します。

WordPressの投稿に検索フォームを追加するいくつかの方法

一般に、WordPressの投稿、ページ、またはWebサイト全体に検索フォームを追加する最も一般的な方法は2つあります。

  1. コードを使用してWordPressに検索フォームを追加する
  2. プラグインを使用してWordPressに検索フォームを追加する

1.コードを使用してWordPressに検索フォームを追加します

いくつかの理由から、これはおそらく検索フォームを追加するための最良の方法です。 Webサイト上のプラグインが多すぎると、最終的にそのパフォーマンスに影響を与える可能性があります。 ただし、これは初心者向けの方法ではありません。 ウェブサイトにコードを追加する最良の方法は、経験豊富なWordPress開発者に支援してもらうことです。 これは主に、ここでの最初のステップがテーマ関数（functions.php）ファイルを編集することであるためです。

Functions.phpファイル内に、次のコード行を追加する必要があります。

add_shortcode （ 'wpbsearch' 、 'get_search_form' ）;

WordPressで検索フォームコードをコピーする場所に関する説明。
「script」タグのすぐ下にコードを適切に配置することを忘れないでください。

関数.phpの編集が完了すると、ページの[wpbsearch]を配置する場所に、デフォルトの検索フォームが追加されます。

カスタム検索フォームの追加

デフォルトの検索フォームの外観に満足できない場合は、カスタム検索フォームを追加できます。 その場合、コードは次のようになります。

関数wpbsearchform（ $ form ） {

$ form ='<form role =” search” method =” get” id =” searchform” action =”'。 home_url（'/'）。 '”>
<div> <label class =” screen-reader-text” for =” s”>'。 __（'検索する：'） 。 '</ label>
<input type =” text” value =”'。 get_search_query（）。 '” name =” s” id =” s” />
<input type =” submit” id =” searchsubmit” value =”'。 esc_attr __（'Search'）。'” />
</ div>
</ form>';

$formを返します;
}

add_shortcode （ 'wpbsearch' 、 'wpbsearchform' ）;

この方法では、すべてのページにショートコードを追加し、それを表示するように投稿する必要があることを忘れないでください。 ただし、トップバーまたはサイドバーにショートコードを追加すると、すべてのページに検索フォームが表示されます。

2.プラグインを使用してWordPressに検索フォームを追加します

初心者の場合、検索フォームを追加する最も簡単な方法は、検索プラグインの1つを使用することです。 SearchWP Live Ajax Search、SearchWP Modal Search Form、Ivory Search、FiboSearchはほんの一例です。

シンプルなプラグインソリューションの使用

Ivory Searchを使用している場合、検索フォームの追加は非常に簡単です。

プラグインをインストールしてアクティブ化したら、WordPressサイドバーに表示される「IvorySearch」プラグインオプションに移動するだけです。 その上にカーソルを合わせて、[フォームの検索]サブオプションを選択します。

そこで、プラグインはショートコードを提供します：

[ ivory-search id =” 10980” title =”デフォルトの検索フォーム”]

基本的に、デフォルトの検索フォームを表示したい場所ならどこでも、このコード行をコピーできます。

WordPressショートコードを使用したアイボリー検索フォームオプション。
ページに適切な検索フォームが表示されるまで、オプションを試してください。

ウィジェットを好む場合は、 SearchWP LiveAjaxSearchをチェックする価値のある代替手段です。

SearchWP –より堅牢な検索フォーム用

より複雑でカスタマイズ可能な検索オプションが必要な場合は、SearchWPプラグインが適しています。 ただし、これはプレミアム検索プラグインであり、セットアップにはある程度の知識が必要です。

最初のステップは、SearchWPプラグインをインストールしてアクティブ化することです。 次に、アカウントのライセンスキーが必要になります。これは、「ライセンス」プラグインオプションに入力します。 アクティベーション後、検索エンジンの設定を構成する必要があります。

2番目のステップは、他のプラグインをインストールするのと同じ方法でSearchWPShortcodeExtensionをダウンロードしてインストールすることです。 そして、もちろん、それをアクティブにします。

最後に、前のすべての手順が完了すると、ブロックを使用して新しいカスタム検索フォームをページに追加できます。 ただし、ここには注意点があります。正しく使用するには、ブロックを「カスタムHTML」ブロックに設定する必要があります。 そうして初めて、次のショートコードを追加して使用できるようになります。

[searchwp_search_form]

<div class =” search-results-wrapper”>
[searchwp_search_results]
<h2> [searchwp_search_result_link] </ h2>
[searchwp_search_result_excerpt]
[/ searchwp_search_results]
</ div>

<div class =” search-results-pagination”>
[searchwp_search_results_pagination direction =” prev” link_text =” Previous”]
[searchwp_search_results_pagination direction =” next” link_text =” Next”]
</ div>

通常、これにより検索フォームがページまたは投稿に追加され、必要に応じて結果が複数のページに表示されます。 ここでは、404ページに細心の注意を払い、訪問者がコンテンツを見逃さないようにすべてのリダイレクトを適切に設定することを忘れないでください。

WordPressで検索フォームを使用することは、すべての最新のWebサイトにとって避けられない必需品になります。 一般的なコンテンツの量が増えるにつれて、コンテンツ全体を検索する方法の必要性はかけがえのないものになります。 このような機能により、訪問者だけでなく、自分自身にとってもWebサイトの使いやすさが向上します。 その結果、あなたの投稿やページは適切な訪問者の目に届くようになります。 これにより、最終的にはランキング結果が向上し、一般的なコンバージョン率が向上します。