デフォルトでは、<!--nextpage-->
を追加すると、次のリンクが表示されます。Pages:1 2
"Pages:"を前のページにリンクするグラフィックの矢印に置き換え、次のページにリンクするリンクの最後にグラフィックの矢印を追加する必要があります。関数ファイルでこれを行う方法があると思いますか?
<<または>>の代わりに、画像を "nextpagelink"および "previouspagelink"として指定するだけです。
<?php wp_link_pages(array('before' => '<div class="pagenav"><strong>Navigate</strong>', 'after' => '</div>', 'next_or_number' => 'number', 'nextpagelink' => __('<img src="PUT YOUR IMAGE URL HERE" />'), 'previouspagelink' => __('<img src="PUT YOUR IMAGE URL HERE" />'))); ?>
また、デフォルトでは "Numbers"または "Next/Previous"のリンクに制限されていますが、プラグインでこれを拡張することができます。 http://wordpress.org/extend/plugins/wp-pagenavi /
ボーナス:これをあなたのfunction.phpに加えると、WYSIWYGエディタの "More"ボタンの隣に "Nextpage"ボタンが追加されます。
// Add Next Page Button to TinyMCE Editor
add_filter('mce_buttons','wysiwyg_editor');
function wysiwyg_editor($mce_buttons) {
$pos = array_search('wp_more',$mce_buttons,true);
if ($pos !== false) {
$tmp_buttons = array_slice($mce_buttons, 0, $pos+1);
$tmp_buttons[] = 'wp_page';
$mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1));
}
return $mce_buttons;
}
<!--nextpage-->
はあまり文書化されていない機能であることを認めなければなりません(投稿エディタのUIにはボタンさえありません)しかし、それはまだ非常に便利であり、私は私自身のサイトでより長い投稿を分割するためにそれを数回使用しました。
しかし、存在する文書によると、このタグは関数wp_link_pages()
を使用します。 この関数 は、必要に応じて出力をスタイル設定するためのいくつかのパラメータを受け取ります。
あなたの場合、next_page_link
とprevious_page_link
引数を使いたいでしょう。
single.php
の一番下に、次のコードを使用してページリンクを生成します。
<?php
wp_link_pages( array(
'before' => '<p>',
'after' => '</p>',
'next_or_number' => 'next',
'previouspagelink' => ' « ',
'nextpagelink' => ' »'
)
);
?>
これはページ番号を<<と>>の矢印に置き換えます。リンクが<p></p>
ブロック内に含まれている間は、 "Pages:"というテキストも削除されます。
関連する