2022.04.22(Fri)

WordPress 投稿記事に「1」から連番を振る

投稿記事に番号を振りたい時ってありますよね。
デザイン的に欲しかったり、機能的に欲しかったり。

1 ページのループの中で連番を振るのは簡単ですが、全記事を通して連番を振るのは初めてやりました。

1 ページに 10 記事を表示させるのであれば、ページャーで 2 ページ目に移動した時、「11」から番号を振りたい。

そんな時に。

通常の投稿記事に連番を振る

<?php 
$number = ( max( 1, $paged ) - 1 ) * $wp_query->query_vars['posts_per_page'] + $wp_query->current_post + 1;
echo $number; 
?>

たとえば、$the_query = new WP_Query( $args ); とした場合

<?php
$number = (max(1, $paged) - 1) * $the_query->query_vars['posts_per_page'] + $the_query->current_post + 1;
echo $number;
?>

上記のコードを番号を表示させたい場所に挿入します。

名古屋の Web 制作会社で 9 年半働いた後フリーランスに。中小企業のWEBサイト制作実績 100 サイト以上。ディレクション、デザイン、コーディング、WordPress 構築まで手掛けます。主にWeb系の情報をお届けします。