カスタム投稿タイプ「賃貸物件」の前の記事・次の記事のカスタマイズ例

このサイトには カスタム投稿タイプを使った「賃貸物件」のデモページ があります。

個々の賃貸物件のページの下部に前の記事・次の記事が表示されます。この部分は一般の投稿（いわゆるブログです）を前提にデザインされているので、賃貸物件には適していません。

そこで、以下のように賃貸物件に適した表示に変更してみました。

カスタマイズしたいときにとても役立つのが フック と呼ばれる機能で、今回は フィルターフック を使ってカスタマイズします。

カスタマイズ内容 functions.php にフィルターフックを追加

子テーマの functions.php に以下の行を追加すると上記のような 前の物件・次の物件 が表示されます。
下記のコードで chintai は 投稿タイプID 、moyori はカスタム分類「最寄駅」のスラッグ です。

/*-------------------------------------------*/
/*    前の記事・次の記事 の表示をカスタマイズ
/*-------------------------------------------*/
add_filter( 'lightning_next_prev_options', function( $options ){

    if ( get_post_type() === 'chintai' ){

      // 表示タイプを変更
      $options['layout'] = 'card-horizontal';

      // ボタンを表示する
      $options['display_btn'] = true;

      // ボタンに表示する文字
      $options['btn_text'] = '物件を見る';

      // 日付を表示しない
      $options['display_date'] = false;

      // カスタム分類を表示
      $options['display_taxonomies'] = true;

    }

    return $options;
} );

/*-------------------------------------------*/
/*    前の記事 の表示をカスタマイズ
/*-------------------------------------------*/
add_filter( 'lightning_next_prev_options_prev', function( $options ){

    if ( get_post_type() === 'chintai' ){

      // 画像に重ねる文字
      $options['overlay'] = '<span class="vk_post_imgOuter_singleTermLabel">前の物件</span>';

      // ボタンを左寄せ
      $options['btn_align'] = 'text-left';

    }

    return $options;

} );

/*-------------------------------------------*/
/*    次の記事 の表示をカスタマイズ
/*-------------------------------------------*/
add_filter( 'lightning_next_prev_options_next', function( $options ){

    if ( get_post_type() === 'chintai' ){

      // 画像に重ねる文字
      $options['overlay'] = '<span class="vk_post_imgOuter_singleTermLabel">次の物件</span>';

      // ボタンを右寄せ
      $options['btn_align'] = 'text-right';

    }

    return $options;

} );

/*-------------------------------------------*/
/*    前の物件・次の物件を同じ最寄駅の物件に限定する
/*-------------------------------------------*/
// カスタム投稿タイプ 賃貸物件(chintai) で
// カスタム分類 最寄駅(moyori) が同じ物件のみを表示する。
add_filter( 'lightning_prev_next_post_in_same_term', function(){
    if ( get_post_type() === 'chintai' ){
        return true;
    }
});
add_filter( 'lightning_prev_next_post_taxonomy', function($taxonomy){
    if ( get_post_type() === 'chintai' ){
        $taxonomy = 'moyori';
    }
    return $taxonomy;
});