wordpressのページャーを静的ページで実装する方法

Question

wordpressで新着情報の一覧などで記事のタイトルを、例えば１０個表示したら
次のページに遷移するみたいなページャーを静的ページで実装する方法が知りたいです。

Google検索で調べているのですが、wordpress内でページャーを実装する方法は
プラグインの使用を含めてサイトに掲載されているのですが、静的ページでの方法はほぼ見つかりません。

試したこと

.htmlの静的ページに実装。
<?php include_once("./wp-load.php"); ?>
<ul>
		<?php
		$posts = get_posts("numberposts=10&category=&orderby=post_date&offset=0");
		foreach ($posts as $post):
		setup_postdata($post);
		?>
			<li>
				<span><?php the_time('Y.m.d') ?></span><span><a href="<?php the_permalink() ?>"><?php the_title() ?></a></span>
			</li>
		<?php endforeach; ?>
		</ul>

日付と記事のタイトルを10件のみ表示する仕組みは作成しました。

外部においた静的ページ内でのページネーションの実装
こちらを参考にもしましたが、回答者さんが貼っているリンク先に
「wp-load.phpを読み込ませる。ページ送り（ページング、ページネーション）は効かないので注意」
とあったので、静的ページでページャーを実現するのは難しいのでしょうか？

Comments

[yuki84web]

WordPress自体が動的サイトなので静的ページ自体存在しないと思いますが、都度サーバーにアクセスせず（URLを変化させることなく）ページングしたいということでしょうか

[退会済みユーザー]

そうです！！URLを変化させることなくページングしたいです。やはりwordpress内でないと難しいでしょうか？またwordpress内で新着情報の一覧を作ってもいいのですが、その場合は固定ページで作るのがマストなのでしょうか？

Answer 1

回答いただいた情報を元に調べたりしてやってみたのですが、うまくいかず。。。
結局wordpress内でやりました。
そしてページャーがどうしてもうまくいかなかったので、プラグインで実現しました。
お騒がせしてすみませんでした。

Answer 2

すいません。調べたのですがうまくいかなかったので固定ページに実装しました。
そして、固定ページでプラグインを使わないページャーもうまくいかなかったので
WP-PageNaviというプラグインを使用しましたらうまくいきました。

Answer 3

WordPressの記事をとってきて、サイトを作るということですかね。
rest apiを利用して、JavaScriptで表示内容を更新することになるかと思います。

https://developer.wordpress.org/rest-api/using-the-rest-api/pagination/

https://codecodeweb.com/blog/576/

Comments

[退会済みユーザー]

ありがとうございます。リンク先を参考にしてやってみます。

Answer 4

記事一覧を取得し、JavaScriptのページングライブラリを使って表示させれば良いのではないでしょうか。

例えば下記のようなもの
https://pagination.js.org/

Comments

[退会済みユーザー]

ありがとうございます。こちらはPHPで取得したデータでページングできるのでしょうか？

[yuki84web]

PHPで取得してHTMLに出力された部分をJavaScriptが加工するイメージになります

[退会済みユーザー]

ありがとうございます。その辺調べてやってみます。