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

(個々の物件情報の中味は空です)

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

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

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

カスタマイズ内容 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;
});

投稿者プロフィール

対馬俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

≫メールでのお問い合わせはこちら

最適なホームページ

を制作いたします

制作費用	クオリティを落とさずに価格を抑えたサイトを制作します
必要十分	お問い合わせフォーム、新着情報など必要なものが最初から揃っています
サポート	1年間のサポートがついて安心初めてでもホームページを活用できます

もっと詳しく