同じカテゴリーだけで前へ次へ

これもこだわりなので、、、。
せっかくのテーマが台無しですが、、、。

PHP

子テーマの［tmp-user］フォルダでは動作しなかったので、子テーマに［tmp］フォルダを作成して［pager-post-navi.php］と［pager-post-navi-square.php］を以下に書き換えました。
 

<?php
/**
* Cocoon WordPress Theme
* @author: yhira
* @link: https://wp-cocoon.com/
* @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
*/

if (is_post_navi_visible()): ?>
<!--前へ次へ-->
<div class="nav-below">
<span class="nav-previous"><?php previous_post_link('%link', '<span class="fa fa-arrow-left fa-2xpull-left"></span> PREV', TRUE); ?></span>
<span class="nav-next"><?php next_post_link('%link', 'NEXT <span class="fa fa-arrow-right fa -2xpull-right"></span>', TRUE); ?></span>
</div><!-- /.nav-below -->
<!--//前へ次へ-->
<?php endif //is_post_navi_visible ?>

style.css

子テーマのスタイルシート(style.css)に以下を追加します。
うまくいかない場合は、「追加 CSS」に追加します。

/*--------------------------------------
シンプルな前へ次へ 
--------------------------------------*/
div.nav-below{margin: 40px 0;overflow:auto;
		padding:10px 10px 10px 20px;
		background: #fff;
		border: 1px solid #cccccc;
}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		font-size:120%;
		text-decoration:none;
		}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:2px 10px 2px 20px;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		padding:2px 20px 2px 10px;
		}