WordPressでページナビを作るのでR

WordPressでは、defaultでテーマによってはページナビがあるのでR。

そのページナビをなくして、infinite scrollにするには、この記事か、この記事を参考に出来るのでR。

しかし、

ページナビではなく、Previous PostやPost Nextのように、ページ番号がないページナビもあるのでR。

その場合は、

一枚ずつのページめくりなので、ページジャンプができないのでR。

これは不便でR。

そこで、ページがずらっと並んでいるページナビを作るのでR.

それには、プラグイン「WP-PageNavi」か、「Page navi slider」があるのでR。

ここでは、「Page navi slider」がよさそうなので、こちらを試すのでR。

ちなみに、「WP-PageNavi」はここに詳細が、「Page navi slider」はここに詳細があるのでR。

「ダッシュボード」→「プラグイン」→「新規追加」で、Page navi sliderを検索し、インストール、有効化すると、利用できるのでRが、ページナビ関係のプラグインは、ソースをいじる必要があるのでR。

「ダッシュボード」→「外観」→「テーマ編集」で、ページナビに相当するphpを

<?php if(function_exists('page_navi_slider')){page_navi_slider();}?>

に置換することが必要でR。

プラグインの作者のページによれば、

index.php
category.php
tag.php
search.php
pages.php…

のいずれかのテーマ編集が必要で、例えば、twentythirteenであれば、index.php内の

<!--?php twentythirteen_paging_nav(); ?-->

を、

<?php if(function_exists('page_navi_slider')){page_navi_slider();}?>

に置換するのでR。

ちなみに、twentythirteenでは、

<!--?php twentythirteen_paging_nav(); ?-->

の他、

<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">?</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">?</span>', 'twentyten' ) ); ?></div>

も見直しが必要なようでR。

ちなみに、ミーが試すと、

f0135

となったのでR。

さらに、ちなみに、スライドバーが出ていなかったのでプラグインの作者のページを確認すると、

【Page numbers are displayed. But not the slider!】

The slider does appear only when page numbers exceed the plugin width!
Look at the following FAQ to reduce the plugin width.

らしいのでR。パソコン上ではバーなしでRったが、スマホではあったのでR。そのため、うれしいことにレスポンシブにも対応しているようでR。






この記事をシェアできます。

月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』