WordPressの投稿記事をAjax通信で読み込む

WordPressの投稿記事をAjax通信で読み込む

ページを移動せずに特定の投稿記事を読み込みしたい、と言われたら、Ajax通信ですよね。ということで、初めてワードプレスでAjax通信で記事を読み込んでみました。類似のケースの依頼が見込まれるので、メモしておきます。

以下のサイト等を参考にしています。
https://engineering.dn-voice.info/blogwordpress/ajax/
https://pinkmonky.net/detail/?id=149

【今回のケース】
カスタム投稿 「施設情報」(facility)に対し、「施設情報」のタクソノミー(cat_facility)のタームで地域を指定
プルダウンで地域を選ぶと、ID「postsArea」のdiv内に表示される仕組み

【必要なフィアル】
ajax.js(外部jsファイル)
content.php(実際に読み込みするコンテンツページ)
functions.php(テーマの関数に書き込む内容)