「もっと記事を見る」の機能をカスタム投稿でも実装したい【WPテーマTCD：AMORE】

Question

状況

WPの有料テーマのカスタマイズで、TCDのAMOREを使用しています。
投稿一覧では「もっと記事を見る」で記事がさらに読み込まれるようになっています。
https://demo.tcd-theme.com/tcd028/?page_id=311

「work」というカスタム投稿タイプを追加しarchive.phpで一覧を表示させているのですが、
「work」の投稿一覧ページでこの「もっと記事を見る」をクリックすると、さらに現れる記事がデフォルトのpost（お知らせ）のものになっています。

該当コード

05/31現在、JSを条件分岐させて、functions.phpのactionをもう一つ作ることでworkの一覧ページでは解決することができました。
未だ、ターム一覧ページではPOSTのものが出てしまう状況です。

$cat_idの部分をtermに出来れば解決かと思うのですが、上手くいっておりません。

06/01、サポートに問い合わせたところ、カスタム投稿を想定した作りになっていないということでした。

引き続き、お力を貸していただければと思います。
よろしくおねがいします。

▼ 子テーマfunctions.php

add_action( 'wp_ajax_nopriv_load-filter-work', 'prefix_load_cat_posts_work' );
add_action( 'wp_ajax_load-filter-work', 'prefix_load_cat_posts_work' );
function prefix_load_cat_posts_work () {
    $cat_id = $_POST['term'];
    $paged = $_POST['paged'];

    $options = get_desing_plus_option();

      $search = array(
        'post_type' => 'work',
        'paged' => $paged,
        'posts_per_page' => get_option('posts_per_page'),
        'order' => 'DESC',
        'post_status' => array('publish')
      );

    if($cat_id) $search['term'] = $cat_id;

    $posts = new WP_Query($search);

    ob_start();

//     echo "<div class='ajax-page-separator mb40'><span>PAGE $paged</span></div>";
    echo "<div class='row mb40' style='padding-right:15px'>";

    $imageFullWidth = true;
    $x = 2;
    $counter = -1;
    if ( $posts->have_posts() ) : ?>

    <?php while ( $posts->have_posts() ) : $posts->the_post();
                if($posts->current_post == 0 && 2 == 4){ continue; };
		$counter++;
		if($counter==0 || $counter%3 !=0){}else{ echo '</div><div class="row mb40" style="padding-right:15px">'; };
                $x++;
                if($x % 3) : ?>
                  <div style="display:none" class="fade-me-in col-sm-38 col-sm-offset-3">
                    <div class="row">
                      <article data-paged="<?php echo $paged + 1; ?>" id="post-<?php the_ID(); ?>" <?php post_class('paged'); ?>>
                        <div class='col-sm-120 col-xs-60' style='padding-right:0px'>
                          <a href="<?php the_permalink() ?>"><div class="thumb"><?php if ( has_post_thumbnail()) { the_post_thumbnail('size1'); } else { echo '<img src="'; bloginfo('template_url'); echo '/img/common/no_image2.gif" alt="" title="">'; }; ?></div></a>
                        </div>
                        <div class='col-sm-120 col-xs-60 mt10'>
                          <?php if ($options['show_date']) { echo "<span class='fa fa-clock-o'></span><span class='blog-list-timestamp romaji'>&nbsp;" . get_the_date('Y') . '.' . get_the_date('m') . '.' . get_post_time('j') . "</span>　";}; ?>
                          <?php if ($options['show_category']) { ?><span class="cate"><?php the_category(', '); ?></span><?php }; ?>
                          <h4 class='blog-list-title'><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h4>
                          <p class="blog-list-body"><a href="<?php the_permalink() ?>"><?php if(has_excerpt()){ the_excerpt(); }else{ new_excerpt(40); }; ?></a></p>
                        </div>
                      </article><!-- #post-## -->
                    </div>
                  </div>
                <?php else : ?>
                  <div style="display:none" class="fade-me-in col-sm-38">
                    <div class="row">
                      <article data-paged="<?php echo $paged + 1; ?>" id="post-<?php the_ID(); ?>" <?php post_class('paged'); ?>>
                        <div class='col-sm-120 col-xs-60' style='padding-right:0px'>
                          <a href="<?php the_permalink() ?>"><div class="thumb"><?php if ( has_post_thumbnail()) { the_post_thumbnail('size1'); } else { echo '<img src="'; bloginfo('template_url'); echo '/img/common/no_image2.gif" alt="" title="">'; }; ?></div></a>
                        </div>
                        <div class='col-sm-120 col-xs-60 mt10'>
                          <?php if ($options['show_date']) { echo "<span class='fa fa-clock-o'></span><span class='blog-list-timestamp romaji'>&nbsp;" . get_the_date('Y') . '.' . get_the_date('m') . '.' . get_post_time('j') . "</span>　";}; ?>
                          <?php if ($options['show_category']) { ?><span class="cate"><?php the_category(', '); ?></span><?php }; ?>
                          <h4 class='blog-list-title'><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h4>
                          <p class="blog-list-body"><a href="<?php the_permalink() ?>"><?php if(has_excerpt()){ the_excerpt(); }else{ new_excerpt(40); }; ?></a></p>
                        </div>
                      </article><!-- #post-## -->
                    </div>
                  </div>
                <?php endif ?>
    <?php endwhile; wp_reset_query();
    endif;
    echo "</div>";

   $response = ob_get_contents();
   ob_end_clean();

   echo $response;
   die(1);
}

