【記事の分割】超簡単にwordpressでページネーションを入れる方法

記事を書いていると1ページ目、2ページ目と記事を分割したいな思う時がありますよね。

これはページネーションと言いますが、ネットサーフィンしていても記事が分かれてるけどどうやってるの？というあなたにWordpressで簡単に作る方法をご紹介します。

WordPressでページネーションを入れよう

ブロックエディタ(Gutenberg)の機能で「ページ区切り」があります。

これを使うことで簡単にページネーションと言われる「ページ分割」が可能になります。

ページ区切りを入れるとこちらの画像のように

———————— 改ページ —————————-

と表示されます。

改ページから下に書いた記事については、ページ１、ページ２として表示されます。

ページ２、ページ３のURLは末尾に/2/ 、/3/とついていきます。

ページリンクをCSSで装飾する方法

ページ１のリンク部分のCSSは以下のようになっています。
これを上書きする形でCSS編集に記入してあげます。

例えば枠線を付けたかったら、border : 1px solid #000; のように追記さえてあげましょう。

.page-links .post-page-numbers {
    display: inline-block;
    margin-left: calc(0.66 * var(--global--spacing-unit));
    margin-right: calc(0.66 * var(--global--spacing-unit));
    min-width: 44px;
    min-height: 44px;
}

まとめ：ページネーションは上手に使おう

ページネーション・ページ区切りを使うと、その記事のPV(ページビュー数)を稼ぐことができます。PVアップを目指している場合は増やす１つの方法になりえそうです。

しかし、その記事が面白くない場合、ページ２へ行く前に離脱されてしまう可能性もあるので気を付けてくださいね。