WordPressで一部のページタイトルを非表示にする方法

Yuichiro Suzuki

9年前

はじめに

WordPressでサイト作成をしていると、一部の固定ページや投稿ページのタイトルを非表示にしたいという場面があります。

そんたときのために便利な方法を今回ご紹介します。

CSSで非表示にする

まず、CSSを使用して一部の固定ページや投稿ページのタイトルを非表示にする方法をご紹介します。

以下のコードをスタイルシート（style.css）に追記します。

/* 一部の投稿IDで非表示ID７１の場合*/
.post-77 .entry-title {
    display: none;
}

/*一部の投稿IDで非表示 ID７１の場合*/
.page-id-71 .entry-title {
    display: none;
}
.postid-71 .entry-title {
    display: none;
}

非表示にしたいID番号は、固定ページや投稿ページのタイトルにカーソルを当てると、下部に表示されます。

また、一部ページだけでなく、全ページで非表示も可能です。

/* 全固定ページで非表示 */
.page .entry-title {
    display: none;
}
/* 全投稿ページで非表示 */
.post .entry-title {
    display: none;
}

プラグインを使用

Hide Titleというプラグインを使用すると指定したページを編集画面内で非表示にすることができます。

CSSってなんやねん！という方は、こちらの方法をおすすめします。

WordPress管理画面のプラグインからHide Titleをインストールして有効化すれば設定が完了です。

あとは、タイトルを非表示にしたいページの編集画面にアクセスして”Hide Title”の項目にチェックを入れるだけです。

まとめ

一部のページタイトルを非表示にするには、CSSとプラグインを使用した２つの方法があります。

CSSに関する知識がない方は、Hide Titleプラグインを使用することをおすすめします。

ご観覧ありがとうございました！