[WP] | プラグインなしでのWordPressライブサーチAjax

詳細については、こちらのWordPressライブサーチAjax（プラグイン不要）のブログ記事をご覧ください。

良いデザインは目立たないものです！それは自動温度制御付きのエアコンのようなものです。暑いか寒いか感じるまで、その存在には気づきません。代わりに、手元の仕事に集中したり、楽しんだりします。

ウェブサーフィンをするユーザーにとって、Ajaxは自動エアコンのような存在です。それにより、ウェブサイトはよりスムーズで高速になり、快適な体験が可能になります。そして何より、それはただ動作するだけです！

Ajaxは非同期JavaScriptとXMLの略で、動的でインタラクティブなウェブアプリケーションを作成するために使用されます。Ajaxを使用すると、ページの再読み込みを待たずに変更を即座に表示できます。これにより、バックグラウンドで自動的に処理され、操作を中断することなくユーザーエクスペリエンスが向上します。

WordPressのコアでは既にAjaxが使用されていますが、それは管理画面でのみです。たとえば、コメントのモデレートやカテゴリや投稿の追加/削除時に、Ajaxによる即時の更新が見られます。また、自動保存機能の背後にある技術でもあります。

コーディングなしでWordPress用のライブAjaxサーチを作成する

Ajaxは、WordPressで一般的にはjQuery関数と一緒に使用されます。これはVanillaJSよりもシンプルです。さらに、WordPressのコアには既にjQueryライブラリが読み込まれています。

通常、WordPressはプラグインの使用を奨励しています。しかし、ここではプラグインを使用せずに代替方法を探っていきます。もちろん、プラグインの方法を希望される場合は、最後にボーナスとして言及します！

プラグインを使用せずにWordPressでAjaxを使用したライブサーチを作成する方法

ライブサーチは、入力中に検索クエリの結果を表示する検索フォームです。適切に行われると、非常に使いやすいものになります。WordPressでプラグインを使用せずにライブサーチを作成する方法は次のとおりです：

1. https://cse.expertrec.com/newuser?platform=cseにアクセスし、Googleアカウントでサインアップします
2. あなたのウェブサイトのURLを入力し、クロールが完了するのを待ちます
3. JavaScriptスニペットを追加することで、あなたのウェブサイトでライブサーチを利用できます。

これにより、簡単にWordPressサイトにAjaxライブサーチが追加されます。

プラグインを使用してWordPressでAjaxを使用したライブサーチを作成する方法

多くのWordPressライブサーチプラグインがあり、ウェブサイトにAjaxサーチを追加することを謳っています。その中でも、このプラグインを使用することをお勧めします。これにより、デフォルトのWordPress検索がAjaxライブサーチに置き換わり、オートコンプリート、音声検索、フィルタリングなどの機能が追加されます！

コーディングなしでWordPress用のライブAjaxサーチを作成する