プラグイン要らず！固定ページのタイトルを非表示にする方法

サイトを作っていると

というページがでてきませんか？

 

通常の投稿ページではあまりないですが

• HTMLサイトマップ
• 問い合わせフォーム
• リンク集

など、『固定ページ』では非表示の方が見栄えの良いものがあります。

この記事では固定ページ・特定ページ・トップページでタイトルを非表示にする方法を紹介しています。

『Hide Page And Post Title』というプラグインでも設定できるようですが、極力プラグインを使いたくないという謎モットーのためCSSで解決しました。

スタイルシートにコードを貼りつける

『ダッシュボード ＞ 外観 ＞ テーマエディター ＞ style.css 』の順にひらきます。

非表示にしたい該当コードを貼りつけてください。

すべての固定ページで非表示

サイト内の『固定ページすべて』タイトルが表示されないようになります。

わたしはこのコードを使用しています。

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

 

すべての投稿ページで非表示

こちらは『すべての投稿』が非表示になるため、あまり使用しないと思いますが念のため(*^^*)

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

 

特定のページのみ非表示

『この記事だけ』非表示にしたい、という場合はこちら。

/*-------------------------
  特定の投稿IDで非表示
--------------------------*/
.post-【ID入力】 .entry-title {
display: none;
}
/*-------------------------
  ここまで
--------------------------*/

 

【ID入力】とある箇所を、投稿IDにかえてください。

トップページのみ非表示にする

固定トップページをサイト型にするカスタマイズでも利用した『トップページのみ』非表示にするコードです。

/*-----------------------
　トップページのみ非表示
------------------------*/
.home .entry-title {
  display: none;
}
/*-----------------------
　ここまで
------------------------*/

 

カスタマイズは「JINで固定トップページをサイト型に変更する方法」をご覧ください。

タイトルを非表示にする：まとめ

もちろん、タイトル欄になにも入力しなければ表示されません。

ただそうすると、不自然な余白ができたり、編集画面にもタイトルが表示されないので何がどの記事か把握できなくなります。

タイトルを表示させたくない場合は

1. プラグイン
2. Style.cssで調整

どちらかの方法をとると良いですよ😊

非表示にする場合もタイトルはきちんとつけておきましょう。