• メニュー
  • メニュー
Wordpress ページネーション

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

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

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

え?これでできるの?と驚くかもしれません。なので1分で読める記事です。



ブロックエディタエディタを使っていなかったら、こちらを記事を読んでみてください。かなり損をしていると思いますよ。

【ブロガー失格】WordPressのGutenberg無効化するのはガラケーを使い続けるようなもの


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

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

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

wordpressでページネーションを簡単にする方法


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

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

と表示されます。

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

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


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

ページ1のリンク部分の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アップを目指している場合は増やす1つの方法になりえそうです。

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

アドセンスで稼ぐ場合は、ページネーションの前に広告を置くと離脱前にクリックされる可能性もありますね。


有益情報も流しているのでツイッターもぜひフォローお願いします。


参考になったらシェアお願いします!
toshiki@ひざのうえ起業家

3児&2犬(大型)のウェブ大好きパパです。

サイト作り・デザイン大好きで、どんどん新しいサイトを作ろうとしてしまう性格の持ち主。けど、深く深く極めるのも好きなハイブリットです。Wordpress歴は18年くらいです。

子どもが大きくなってしまう前に、子どもとの時間を作りたくて脱サラ計画中。ひざのうえにノートパソコンを置いてでも稼げる仕事で起業を目指しています。

10年ちょい前に世界一周チケットで主要都市だけ回る旅行も経験、これからもいっぱい旅行したい一心で切磋琢磨しています。旅行大好きだから。

好きな物:ウェブサイト/旅行(国内・海外)/動画編集/音楽(クラシック/JAZZ/ポップス)/山崎豊子/久石譲/ショパン/ピアノ/ラブラドールレトリバー/コーヒー/ワイン/スポーツ全般/スキーモーグル/高校野球/スキューバ

夢:キャンピングカーで子どもと犬と日本一周、もう一度乗りたい豪華客船クルーズ、映画音楽の作曲、プール付きか温泉付きの別荘で暖炉の前でリクライニングチェアで老眼鏡付けて分厚い洋書を手に犬を足元に居眠り。

ストーリーを見る

コメント・質問する

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です