ワードプレスでのカテゴリごとのページング方法

ワードプレスでのカテゴリごとのページング方法

  • 2017-12-09  最終更新日:2017-12-09

ワードプレスの投稿ページはカテゴリー関係なくページングされてしまいます。投稿順で表示されるのですが、これを同一カテゴリー内だけでページング、ページ送りをする方法をご紹介します。

お知らせ、ブログという二つのカテゴリーがあった場合で、お知らせ記事に入るとお知らせ内のカテゴリーが投稿順にページングされるという感じですね。お知らせカテゴリー以外は表示されないというわけです。


スポンサーリンク


設置方法

single.phpのthe_posts_navigation()が記載されているところを以下のように書き換えるだけです。実際のところは’in_same_term’ => ‘true’を付け加えるだけです。

以下はワードプレスデフォルトテーマの2017(twentyseventeen)の部分です。

the_post_navigation( array(
	'prev_text' => '<span class="screen-reader-text">' . __( 'Previous Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Previous', 'twentyseventeen' ) . '</span> <span class="nav-title"><span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '</span>%title</span>',
	'next_text' => '<span class="screen-reader-text">' . __( 'Next Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Next', 'twentyseventeen' ) . '</span> <span class="nav-title">%title<span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ) . '</span></span>',
	) );

上記ではアイコンやタグが入っていますがシンプルにすると以下のように変更するだけですね。

single.php

the_post_navigation( array(
	'prev_text' => '&lt; %title',
	'next_text' => '%title &gt;' ,
	'in_same_term' => 'true') );

昔の形式ならこんな感じで記載されています。

<div class="previous_post"><?php previous_post_link('&laquo; %link') ?></div>
<div class="next_post"><?php next_post_link('%link &raquo;') ?></div>

第3引数にtrueを入れるだけですがこのやり方は結構出回っていますね。

<div class="previous_post"><?php previous_post_link('&laquo; %link', '%title', true, ''); ?></div>
<div class="next_post"><?php next_post_link('%link &raquo;', '%title', true, ''); ?></div>

参考になれば幸いです。


∞Tadashi Suyama∞

wordpress single カテゴリ ページング ページャー ページ送り
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
リニューアルした水木しげるロードは夜がおすすめ

さて、先日14日にリニューアルした境港の通称鬼太郎ロードに行って参りました。鬼太郎に会える町として新たに妖怪を追加して約800mの通りに177体の妖怪ブロンズ像がお出迎え、ゾーン分けをして再配置...

17 Jul 2018

アイキャッチ
flexboxで簡単レイアウト

Flexbox(Flexible Box Layout Module)とは今時のレスポンシブに対応したレイアウトスタイルです。上下中央の配置や等間隔の配置、固定幅と可変幅の配置など使い方は様々、...

07 Jul 2018

アイキャッチ
ダウンモニターアプリのご紹介

今回はウェブサイトの監視アプリのご紹介です。以下からダウンロードできます。 * [Free Website Monitor](https://play.google.com/store/app...

30 Jun 2018

アイキャッチ
出雲日御碕灯台が思った以上に良かったのでご紹介

ここ最近は天気も良いので出雲日御碕(いずもひのみさき)神社に行ってみました。 出雲大社から約10kmぐらい先にあります。海沿いを車で15分ぐらい山道を進むと神社につきます。ほぼ一本道なので迷う...

25 Jun 2018

アイキャッチ
bootstrap4でのtable-responsiveをレスポンシブにする

最近はCSSフレームワークはBootstrap3からBootstrap4をメインにして作業しております。かなり使いやすいです。ほぼこのフレームワークだけで完結できる仕様になってきました。 さて...

16 Jun 2018

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

フッターイメージ