
ワードプレスに投稿された全記事を一覧で表示するやり方です。
固定ページを作成
全記事一覧を表示させる固定ページを作成しましょう。
category.phpやpage.phpをコピーし、『スラッグ名(以下、○○と表記)-page.php』とリネームしてください。
このようにすれば、該当するページを表示する際に、page.phpではなく、○○-page.phpを読み込んでくれます。
固定ページにテンプレートを指定するやり方でもOK
○○-page.phpの編集
作成した○○-page.phpを編集します。
記事一覧を表示させます。
<?php $args = array( 'post_type' => 'post', 'posts_per_page' => 10, ); $my_query = new WP_Query($args); if( $my_query -> have_posts() ) : while($my_query -> have_posts()) : $my_query -> the_post(); ?> <!--ループの内容--> <?php endwhile;else: ?> <p>表示する記事がありません</p> <?php endif; ?> <?php wp_reset_postdata(); ?>
上記だと、投稿された記事を10件表示させるだけです。
固定ページはひとつのページとしての役割があるため、このままではページネーションを機能させることはできません。
固定ページでページネーションを機能させる
先ほどの例にget_query_var(‘paged’)を追加してページ番号を取得しましょう。
これで、ページネーションを機能させられます。
<?php $paged = get_query_var('paged') ? get_query_var('paged') : 1 ; $args = array( 'post_type' => 'post', 'posts_per_page' => 10, 'paged' => $paged ); $my_query = new WP_Query($args); if( $my_query -> have_posts() ) : while($my_query -> have_posts()) : $my_query -> the_post(); ?> <!--ループの内容--> <?php endwhile;else: ?> <p>表示する記事がありません</p> <?php endif; ?> <?php wp_reset_postdata(); ?>
WP-PageNaviを使用している場合
以下のように書き換えてください。
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(array('query' => $my_query)); } ?>
おまけ
投稿以外にカスタム投稿がある場合はpost_typeをこのように書き換えてください。
‘post_type’ => array(‘post’,’カスタム投稿のスラッグ名1′,’カスタム投稿のスラッグ名2′),
参考にどうぞ!
カスタム投稿の追加方法
カスタム投稿タイプの新着記事を表示
「スタードメイン」は、年額100円からの独自ドメイン+無料サーバーも付いてきます。
WordPressも使えるので、練習も兼ねてお手軽にサイト運営ができちゃいます。
ドメイン取得は同じところで取得しておくと便利ですよ。
お名前.comは1円から購入(1年間)できるドメインがあるので、いろいろと便利で経済的です。
WordPressも使えるので、練習も兼ねてお手軽にサイト運営ができちゃいます。

ドメイン取得は同じところで取得しておくと便利ですよ。
お名前.comは1円から購入(1年間)できるドメインがあるので、いろいろと便利で経済的です。

関連記事
2023/06/05
ソースコードをきれいに表示させるのに役立っていた「Crayon Syntax Highlighter」ですが、更新も止まったままの状態で再開の目処はなさそうで...
2023/05/26
WordPressのサイト内の文字列を一括置換・一括変換するのに便利なプラグインをご紹介します。ドメインを変更した場合だったり、「WordPress」を「ワー...
2023/04/25
ワードプレスで大量の記事を削除したいときに便利なのが「Bulk Delete」というプラグインです。数十記事ではチェックボックスで一括選択削除で十分ですが、こ...
2023/04/18
TwitterなどSNSへの自動投稿プラグイン「Revive Old Posts」をご紹介します。記事投稿時に自動でツイートしてくる「WP to Twitte...
2023/04/12
Macで通常のプリセットされている用紙サイズでは印刷できるのに、カスタムサイズでは印刷できない(プリンタは動いているのに白紙のまま)場合の対処をいくつかご紹介...