タグFacebookTwitterWordPressでカテゴリーやタクソノミー、カスタムフィールドの値でAjax検索を実装する方法をご紹介します。jsonデータを取得し、一覧表示という形になります。サンプルページを作りましたので、こちらに記述したソースをベースに説明していきます。http://www.wp-tech.net/search_sample/今回は、本ブログの記事のタクソノミー「wordpress_tips-cat」のターム(今回は3つのみ)を選択して検索できるようにしました。class="result"></ul>選択項目、検索ボタン、一覧表示のためのリストを作成します。選択項目は一覧を動的に出力させる場合は記述方法が異なります。パラメータの部分はカスタマイズする必要があります。検索結果がない場合$('.result').append('<li>検索結果がありません。.loading').remove();$('.result').append('<li>エラーが起こりました。お手数ですがページの再読み込みを行ってください。true;}});}});});こちらもコメント通りですが、今回はヒットした記事のパーマリンクとタイトルをリスト形式で出力しているのみになります。以上の方法でサンプルページのようなAjax検索の実装ができます。パラメータの箇所を変更すれば複数のタクソノミーの掛け合わせ検索や、カスタムフィールドの値の絞り込み検索などを実装することができるかと思います。カスタマイズいろいろ訪問中のページのナビにCSSクラスを付与する。Drive」2017.03.31TinyMCEをカスタマイズする2017.02.20キャプチャ認証(reCAPTCHA)を導入する。Avatarご相談・ご依頼に関して、まずはお問い合わせください。