WordPressでタイトルを非表示に!

WordPressでサイト作成をしていて、一部の固定ページや投稿ページのタイトルを非表示にしたい!と思ったことはありませんか?

特にサイト型のページを作成しているとトップページに固定ページを入れるため、タイトル邪魔!と思うのではないかと思います。

今回はWordPressでタイトルを非表示にする方法を紹介します。

CSSを追加してタイトルを非表示にする

ページのタイトルを非表示にする方法として、CSSを追加する方法があります。ただ消したいだけであれば、コピペで済むのでおすすめですよ。

CSSを追加するやり方は、ダッシュボードから　外観→カスタマイズをクリックします。

カスタマイズのページの追加 CSSをクリックし、

赤枠にCSSを記入していきます。

トップページだけタイトルを非表示にして、他のページのタイトルは表示させるには

.home.page .entry-title{
display: none;
}

.home.page .entry-title{

display: none;

}

を追加 CSSにコピペするとタイトルが非表示になります。

特定のページのタイトルを非表示にして、他のページのタイトルは表示させるには、まずタイトルを非表示にしたいページのIDを調べます。

やり方は簡単。ダッシュボードから投稿や固定ページを開き、マウスカーソルを合わせると画面下に出てくるURLを確認するだけ。

（画像は固定ページのindex pageのIDを確認しているところです。）

IDを確認したら、追加 CSSに

.post-●●● .entry-title{
display: none;
}

.post-●●● .entry-title{

display: none;

}

をコピペすると、そのページのタイトルが非表示になります。(●●●はIDを入れます。)

全ページのタイトルを非表示にするなんてこともできます。

追加CSSに

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

/* 全固定ページで非表示 */

.page .entry-title {

display: none;

}

/* 全投稿ページで非表示 */

.post .entry-title {

display: none;

}

をコピペするだけですよ。全ページのタイトルを非表示にすることはあまりないと思いますけど(笑)

追加 CSSに記入することで、タイトルを非表示にするやり方でした。