STORK 前後の記事を同一カテゴリー内にする方法

このサイトは【Luxeritas】っていう無料テーマを使っていますが、自分の作っている他のサイトの一つに有料テーマ【Stork】を使用しているサイトがあります。

【Stork】は初期状態からほんのちょっといじってやれば特に何もせずとも十分かっこいいサイトが作れるテーマです。
しかし、何もせずともかっこいいとはいえ、それはそれ、使っていると色々と欲が出てくるのが人間ってもんです。
自分も何やかやでかなりの変更を行っています。

この記事は主に自分の備忘録です。テーマの更新などでカスタマイズしたのが消えた時のために残しています。
ですが、同じようなことがしたい、という人がいらっしゃって、もしお役に立てるならと思い記事にしています。

【前後の記事へ】をカテゴリー別にしたい

例えば、このサイトだって日帰り温泉記事があったりバイクの記事があったりと色々雑多に書いています。
そうしますと記事の一番下にある【次の記事】【前の記事】ってやつが気になるわけです。

バイクの記事に興味のある人が見に来てくれたんなら、やっぱり次の記事もバイクの記事にしといた方が親切ですよね。

そこでどうにかならないかと調べました。

参考サイトはこちら

さっそくやってみよう

まずは【外観】⇒【テーマの編集】でparts_singlefoot.phpを選びます。
子テーマを利用している人は【編集するテーマを選択】で親テーマにしないと出てきません。

注意点としましては親テーマを書き換えることになる点です。
下手なことをするとインストールしなおす羽目になります。必ず触る前にコピペしてメモ帳にでもバックアップを残しといたほうがいいです。
↑何でこんなこと言うかというと、自分がまさにやってしまったからです(笑)結構色々カスタマイズしてからだったんで割と涙目になりました。なんとか元に戻せないかと探しまくりましたけどさすがにそこまで都合は良くなかったという…。ということで注意してくださいね!!

さて、バックアップを残したら【parts_singlefoot.php】を選びましょう。
で、1行目から29行目までを以下のコードと入れ替えてもらえば完成です。

<div class="np-post">
<div class="navigation">
<div class="prev np-post-list">
<?php $nextpost = get_adjacent_post(true, '', false); if ($nextpost) : ?>
<a href="<?php echo get_permalink($nextpost->ID); ?>" class="cf">
<figure class="eyecatch"><?php echo get_the_post_thumbnail($nextpost->ID,'thumbnail'); ?></figure>
<span class="ttl"><?php echo esc_attr($nextpost->post_title); ?></span>
</a>
<?php else:?>
<div class="home_link">
<a href="<?php echo home_url(); ?>"><figure class="eyecatch"><i class="fa fa-home"></i></figure><span class="ttl">トップページへ</span></a>
</div>
<?php endif; ?>
</div>

<div class="next np-post-list">
<?php $prevpost = get_adjacent_post(true, '', true); if ($prevpost) : ?>
<a href="<?php echo get_permalink($prevpost->ID); ?>" class="cf">
<span class="ttl"><?php echo esc_attr($prevpost->post_title); ?></span>
<figure class="eyecatch"><?php echo get_the_post_thumbnail($prevpost->ID,'thumbnail'); ?></figure>
</a>
<?php else:?>
<div class="home_link">
<a href="<?php echo home_url(); ?>"><span class="ttl">トップページへ</span><figure class="eyecatch"><i class="fa fa-home"></i></figure></a>
</div>
<?php endif; ?>
</div>
</div>
</div>

実は参考サイトのコードを貼ると上手くいかなかったんですよね。プラグインとかの関係なのかな?

色々調べたりしてみたのですがさっぱり分からなかったため、こういう時は試してみるしかない!!というわけでおそらくtrueとかfalseあたりが怪しいと目をつけて色んなパターンに変更していったところ上記コードでバッチリ上手くいきました。

素人のやってることなんで全く責任とかサラサラですけど、自分はこれでやってますので何かあった時に『責任とって!!』(これ、言われたらキンタマひゅんってなりますねw)とか怖いこと言わない方、使ってみてください。