Lightningの投稿シングルページに表示される、前の記事、次の記事のカスタマイズ

2026年3月19日

投稿のシングルページに表示される、前の記事、次の記事のカスタマイズの件ですけど、 アイキャッチ画像を非表示にしたいので、独自カスタマイズ用のプラグインに以下のコードを書きました。

/*----------------------------------------------------- 
投稿に表示される「前の記事」「次の記事」のカスタマイズ
 ------------------------------------------------------*/ 
add_filter( 'lightning_next_prev_options', function( $options ){ 
    $options['layout'] = 'card-horizontal'; 
    $options['display_image'] = false;
    return $options; 
} );

アイキャッチ画像が非表示になりましたが、「前の記事」「次の記事」のバッチも消えてしまいました。 それは消したくない。

まず、コードは次のように変更

add_filter( 'lightning_next_prev_options', function( $options ){

    $options['layout'] = 'card';
    $options['display_taxonomies'] = true;
    return $options;
} );

残りは、CSSで表示を調整

/*-------------------------------------------------
投稿のエントリーフッターの前の記事、後ろの記事のカスタマイズ
------------------------------------------------/*
/* 画像の背景を消す（no-imageの灰色も消える） */
.vk_posts.next-prev .vk_post_imgOuter {
	background-image: none !important;
	 background-color: var(--vk-color-primary);
	min-height: 32px!important;
}

/* 実際のimgタグを非表示 */
.vk_posts.next-prev .vk_post_imgOuter_img {
	display: none !important;
}

/* 高さを少し詰める（必要に応じて調整） */
.vk_posts.next-prev .vk_post_imgOuter {
	min-height: 10px; /* ←お好みで */
	display: flex;
	align-items: center;
	justify-content: center;
}

.next-prev .vk_post_imgOuter:before
 {
    padding-top: 8%;
}

結果、以下のように整いました。