ブログなどによくある、ページング機能。
プラグインで実装する方法です。

目次
インストールと有効化
「プラグイン」-「新規追加」で検索画面へ

キーワードで「WP-PageNavi」と入力すると自動で検索されるので、今すぐインストールボタンをクリック。
「有効化」をクリック

WP-PageNaviの設定

最初のページ用テキストや、最後のページ用テキストなど、表示したい文字や記号などはお好みで設定してください。
「>>」を「>」に変えるなど。
私は、投稿数が多くなったら省略ページ数を増やします。
また、レスポンシブにした時の不具合(見づらさ)も設定で変えてみるといいと思います。

WP-PageNaviの設置方法
表示させたいところへ、以下を記述します。
<?php the_posts_pagination(); ?>
CSSで見た目を変える
.pager{
padding:5px;
margin:15px 0px;
text-align:center;
}
.nav-links a{
padding:5px 10px; /* 要素の内部余白 */
border:solid 1px #ccc; /* 枠線 */
text-decoration:none;
}
.nav-links a:hover{
background:#E7E7E7;
}
.current{
padding:5px 10px 7px;
background:#E7E7E7;
}