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

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

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

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

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

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

サイト運営者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス 代表
新潟県南魚沼市・魚沼市を中心に、地域の皆様がパソコンやインターネットを有効活用して業務効率化・課題解決を図るお手伝いを1999年から行ってまいりました。

WordPress を使用したサイト制作・カスタマイズは全国どこからでも承ります。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

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

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・PHP・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

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

» ご相談・お問い合わせはこちらからどうぞ