静的フロントページネーション - カスタムループ
カスタムコンテンツテンプレートを作成し、それをページに割り当ててクエリをコーディングしました。
すべてが正常に機能しているように見えます。私が持っている唯一の問題は、ページ付けに関するものです。そのため、2ページ目に進むと、「投稿が見つかりませんでした」というメッセージが表示されます。
これまでに試したこと
- ホームページとして、別のページ区切り付きグリッド（サードパーティープラグイン）を設定しました。そのプラグインのページ付けをいじると、同じ壊滅的な結果が得られました。
これは私の源です
<?php
if ( get_query_var('paged') ) {
$paged = get_query_var('paged');
} elseif ( get_query_var('page') ) {
$paged = get_query_var('page');
} else {
$paged = 1;
}
$args=array(
'post_type' => 'gadget',
'post_status' => 'publish',
'posts_per_page' => 36,
'paged' => $paged,
'nopaging' => false
);
$fp_query = null;
$fp_query = new WP_Query($args);
if( $fp_query->have_posts() ) {
$i = 0;
while ($fp_query->have_posts()) : $fp_query->the_post();
global $post;
$postidlt = get_the_id($post->ID);
// modified to work with 3 columns
// output an open <div>
if($i % 3 == 0) { ?>
<div class="vc_row prd-box-row">
<?php
}
?>
<div class="vc_col-md-4 vc_col-sm-6 vc_col-xs-12 prd-box row-height">
<div class="prd-box-inner">
<div class="prd-box-image-container">
<a href="<?php the_permalink(); ?>">
<div class="prd-box-image" style ="background-image: url(
<?php $acf_header = get_field('header_image');
if ($acf_header) {
the_field('header_image');
}
else {
echo types_render_field('headerimage', array("raw"=>"true", "url"=>"true","id"=>"$postidlt"));
}
?>);">
<div class="vc_col-xs-12 prd-box-date"><?php $short_date = get_the_date( 'M j' ); echo $short_date;?><span class="full-date">, <?php $full_date = get_the_date( 'Y' ); echo $full_date;?></span></div>
<div class="badges-container">
<!-- Discount Condition -->
<?php $discountbg = types_render_field("discount", array("style" => "FIELD_NAME : $ FIELD_VALUE", "id"=>"$postidlt")); if($discountbg) : ?>
<div class="vc_col-xs-2 discounted-badge">
<i class="fa fa-percent" aria-hidden="true"></i>
</div>
<?php endif; ?>
<!-- Video Condition -->
<div class="vc_col-xs-2 video-badge">
<i class="fa fa-play" aria-hidden="true"></i>
</div>
<!-- Crowdfunding Condition -->
<?php if ( has_term('crowdfunding', 'gadget-categories', $post->ID) ): ?>
<div class="vc_col-xs-2 crowdfunding-badge">
<i class="fa fa-money" aria-hidden="true"></i>
</div>
<?php endif; ?>
</div>
</div>
</a>
</div>
<div class="prd-separator"></div>
<div class="vc_row prd-box-info">
<div class="vc_col-xs-12 prd-box-title"><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></div>
</div>
<div class="prd-separator"></div>
<div class="vc_row prd-box-info">
<div class="vc_col-md-12 vc_col-sm-12 vc_col-xs-12 ct-pr-wrapper">
<div class="prd-box-price">
<?php $initalprice = types_render_field("initial-price", array("style" => "FIELD_NAME : $ FIELD_VALUE", "id"=>"$postidlt"));
$discountedprice = types_render_field("discount", array("style" => "FIELD_NAME : $ FIELD_VALUE", "id"=>"$postidlt"));
$tba = types_render_field("tba-n", array("output" => "raw", "id"=>"$postidlt"));
$currency = types_render_field("currency", array());
if ($initalprice && empty($discountedprice) && empty($tba)) {
echo($currency),($initalprice);
}
elseif ($discountedprice && empty($tba)) {
echo($currency),($discountedprice);
}
elseif ($tba) {
echo("TBA");
}
?>
</div>
<div class="prd-box-category">
<?php
$terms = get_the_terms( $post->ID , 'gadget_categories' );
foreach ( $terms as $index => $term ) {
if ($index == 0) {
// The $term is an object, so we don't need to specify the $taxonomy.
$term_link = get_term_link( $term );
// If there was an error, continue to the next term.
if ( is_wp_error( $term_link ) ) {
continue;
}
// We successfully got a link. Print it out.
echo '<a class="first-ct" href="' . esc_url( $term_link ) . '">' . $term->name . '</a>';
}
}
?>
<?php
$terms_rst = get_the_terms( $post->ID , 'gadget_categories' );
echo '<div class="rest-categories">';
foreach ( $terms_rst as $index => $term ) {
if ($index > 0) {
// The $term is an object, so we don't need to specify the $taxonomy.
$term_link = get_term_link( $term );
// If there was an error, continue to the next term.
if ( is_wp_error( $term_link ) ) {
continue;
}
// We successfully got a link. Print it out.
echo '<a class="rest" href="' . esc_url( $term_link ) . '">' . $term->name . '</a>';
}
}
echo '</div>';
?>
</div>
</div>
</div>
<div class="vc_row prd-box-share-wh-row">
<div class="prd-separator"></div>
<div class="prd-box-share-container">
<div class="vc_col-xs-1"></div>
<div class="vc_col-xs-4"><?php echo do_shortcode( '[addtoany]' );?></div>
<div class="vc_col-xs-1"></div>
</div>
<div class="prd-box-wishlist-container">
<div class="vc_col-xs-1"></div>
<div class="vc_col-xs-4">
<?php $arg = array ( 'echo' => true ); do_action('Gd_mylist_btn',$arg); ?>
</div>
<div class="vc_col-xs-1"></div>
</div>
</div>
<div class="prd-separator"></div>
</div>
</div>
<?php $i++;
// Closing the grid row div
if($i != 0 && $i % 3 == 0) { ?>
</div><!--/.row-->
<div class="clearfix"></div>
<?php } ?>
<!-- Random Category Snippet Generation -->
<?php
if( $i % 12 == 0 ) {
$max = 1; //number of categories to display
$taxonomy = 'gadget_categories';
$terms = get_terms($taxonomy, 'orderby=name&order= ASC&hide_empty=0');
// Random order
shuffle($terms);
// Get first $max items
$terms = array_slice($terms, 0, $max);
// Sort by name
usort($terms, function($a, $b){
return strcasecmp($a->name, $b->name);
});
// Echo random terms sorted alphabetically
if ($terms) {
foreach($terms as $term) {
$termID = $term->term_id;
echo '<div class="random-category-snippet" style="background-image: url('.types_render_termmeta("category-image", array( "term_id" => $termID, "output" =>"raw") ).')"><div class="random-snippet-inner"><a href="' .get_term_link( $term, $taxonomy ) . '" title="' . sprintf( __( "View all gadgets in %s" ), $term->name ) . '" ' . '>' . $term->name.'</a><p>' . $term->description . '</p><br><br><a class="explore-category" href="'. esc_url( get_term_link( $term ) ) .'">Explore This Category</a></div></div> ';
}
}
}
?>
<?php
endwhile;
}
wp_reset_postdata(); ?>
<div class="pagination">
<div class="previous"><?php previous_posts_link( 'Older Posts' ); ?></div>
<div class="next"><?php next_posts_link( 'Newer Posts', $fp_query->max_num_pages ); ?></div>
</div>
<!-- pagination -->
</div><!--/.container-->
</div>
このリンク にアクセスして、ページの下部にある[新しい投稿]をクリックすると、問題の実際の様子を見ることができます。
編集
現時点では、ページの下部にlazyloaderがあります。このテンプレートを使用して私はほぼ望ましい結果を達成しました ここ 。ただし、フロントページにはまだ何も表示されません（フロントページと以前に指定したページはまったく同じテンプレートを使用していることに注意してください）。
次のコードでループ部分を更新してください。
<?php
$page = (get_query_var('page') ? get_query_var('page') : 1);
$args=array('post_type' => 'gadget', 'post_status' => 'publish', 'posts_per_page' => 36, 'page' => $page);
$wp_query = new WP_Query($args);
if( $wp_query->have_posts() ) {
$i = 0;
while ($wp_query->have_posts()) : $wp_query->the_post();
$postidlt = $post->ID;
pagedの代わりにpageを使用する前の理由 page（int） - 静的フロントページのページ数。静的フロントページのXページに通常表示される投稿を表示します。
これがうまくいくかどうかは完全にはわかりませんが、以前同様の問題に苦しんでいたことを覚えています。それは試してみる価値があり、私はこれを私自身の（実用的な）コードから取りました。
これは私自身の問題に対する曖昧な理解であることに注意してください。
私は一般的な考えとして、あなたのページネーションはフロントページやカスタムページを表示するためのメインのWordPressクエリを元にしています。これが、メインクエリ内のカスタム（追加）クエリでは機能しない理由です。
これを回避するために、最初にメインの$wp_queryオブジェクトを$temp_queryオブジェクト内に格納します。それから、メインの$wp_queryをリセットし、それを独自のカスタムクエリに置き換えます。
投稿をループした後、$wp_queryからメインの$temp_queryオブジェクトを復元します。
global $wp_query
$custom_query_args = array(
'post_type' => 'gadget',
'post_status' => 'publish',
'posts_per_page' => 36
);
// Get the pagination
$custom_query_args['paged'] = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
// Create the WP_Query object
$custom_query = new WP_Query( $custom_query_args );
// Store the existing $wp_query object
$temp_query = $wp_query;
// Clear the $wp_query object
$wp_query = NULL;
// Replace with our custom query object
$wp_query = $custom_query;
// Run our query
if ( $custom_query->have_posts() ) {
while ( $custom_query->have_posts() ) {
$custom_query->the_post();
}
// Display pagination links before resetting the $wp_query object to the original
?>
<div class="pagination">
<div class="previous"><?php previous_posts_link( 'Older Posts' ); ?></div>
<div class="next"><?php next_posts_link( 'Newer Posts', $custom_query->max_num_pages ); ?></div>
</div>
<?php
}
// Reset postdata
wp_reset_postdata();
// Restore main query object
$wp_query = NULL;
$wp_query = $temp_query;