WP_Query +無限のスクロール

Question

私のブランドの新しいブログテンプレート（WordPressで）に取り組んでいる間にくぼみました。私は次のクエリ/ PHPコードを持っている：私は何を達成したいことは、通常のページネーションを（私はすでに私のテンプレートからコントロールを削除した）持っていないことですが、私は無限のjqueryのを使用したい

echo '<div id="posts-container" class="fusion-blog-layout-medium fusion-blog-infinite fusion-posts-container-infinite fusion-blog-archive fusion-clearfix">'; 

$args = array('post_type' => 'era', 'post_status' => array('publish', 'future'), 'paged' => $paged); 

$custom_query = new WP_Query($args); 

while($custom_query->have_posts()) : $custom_query->the_post(); 

$post_classes = $post_class . ' ' . $alignment_class . ' ' . $thumb_class . ' post fusion-clearfix'; 
ob_start(); 
post_class($post_classes); 
$post_classes = ob_get_clean(); 

echo '<article id="post-' . get_the_ID() . '" ' . $post_classes . '>'; 

get_template_part('new-slideshow'); 

echo '<div class="fusion-post-content koncert post-content">'; 

echo ('<h2 class="entry-title fusion-post-title" data-fontsize="18" data-lineheight="27"><a href="' . get_post_permalink('','','true') . '">' .get_the_title() . '</a></h2>'); 

if (get_field("data_i_miejsce_koncertu", get_the_ID())) { 
    echo ('<div class="lista-koncert-podtytul">' . get_field("data_i_miejsce_koncertu", get_the_ID()) . '</div>'); 
} 

echo '<div class="fusion-post-content-container">'; 

do_action('avada_blog_post_content'); 

if (get_field("opis", get_the_ID())) { 
    echo '<div class="lista-koncert-opis">' . wp_trim_words(get_field("opis", get_the_ID()), 60, ' [...]') . '<br><br><a href="' . get_post_permalink('','','true') . '">Zobacz więcej &gt;</a></div>'; 
} 

echo '</div>'; 
echo '</div>'; // End post-content. 
echo '</article>'; 

endwhile; 
wp_reset_postdata(); // reset the query 

echo '</div>'; 

スクロールスクリプト。しかし、正直である - 私はどのように始める方法もない/主にインターネット上の多くのライブの例/チュートリアルがないために。何かのおかげでアドバイス

Answer 1

あなたはinfinteスクロール作業を行うにはJavaScriptをinvovleする必要があります。あなたが持っているために必要なもの基本的に ：最初のいくつかの記事を表示し、スクロール/「クリックした後

それを呼び出すように、次の記事データを提供するために、wp_ajax上javascript関数

フック無限スクロールをロード

1. ページ負荷により」あなたはJavaScriptでこれを呼び出すと、すべての記事がロードされている。このまで下
2. 繰り返しでロードされた投稿を追加

これはあなたに良いスターを与える必要がありますting point：https://www.billerickson.net/infinite-scroll-in-wordpress/

また、Wordpressのテーマ/プラグインであなたのHTMLをエコーで書き込まないでください。これははるかに読みやすく、インデントを正しく保持するのに役立ちます。

?> 

<div id="posts-container" class="fusion-blog-layout-medium fusion-blog-infinite fusion-posts-container-infinite fusion-blog-archive fusion-clearfix"> 
    <?php 
    $args = array('post_type' => 'era', 'post_status' => array('publish', 'future'), 'paged' => $paged); 

    $custom_query = new WP_Query($args); 

    while($custom_query->have_posts()) : $custom_query->the_post(); 

     $post_classes = $post_class . ' ' . $alignment_class . ' ' . $thumb_class . ' post fusion-clearfix'; 
     ob_start(); 
     post_class($post_classes); 
     $post_classes = ob_get_clean(); 

     ?> 
     <article id="post-<?php echo get_the_ID() ?>" <?php echo $post_classes ?>> 
     ...