tamakipedia

鎌倉でフロントエンドエンジニアをしています。Wordpress/Javascript/JQuery が得意で、現在React勉強中です!

【wordpress】長い投稿を分割する、投稿内にページ番号を出力する

投稿された記事に<!--nextpage-->と入力すると記事が分割されます。
そして分割されたページのリンクを出力するためには、
wp_link_pages()を使います。

投稿を任意のタイミングで分割する

記事のテキストエディタを開きます。

そして<!--nextpage-->タグを分割したいところに挿入します。

f:id:okinawanpizza:20200904081353p:plain

すると、ビジュアルエディタではこのように----PAGE BREAK----と表示されます。

f:id:okinawanpizza:20200904084029p:plain

分割したページへのリンクを作る

記事内にあるwordpressループの中で<?php wp_link_pages(); ?>を入力します。

https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_link_pages

すると自動的に次のページに遷移するためのページ番号が出力されます。
クリックすると分割した次のページに飛ぶことができ
分割した数だけ自動的に数字が出ます。

f:id:okinawanpizza:20200904084653p:plain

ページネーションはカスタマイズも可能

このwp_link_pagesはカスタマイズも可能です。

wp_link_pages($args) → $argsに配列形式でパラメータを設定することができます。  
キー
'before' リンクの前に表示する文字列。
'after' リンクの後に表示する文字列。
'link_before' beforeより前に出力する文字列。デフォルトは空文字列
'link_after' afterより後に出力する文字列。デフォルトは空文字列
'next_or_number' 「前のページ」「次のページ」と表示するかページ番号で表示するかを選択する
'separator' ページ番号を何で区切るか。
'nextpagelink' 「次のページ」のリンクに使用する文字列。next_or_numberで'next'を設定している場合に有効
'previouspagelink' 「前のページ」のリンクに使用する文字列。next_or_numberで'next'を設定している場合に有効
'pagelink' ページ番号に使用するフォーマット

一つの記事を読むだけで分割した分だけの既読数に繋がるので便利でっす!!!
:wq