【Wordpress】ページごとにget_postで取得するデータを変更したい

前提・実現したいこと

Wordpressで構築されたあるデータ (terms = page1)を取得するコードがあります。
現状、"'terms' => 'page1'"のようにpage1のデータを取得して、XXX.jp/case/page1ページに表示しています。
このデータ取得コードを、下層ページurlに沿ったデータが取得できるように(例えばXXX.jp/case/page2ではpage2のデータ)変更したいと考えています。
どのように変更をすればよいでしょうか。

該当のソースコード

functions.php

php
1add_action('wp_ajax_get_case', 'dk_get_case');
2add_action('wp_ajax_nopriv_get_case', 'dk_get_case');
3function dk_get_case() {
4	$headers['Access-Control-Allow-Origin'] = '*';
5	$return = ['status' => false, 'data' => [], 'message' => ''];
6
7	$case_clinics = [1,2,3,4];
8	foreach($case_clinics as $key => $case_clinic){
9		$dk_posts = get_posts(
10			array(
11				'showposts' => -1,
12				'post_type' => 'case',
13				'tax_query' => array(
14                                    'relation' => 'AND',
15					array(
16						'taxonomy' => 'case_clinic',
17						'field' => 'term_id',
18						'terms' => $case_clinic
19					),
20                                    array(
21						'taxonomy' => 'case_category',
22						'field' => 'slug',
23						'terms' => 'page1'
24					)
25				)
26			)
27		);
28		if(count($dk_posts) > 0){
29			foreach($dk_posts as $dk_post){
30				$attachment_id = CFS()->get('case_image', $dk_post->ID);
31                                $case_name1 = CFS()->get('case_name1', $dk_post->ID);
32                                $case_clinic = CFS()->get('case_clinic', $dk_post->ID);
33                                $case_name = CFS()->get('case_name', $dk_post->ID);
34                                $case_price = CFS()->get('case_price', $dk_post->ID);
35                                $case_risk = CFS()->get('case_risk', $dk_post->ID);
36				$return['data'][$key][] = [
37					'id' => $dk_post->ID,
38                                        'case_clinic'=>$case_clinic,
39					'thumb' => wp_get_attachment_image($attachment_id, 'case_clinic'),
40					'popup' => wp_get_attachment_image($attachment_id, 'full'),
41                                        'case_name1'=>$case_name1,
42                                        'case_clinic'=>$case_clinic,
43                                        'case_name'=>$case_name,
44                                        'case_price'=>$case_price,
45                                        'case_risk'=>$case_risk,
46				];
47			}
48		}else{
49			$return['data'][$key][] = [];
50		}
51	}
52	$return['status'] = true;

taxonomy-case_category-page1.php

php
1                    <div class="col case-right">
2                        <h3 style="font-family:'Futura PT'; font-weight:600">Kusano Taro Clinic</h3>
3                        <h4 style="font-weight:600">Clinic</h4>
4　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//data表示位置
5                        <div class="case-img" data-slider-3></div>
6                        <div class="popup"></div>
7                    </div>

footer.php

php
1
2        jQuery(document).ready(function () {
3            $('.list-cases ul li .case-img').empty();
4
5            $.ajax({
6                url: 'https://charme-beauty.jp/staging/wp-admin/admin-ajax.php?action=get_case',
7                type: 'get',
8                dataType: 'json',
9                success: function (res) {
10                    if (res.status == true) {
11                        var html_case = '<a class="case-content" href="#" data-src="#pop-[id]" data-fancybox="group">[image]<p class="text-center">[case_name]</p></a>';
12                        var html_popup = '<div id="pop-[id]" class="popup_box">';
13                        html_popup += '<div class="popup_box_inner">';
14                        html_popup += '<div class="popup_box_l">';
15                        html_popup += '[image]';
16                        html_popup += '</div>';
17                        html_popup += '<div class="popup_box_r">';
18                        html_popup += '<p style="color: #937F65;font-family: \'Futura Midium\';font-size: 22px;margin-bottom: -5px !important;font-weight: 600;">[case_name1]</p>';
19                        html_popup += '<p style="color: #937f65;font-weight: 600;margin-bottom: -5px !important;">[case_clinic]</p>';
20                        html_popup += '<h3 style="margin-top: 0px;margin-bottom: 30px;"></h3>';
21                        html_popup += '<div>';
22                        html_popup += '<dl><dt style="font-size:24px; color: #000; letter-spacing: 5px;">[case_name]</dt></dl>';
23                        html_popup += '<dl><dt style="font-size: 16px;">料金</dt><dd style="font-family: \'Futura Midium\'; font-weight: 600">[case_price]</dd></dl>';
24                        html_popup += '<dl><dt style="font-size: 16px;">リスク・副作用</dt><dd style="font-weight: 600">[case_risk]</dd></dl>';
25                        html_popup += '</div>';
26                        html_popup += '</div>';
27                        html_popup += '</div>';
28                        html_popup += '</div>';
29
30                        if (res.data.length > 0) {
31                            $.each(res.data, function (x, y) {
32                                $.each(y, function (a, b) {
33                                    if (b.id) {
34                                        var html = html_case;
35                                        html = html.replace('[id]', b.id);
36                                        html = html.replace('[image]', b.thumb);
37                                        html = html.replace('[case_name]', b.case_name);
38                                        $('.list-cases ul li:eq(' + (x) + ') .case-img').append(html);
39
40                                        var popup = html_popup;
41                                        popup = popup.replace('[id]', b.id);
42                                        popup = popup.replace('[image]', b.popup);
43                                        popup = popup.replace('[case_name1]', b.case_name1);
44                                        popup = popup.replace('[case_clinic]', b.case_clinic);
45                                        popup = popup.replace('[case_name]', b.case_name);
46                                        popup = popup.replace('[case_price]', b.case_price);
47                                        popup = popup.replace('[case_risk]', b.case_risk);
48                                        $('.list-cases ul li:eq(' + (x) + ') .case-right .popup').append(popup);
49                                    }
50                                });
51                            });
52
53                            $('[data-fancybox]').fancybox({});
54
55                            $('[data-slider-3]').slick({
56                                infinite: true,
57                                slidesToShow: 3,
58                                slidesToScroll: 1
59                            });
60                        }
61                    }
62                }
63            });
64            $(function () {
65                $('.sec-case-detail li div').matchHeight();
66                $('.sec-case-detail li span').matchHeight();
67                $('.sec-case-detail li h3').matchHeight();
68            });
69        });

###試したコード1
jsでurlを取得しようとしています。しかし、var_dumpの結果はNULLです。
footer.php

php
1    <script>
2        jQuery(document).ready(function () {
3var url = window.location.href;
4$.ajax({
5    type: "POST",
6    url: "https://example.com/case/page1",
7    data: {"url": url},
8        error: function (XMLHttpRequest, textStatus, errorThrown) {
9            console.log("ajax通信に失敗しました");
10            console.log("XMLHttpRequest : " + XMLHttpRequest.status);
11            console.log("textStatus     : " + textStatus);
12            console.log("errorThrown    : " + errorThrown.message);
13        },
14        success: function (response) {
15            console.log("ajax通信に成功しました");
16            console.log(url_category);
17        }
18});
19        });

taxonomy-case_category-page1.php

php
1<?php var_dump($_POST['url_category']); ?>

###試したコード2
下記コードの結果、
footer.php

php
1jQuery(document).ready(function () {
2    var url_category = window.location.href;
3    var ajaxUrl = window.location.protocol + '//' + window.location.host + '/staging/wp-content/themes/charme-beauty/functions.php';
4    $.ajax({
5        url: ajaxUrl,
6        type: "POST",
7        data: { "url_category": url_category },
8        error: function (XMLHttpRequest, textStatus, errorThrown) {
9            console.log("ajax通信に失敗しました");
10            console.log("XMLHttpRequest : " + XMLHttpRequest.status);
11            console.log("textStatus     : " + textStatus);
12            console.log("errorThrown    : " + errorThrown.message);
13        },
14        success: function (response) {
15            console.log("ajax通信に成功しました");
16            console.log(url_category);
17        }
18    });
19});

functions.php

php
1     $url = $_POST['url_category'];

補足情報（FW/ツールのバージョンなど）

Wordpress 5.4.4

行動規範の内容に同意します

回答1件

###最初の回答
未検証ですが、

まずは、$dk_postsの前に// (1)現在のURLを取得して

続いて、// (2)URLから'page1'などの文字列を取得して、$termsの中に代入して

最後に、'terms' => $termsのように// (3)文字列を渡す

という流れでどうでしょうか？

php
1add_action('wp_ajax_get_case', 'dk_get_case');
2add_action('wp_ajax_nopriv_get_case', 'dk_get_case');
3function dk_get_case() {
4    $headers['Access-Control-Allow-Origin'] = '*';
5    $return = ['status' => false, 'data' => [], 'message' => ''];
6
7    // (1)現在のURLを取得
8    $http = is_ssl() ? 'https' : 'http' . '://';
9    $url = $http . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"];         
10
11    // (2)URLから'page1'などの文字列を取得
12    $keys = parse_url($url); 
13    $path = explode("/", $keys['path']); 
14    $terms = $path[2];
15
16    $case_clinics = [1,2,3,4];
17    foreach($case_clinics as $key => $case_clinic){
18
19        $dk_posts = get_posts(
20            array(
21                'showposts' => -1,
22                'post_type' => 'case',
23                'tax_query' => array(
24                    'relation' => 'AND',
25                    array(
26                        'taxonomy' => 'case_clinic',
27                        'field' => 'term_id',
28                        'terms' => $case_clinic
29                    ),
30                    array(
31                        'taxonomy' => 'case_category',
32                        'field' => 'slug',
33                        'terms' => $terms // (3)文字列を渡す
34                    )
35                )
36            )
37        );
38
39// 以下略

###試したコード1への返答
失礼致しました。上記の(1)を下記のようにすれば実現できると思います。

add_action('wp_ajax_get_case', 'dk_get_case');
add_action('wp_ajax_nopriv_get_case', 'dk_get_case');
function dk_get_case() {
    $headers['Access-Control-Allow-Origin'] = '*';
    $return = ['status' => false, 'data' => [], 'message' => ''];

    // (1)現在のURLを取得
    $url = $_POST['url'];

// 以下略

尚$urlですが、get_postsを通せば平気ですが、他のSQL生成で用いるのであればSQLインジェクションに注意し適切にエスケープしてください。

###試したコード2への返答

【1】
まず「url」の値は「サイトURL/wp-admin/admin-ajax.php」で、次のようにPHPから出力しておくのが一般的な方法です。functions.phpの最後に記述しておいてください。

PHP
1function add_my_ajaxurl() {
2?>
3    <script>
4        var ajaxUrl = '<?php echo admin_url('admin-ajax.php'); ?>';
5    </script>
6<?php
7}
8add_action( 'wp_head', 'add_my_ajaxurl', 1 );

【2】
次に送信値にはアクション名（dk_get_case）を入れてください。
あと一応errorとsucessは非推奨なので、failとdoneがいいと思います。

jQuery
1jQuery(document).ready(function () {
2    var url_category = window.location.href;
3    $.ajax({
4        url: ajaxUrl, // 【1】によってPHPから出力されているものを使う
5        type: "POST",
6        data: {
7            url_category: url_category,
8            action: "dk_get_case"
9        },
10    }).done(function(responce) {
11        // 成功
12    }).fail(function(XMLHttpRequest, textStatus, errorThrown) {
13        // エラー
14    }).always(function() {
15        // donefailに関係なく実行したい処理
16    });
17});

【3】
最後にdk_get_caseの最後はdie();してください。

投稿2021/10/07 15:44

編集2021/10/23 05:11

crazyBaseball

総合スコア21

scottie320

2021/10/08 08:33

回答ありがとうございます。いただいたコードを試したところ、`$terms`がnullとなっているようです。 taxonomy-case_category-page1.php内にいただいたコードを記載したところ、`string(3) "page1"`が取得出来たので、コード自体に問題はないようです。 functions.phpだとコードがうまく機能しないようです。何か心当たりありますでしょうか。

crazyBaseball

2021/10/08 12:52

失礼致しました。AJAXだから$_SERVERでは無理ですね。 JavaScriptから現在のURLを送ればPHPで$_POSTに受け取れます。

scottie320

2021/10/15 05:48 編集

@crazyBaseball 試してみましたが、urlが取得できずnullでした。あまりこういった作業をしたことがなく、、、。 "試したこと"を追加したので、ご確認いただけますでしょうか。

crazyBaseball

2021/10/23 05:12 編集

JSから送ったデータはdk_get_caseで受け取れます。回答欄に「試したコード1への返答」を追記致しました。

scottie320

2021/10/23 04:46

ありがとうございます。 jsに成功・失敗したfunctionを追加して試したところ、通信には成功していましたが、functions.phpには反映されず…。urlをページではなく、functions.phpに向けたところ(試したコード2)、500エラーでした。エラーの原因が分からない状況です。

crazyBaseball

2021/10/23 05:14

回答欄に「試したコード2への返答」を追記致しました。

scottie320

2021/10/24 04:32

ありがとうございます。試したところ、https://example.com/staging/wp-admin/admin-ajax.phpとphpファイルがある場所がコンソールに記載されていましたが、404エラーになりました。

crazyBaseball

2021/10/24 04:37

WordPressのAJAXで404だとアクション名が違うことが多いです。確認してみてください。

crazyBaseball

2021/10/24 04:43 編集

ajaxUrlは「サイトURL/wp-admin/admin-ajax.php」ですが、それは出力されましたよね？

scottie320

2021/10/24 04:50

アクション名は設定頂いたとおり、dk_get_caseなので問題はないかなと思います。ajaxUrlはconsolelogでも確認し、問題無いことを確認しました。

crazyBaseball

2021/10/24 08:51

dk_get_caseが省略されているので全容はわかりませんけど、非ajaxでは動くんですよね？

crazyBaseball

2021/10/24 08:56

dk_get_caseが非ajaxで動かないなら、そもそも質問において意図的に省略されているコードなのでもちろん回答できませんが、まさかそんなことはないと願います。で動くなら、簡単なコード（例えば echo 'ok'; みたいな）にして、jQuery(document).ready(function () {}) の responnce に 'ok' が返るかどうかチェックしてみてください。

scottie320

2021/10/24 13:39

echo 'ok'にするのはdk_get_caseの中でよろしかったでしょうか。試したところ、responseは返りませんでした。dk_get_caseは省略していませんが、footer.phpに関係のありそうなコードがありました。追記しましたのでご確認いただけますでしょうか。

crazyBaseball

2021/10/26 01:04

返りませんでしたか。何かエラーは出ましたか？あと省略していませんとのことですが、それなら動かないはずで「> 現状、"'terms' => 'page1'"のようにpage1のデータを取得して、XXX.jp/case/page1ページに表示しています。」とはなりませんので、もう一度ご確認ください。

行動規範の内容に同意します