Загрузите больше в архив на основе тега


Я работаю над кнопкой загрузить больше, которая загружает сообщения в archive.php на основе тегов. Я получил кнопку "Загрузить больше" для работы с пользовательским типом публикации и обычными публикациями, используя этот пример, https://artisansweb.net/load-wordpress-post-ajax /. Страница архива немного отличается, потому что этот цикл создается сам по себе на основе slug. Вот мой текущий рабочий цикл на archive.php

<?php
 $term_slug = get_queried_object()->slug;

 $loop = new WP_Query( array( 'post_type' => '', 'tag' => 
 $term_slug, 'posts_per_page' => 3 ) ); ?>
 <ul class="my-archive">
 <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

  <li class="blog-box">
        <div class="blog-bullet-img">
      <a href="<?php the_permalink(); ?>" title="<?php 
      the_title_attribute(); ?>">
        <?php the_post_thumbnail(); ?>
      </a>
      </div>
      <div class="news-full-descrip">
          <p class="blog_title"><?php the_title(); ?></p>
      <p class="blog_date"><?php echo get_the_date(); ?></p>
      <p class="blog-textarea"><?php echo get_the_excerpt(); ?></p>
      </div>
    </li>

 <?php endwhile; // End the loop. ?> 

 </ul>

 <div class="loadmore_three"><span>Load More</span></div>
 </div>

 <script type="text/javascript">
 var ajaxurl = "<?php echo admin_url( 'admin-ajax.php' ); ?>";
 var page = 2;
 jQuery(function($) {
 $('body').on('click', '.loadmore_three', function() {
    var data = {
        'action': 'load_posts_by_ajax_three',
        'page': page,
        'security_three': '<?php echo 
 wp_create_nonce("load_more_posts_three"); ?>'
    };

    $.post(ajaxurl, data, function(response) {
        $('.my-archive').append(response);
        page++;
    });
});
});
</script>  

В functions.php Я добавил слегка измененную версию этого цикла добавление $постранично, чтобы оно совпадало с примером в моей ссылке выше. В настоящее время это возвращает все сообщения и не фильтрует тег по слагу, когда вы нажимаете кнопку загрузить больше.

// The Archive post type load more function
add_action('wp_ajax_load_posts_by_ajax_three', 
'load_posts_by_ajax_callback_three');
add_action('wp_ajax_nopriv_load_posts_by_ajax_three', 
'load_posts_by_ajax_callback_three');

function load_posts_by_ajax_callback_three() {
check_ajax_referer('load_more_posts_three', 'security_three');      


$term_slug = get_queried_object()->slug;
$paged = $_POST['page'];
$loop = new WP_Query( array( 'post_type' => '', 'tag' => $term_slug, 
'posts_per_page' => 3, 'paged' => $paged, ) ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

<li class="blog-box">
        <div class="blog-bullet-img">
      <a href="<?php the_permalink(); ?>" title="<?php 
the_title_attribute(); ?>">
        <?php the_post_thumbnail(); ?>
      </a>
      </div>
      <div class="news-full-descrip">
          <p class="blog_title"><?php the_title(); ?></p>
      <p class="blog_date"><?php echo get_the_date(); ?></p>
      <p class="blog-textarea"><?php echo get_the_excerpt(); ?></p>
      </div>
    </li>

<?php endwhile;  wp_die(); }     

Я не силен в PHP, но много читал и пытался понять его лучше. Когда вы нажмете "Загрузить больше", я бы хотел, чтобы это возвращало сообщения с тем же тегом, что и текущий URL-адрес или слаг.

Author: scottie5689, 2018-03-09

1 answers

Вы должны передать свой термин slug в свой AJAX, вы можете сделать что-то вроде этого:

$term_slug = get_queried_object()->slug;

$loop = new WP_Query( array( 'post_type' => '', 'tag' =>
$term_slug, 'posts_per_page' => 1 ) ); ?>
<ul class="my-archive">
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

        <li class="blog-box">
            <div class="blog-bullet-img">
                <a href="<?php the_permalink(); ?>" title="<?php
                the_title_attribute(); ?>">
                    <?php the_post_thumbnail(); ?>
                </a>
            </div>
            <div class="news-full-descrip">
                <p class="blog_title"><?php the_title(); ?></p>
                <p class="blog_date"><?php echo get_the_date(); ?></p>
                <p class="blog-textarea"><?php echo get_the_excerpt(); ?></p>
            </div>
        </li>

    <?php endwhile; // End the loop. ?>

</ul>

<div class="loadmore_three"><span>Load More</span></div>
</div>

<?php get_footer(); ?>

<script type="text/javascript">
    var ajaxurl = "<?php echo admin_url( 'admin-ajax.php' ); ?>";

    jQuery(function($) {
        var page = 2;
        $('body').on('click', '.loadmore_three', function() {
            var data = {
                'action': 'load_posts_by_ajax_three',
                'page': page,
                'slugTerm' : '<?php echo $term_slug; ?>',
                'security_three': '<?php echo
                wp_create_nonce("load_more_posts_three"); ?>'
            };

            $.post(ajaxurl, data, function(response) {
                $('.my-archive').append(response);
                page++;
            });
        });
    });
</script>

В вашем functions.php :

add_action('wp_ajax_load_posts_by_ajax_three',
    'load_posts_by_ajax_callback_three');
add_action('wp_ajax_nopriv_load_posts_by_ajax_three',
    'load_posts_by_ajax_callback_three');

function load_posts_by_ajax_callback_three() {
    check_ajax_referer('load_more_posts_three', 'security_three');


    $term_slug= $_POST['slugTerm'];
    $paged = $_POST['page'];
    $loop = new WP_Query( array( 'post_type' => '', 'tag' => $term_slug,
        'posts_per_page' => 1, 'paged' => $paged, ) ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

        <li class="blog-box">
            <div class="blog-bullet-img">
                <a href="<?php the_permalink(); ?>" title="<?php
                the_title_attribute(); ?>">
                    <?php the_post_thumbnail(); ?>
                </a>
            </div>
            <div class="news-full-descrip">
                <p class="blog_title"><?php the_title(); ?></p>
                <p class="blog_date"><?php echo get_the_date(); ?></p>
                <p class="blog-textarea"><?php echo get_the_excerpt(); ?></p>
            </div>
        </li>


    <?php endwhile;  wp_die(); }
 0
Author: Tasos Fel, 2018-03-10 01:46:32