広告を利用しています

当サイトは広告を掲載しています。消費者庁が2023年10月1日から施行した景品表示法の規制対象(通称:ステマ規制)にならないよう配慮して記事を作成しています(記事はこちら、消す方法はこちら

【Luxeritas】関連記事の抜粋を非表示にするCSS

WordPress

「WordPress」のアイコン画像

この記事では、WordPressの「Luxeritasルクセリタス」テーマで記事末尾にある関連記事の抜粋を非表示にする方法を書きます。

子テーマの編集(style.css)にCSSを書き込みます。

【Luxeritas】関連記事の抜粋を非表示にするCSS

僕はWordPressブログで「Luxeritas」テーマを使っています。デフォルトでは記事末尾の関連記事に抜粋ばっすい(冒頭一行目)が表示されます。

「Luxeritas」の関連記事に表示されている抜粋文画像

僕は不要だと思ったので非表示にしてみます。

設定としては関連記事を表示するかどうかだけで抜粋を非表示にするオプションは用意されていないので、CSSを使う必要があります。コピペでOKです。

「Luxeritas」のカスタマイズ(外観)ページにある関連記事設定画像

Luxeritasの関連記事から抜粋を削除するCSS

子テーマの編集ページを開く

WordPressの管理画面を開いて、左側サイドバーの「Luxeritas」→「子テーマの編集」をクリックします。

WordPressで子テーマの編集ページを開く手順画像

CSSを書き込む

「スタイルシート : style.css」ページを開いて、以下のCSSを書き込みます。既に書かれているコードには絶対触れず、一番下をEnterで改行して新しく書き込みます。

CSS
/*関連記事の抜粋非表示*/
div#related .excerpt>p {
    display: none !important
}
「Luxeritas」の子テーマの編集(style.css)に関連記事の抜粋文を非表示にするCSSを書き込んでいる画像

書き込めたら「保存」ボタンを押します。

ページがリロードして「変更を反映しました」と表示されたらOKです。

非表示になったか確認

自身のブログ記事ページを開きます。既に開いていた場合は一度ページをリロードします。

関連記事から抜粋が消えます。

「Luxeritas」の関連記事の抜粋文をCSSで非表示にした画像

やっぱり表示させたくなったら書き込んだCSSを削除します。

感想

以上、WordPressの「Luxeritas」テーマで記事末尾にある関連記事の抜粋を非表示にする方法でした。

WordPress

Posted by ナポリタン寿司