ﾌﾞﾛｸﾞ前後へのﾘﾝｸ

投稿ページ前後ページへのリンク

　cocoonの場合、投稿ページの前後ページへのリンクは、「cocoon設定>投稿>表示」で、「ページ送りナビを表示する」にチェックを入れると、簡単に表示することが出来ます。
　ただ、この表示のされ方が、左右に分かれて、しかも左右で、上下に段差ができるので、あまりスマートな感じはしません。
　私は、このページの様に、中央にリンクを集めて、しかも記事の上下に、どちらからでも前後のページに飛べるようなリンクを貼りたいので、cocoonのリンク機能は使わずに、違うやり方をすることにしました。

WordPressでは、元々リンクPHPが用意されている

　WordPressでは、元々リンクPHPが用意されているようです。ですが、配布されたそのままではPHPをウィジェットで使うことはできないので、ウィジェットでPHPが動くようにする設定は必要です。
　それには、functions.phpに下の様な追加コードを入れて、テキストウィジェットに実行したいPHPコードを記述するか、PHP Code Widgetプラグインを使うかします。

function widget_text_exec_php( $widget_text ) {
    if( strpos( $widget_text, '<' . '?' ) !== false ) {
        ob_start();
        eval( '?>' . $widget_text );
        $widget_text = ob_get_contents();
        ob_end_clean();
    }
    return $widget_text;
}
add_filter( 'widget_text', 'widget_text_exec_php', 99 );

プラグインを使う

　私は、なるべくテーマそのものに手を加えることをしたくないので、PHP Code Widgetプラグインを使います。テーマそのものに手を加えてしまうと、テーマは頻繁にアップデートされるので、その度に書き換えを忘れずにする必要が出てきそうで、その面倒を避けたいためです。
　PHP Code Widgetプラグインをインストールすると、PHPｺｰﾄﾞというウィジェットができるので、それを選択して、その中にPHPｺｰﾄﾞを入れます。

<div class="center"><?php previous_post_link('« %link', '%title'); ?>
 | <a href="https://www.neko01.com/pc/blog" title="Pcblog Home">Pcblog<span class="fa fa-arrow-up" aria-hidden="true"></span></a> | <?php next_post_link('%link »', '%title'); ?> </div>

　私のブログなら、こんな感じのコードを、「投稿タイトル上」と「投稿本文下」に入れています。