ページネーションは自動的に生成できますか？

おはようございます。まだまだ初学者です

現在、HPを作成しているのですが、手法と構成を練り悩んでおりまして、ご教授いただければ幸いです
下記のように、sectionタグをどんどん追加し、index.htmlを構成したいと考えています
なお、articleタグを逐次追加するので、無限スクロールも考えましたが、作成するサイトには不都合なので、ページネーションを採りました。

html
1  <body>
2    <header>...</header>
3    <nav>...</nav>
4    <article>　<section>...</section>　</article>
5    <article>　<section>...</section>　</article>
6　　　：
7    <article>　<section>...</section>　</article>
8
9    <div class='wp-pagenavi' role='navigation'>
10 　　 <span aria-current='page'>1</span><a title="Page2">2</a><a　title="Page 3" >3</a><a title="Page 4" >4</a><a title="Page 5">5</a><span>...</span><a title="Page 10">10</a><span>...</span><a class="nextpostslink">次へ</a>
11    </div>
12    <footer>...</footer>
13  </body>

ここで、質問なのですが、
ページネーションは自動で項数を増やしていくことはできますか？

もしありましたら、概念やプログラム名だけでもいいのでお教えて下さい。

また、同時系列で、もう一点ご質問させていただいております。お目通しいただけると幸いです。

m.ts10806

2021/01/05 23:11

>wp-pagenavi WordPressの話でしょうか。

m.ts10806

2021/01/05 23:12

同じ質問に見えます。わざわざ分けることはないのでは。

Kosketu

2021/01/06 00:09

申し訳ありません、確かにおっしゃる通りでした汗次回以降、考えて投稿してみるようにします！！

行動規範の内容に同意します

回答2件

動的に html を出力したいのであれば、CMS を使用するのが一般的です。
静的に html を用意しておきたいのであれば、静的サイトジェネレーター(Static Site Generators - SSG)を使用すると、意図した html を準備することが出来ます。

投稿2021/01/05 23:01

退会済みユーザー

総合スコア0

Kosketu

2021/01/06 00:13 編集

迅速なご回答ありがとうございます！！早速調べてみたいと思います！A_kirisakiさんの回答が、Jsを使うとのことで、自身の方針にマッチしてそうでした。ただ、お二方がベストアンサーです。ありがとうございます（＞＜）！！

行動規範の内容に同意します

ベストアンサー

「自動的に」「無限スクロール」といったキーワードから SPA（Single Page Applicarion）、一つのページで更新せずにデータだけを取ってきて動的に項目を増やすといった作りが想定されました。そのためには React などの JavaScript フレームワークを使うのがよいでしょう。

それプラス最近では Next.js などのより簡単に静的と動的の中間のサイトをお手軽に作れるフレームワークも存在するので是非チェックしてみてください。ただどちらも JavaScript が出来た上での話なのでそちらも学びながらという形にはなりますが。

投稿2021/01/05 23:08