ポストページネーションindex.phpのような最も外側のガワはあまりカスタムすることがありません。ページネーションを少し触ります。next_post_link()index(とかhomeとかarchiveとか)最も外側のガワであるindexです。home.phpを使ってもいいしいろいろありますが何しろ一番外側の大枠ということですね、自作パソコンで言えばPCケースにあたります無理矢理なたとえやな。これってわざわざ触るところあるのかと冷静に思います。中身の詰め合わせですからね、各中身を調整すればいいだけですから、本体大外のガワを弄る必要はほとんどありません。触るところがちょっぴりあります。それはページネーションです。ポストページネーションページネーション、こういう部分です。これまでもちょっとずつこれについて書いてきました。デフォルトのスマホ表示が好みでないと言いました。スマホ表示をなしにするcssをちょこっと書いています。書いていたそれらの続きです。いうWordpress関数が使われています。index.phpなんかに記述ありますよね。ここをわずかに触ります。数字は数ですがそうではなくてページ数の数を変えます。表示するページ番号を増やしてみる関数リファレンスでも分かる通り、パラメータ「mid_size」を加えます。何も書いていないときデフォルトは「1」です。カレントページの左右に1個のページ番号がつきます。PC表示では少なすぎる表示ですね。これを例えば「3」にすると、現在のページの左右に3個ずつお隣ページの番号が表示されます。盛りだくさんになります。PC表示では問題ありません。スマホ表示では問題ありありです。対処しなければなりません。何もしなければ何も起きなかったのに、ひとつ何かをやらかしたために新たな対処が必要になってパンデミックを起こします。一つの嘘をきっかけにそれを誤魔化そうと嘘の連鎖が起こり隠蔽で塗り固めたあげくに近代国家であることを全否定するところまで堕落してしまったどこぞの後進国のようですね。その結果スマホ表示をやめること自体は大きな問題になりません。数字を枠で囲うだけでも大きな問題になりません。このスマホ表示をこうしてPCに合わせた上に枠で囲んで、さらに表示ページ数を増やすということを合わせてやればどうなるか、スマホでページ数が溢れかえってこうなります。溢れたページネーション当然対処が必要になります。デザイン的な観点からcssを触りますね。cssで処置この状態のまず不細工なところは前へ次への位置です。スマホでページ数が溢れるのはいいとして、前へ次へはだらだらと配置されるんではなく特別な場所にあってほしいわけです。class="nav-links">これはnav-linkのクラスを持つdivの固まりです。この固まりの中にページネーション要素が詰まってます。前へ次へも数字もカレントも一緒くたです。ここから前へ次へを逸脱させましょう。左右に余白を持たせます。page-numbersこの余白に前へ次ぎへを配置します。page-numbers」のクラスが与えられていますから、まずはポジションをアブソリュートにしてトップに置いたあと、左右にそれぞれ配置します。