▼ 子テーマfooter.php

<?php if(is_post_type_archive('work') || is_tax('cat_work') ) : ?>
var canLoad = true

function page_ajax_get_work(){
  var page = jQuery('.paged').last().attr('data-paged') || 2;
  var cat = <?php echo $cat_id; ?>;
  var ajaxurl = '<?php echo admin_url( 'admin-ajax.php' ); ?>';

  canLoad = false

  jQuery.ajax({
    type: 'POST',
    url: ajaxurl,
    data: {"action": "load-filter-work", 'term': cat, paged:page },
    success: function(response) {
      if(response.length > 100){
        var id = page - 1;
        id.toString();
        jQuery("#infiniscroll").html(jQuery("#infiniscroll").html() + response);
      } else {
        jQuery("#pagerlink").html("最終ページ")
        jQuery("#pagerbutton").attr("disabled", "disabled")
      }

      setTimeout(function(){ canLoad = true }, 2000)
    }
  })
}

<?php else : ?>
var canLoad = true

function page_ajax_get(){
  var page = jQuery('.paged').last().attr('data-paged') || 2;
  var cat = <?php echo $cat_id; ?>;
  var ajaxurl = '<?php echo admin_url( 'admin-ajax.php' ); ?>';

  canLoad = false

  jQuery.ajax({
    type: 'POST',
    url: ajaxurl,
    data: {"action": "load-filter", cat: cat, paged:page },
    success: function(response) {
      if(response.length > 100){
        var id = page - 1;
        id.toString();
        jQuery("#infiniscroll").html(jQuery("#infiniscroll").html() + response);
      } else {
        jQuery("#pagerlink").html("最終ページ")
        jQuery("#pagerbutton").attr("disabled", "disabled")
      }

      setTimeout(function(){ canLoad = true }, 2000)
    }
  })
}
<?php endif; ?>

Comments

[CHERRY]

質問に書かれた部分のコードを見る限りでは、子テーマで該当する function の置き換えは難しいと思いますので、対応する場合は、元々のテーマを書き換えることになると思われます。

また、質問の内容的( カスタム投稿のアーカイブに postが表示される ) は、テーマの不具合の可能性もあると思われますので、テーマの公式サポートに問い合わせて、テーマの不具合かを調べて頂いた方が良いと思います。
不具合であれば、公式にテーマを修正していただくのが良いと思われます。

[masa_oji]

ありがとうございます。

現状を報告させていただきますと、条件分岐することでworkの一覧では表示することができました。
ただターム一覧ページではまだPOSTの内容が表示されてしまいます。

有料テーマがカスタム投稿に対応してないのか？という疑問もどこか持っていたので、
アドバイスいただいた通り、一度問い合わせてみます。

ありがとうございました！

[yuki84web]

もっと見るをクリックした時に発行されるSQLを調べて、それを書き換えるとか？推測レベルなので具体的なコードを書けません。ご容赦ください

[masa_oji]

回答ありがとうございます。

SQL、知識がないですが調べてやってみます！

Answer 1

すみません、ここに載せていないコードの部分でした。
footer.phpの頭に書かれている部分を条件追加したらできました。

▼ 親テーマfooter.php（元のコード）

if(is_category()){
  $category = get_category( get_query_var( 'cat' ) );
  $cat_id = $category->cat_ID;
}else{
  $cat_id= 'null';
}
if( $cat_id ){
  $cat_id = $cat_id;
} else {
  $cat_id = 'null';
}

▼ 子テーマfooter.php（変更したコード）

if(is_category()){
  $category = get_category( get_query_var( 'cat' ) );
  $cat_id = $category->cat_ID;
}else{
  $cat_id= 'null';
}
if( $cat_id ){
  $cat_id = $cat_id;
} else {
  $cat_id = 'null';
}
if(is_tax() ){
	$cat_id = get_queried_object_id();

	if( $cat_id ){
		$cat_id = $cat_id;
	} else {
		$cat_id = 'null';
	}
}

簡単にまとめると
01. footer.phpの$cat_idの部分で、タクソノミーの場合で条件分岐
02. footer.phpのfunction page_ajax_～の箇所を「タクソノミー」と「カスタム投稿」と「POST」で条件分岐
03. function.phpのadd_action( 'wp_ajax_load-filter～の部分を複製して、「タクソノミー」と「カスタム投稿」に合うように変更。
04. archive.phpの$cat_idの部分で、タクソノミーの場合で条件分岐
05. archive.phpの「もっと記事を見る」ボタンのonclick=""の中身をfooter.phpのfunctionに合わせて条件分岐

でいけました。（もっとシンプルにできるような気もします）
アドバイスいただいた方々、ありがとうございました！