【0から学ぶWordPress】ページネーションを使いたい

お世話になります。大阪のホームページ制作会社
株式会社ディー・オー・エス　ドスブイサポートです。

コロナで家にいる時間が増えに増え、マイクラに今更ながらはまっています。
ゲーム実況でも一からやってみようかなと思ってます

さて、今回はWordpressのページネーションの生成についてです。

ページネーションとは？

<?php the_posts_pagination( $args ); ?>

WordPressでは関数が用意されてますので、これで簡単にページネーションが作れます(^^)/

投稿ナビゲーションっていうところが「ページナビゲーション」です。

投稿ナビゲーションっていう文字を消したい

デザイン的に投稿ナビゲーションっていう文字を消したいこともあると思います
その消した方を説明したいと思います。

「投稿ナビゲーション」がどうやってついているか、開発者ツールで確認すると「screen-reader-text」という Class 名がついています。
これをCSSでdisplay:noneにしても良いのですが、公式に記載があるのは

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }

これをCSSに適用すると消えます。

まとめ

記事の一覧ページなどで使いたいページネーションですが
最新のwodpressでは関数が実装されているので
<?php the_posts_pagination( $args ); ?>
これだけで表示が可能でした。

最新版を使うことで便利になるってことですね♪

大阪でホームページを制作するなら、初期費用無料のドスブイサポートを
ぜひぜひ！御活用下さいませ

最後までご覧いただきまして、ありがとうございました。

お仕事のご依頼やお問い合わせはフォームやツイッターにてお気軽にお問い合わせ下さい。

お問い合わせフォーム

» 高橋しゃちょー (@osaka_dos) | Twitter