WordPress固定ページのタイトルと日付を消す(非表示)方法

WordPress

どうも!アキです!
WordPressでCocoonさんを使用していますが、上部にタイトルと日付の表示があります。
TOPを固定ページにしていたり、タイトルをオシャレにしたい場合、
標準の固定ページのタイトル・日付の表示いらないな〜っと思っていました。

WordPress初心者の私にも簡単に非表示にできたので、ご紹介したいと思います〜!


スタイルシートにコードを書けばOK!

「外観」→「テーマエディタ」と進んでいき、
「スタイルシート」の一番下に、下記のコードを入力します。

固定ページのタイトル、日付を非表示
/*固定ページのタイトル、日付を非表示*/
.page .entry-title,
.page .date-tags{
  display: none;
}

無事消せました♪

フロントページのタイトル、日付を非表示

フロントページのみ消したい場合は下記のコード

/*フロントページのタイトル、日付を非表示*/
.home.page .entry-title,
.home.page .date-tags{
  display: none;
}


タイトルだけ、日付だけ、などは、必要なコードだけ書くといいです!

タイトルだけ非表示
/* 固定ページタイトル消す */
.page .entry-title{
  display: none;
}
日付だけ非表示
/*固定ページの日付非表示*/
.page .date-tags{
display: none;
}

※「/* コメント */」こちらはコメントをかけるコードです。
以下のコードは何について書いているのか、書いておくと便利です 🙂

固有のページのみ消したい場合

全部でなく、一部の固定ページを消したい場合、固定ページ一覧から、IDを調べます。

消したい固有ページのIDが分かったら、以下のコードを書きます。

/* 固有の固定ページタイトル消す */
.page-id-16 .entry-title,
.page-id-12805 .entry-title{
  display: none;
}

↑16と12805の固有ページのタイトルを消すコード。
数字のところはご自身のページIDに書き換えてくださいね〜!

もっとたくさん描く場合は、「,」(コンマ)で繋げます。
最後はコンマなし。

例えば1行の場合

.page-id-16 .entry-title{
  display: none;
}

3行の場合

.page-id-16 .entry-title,
.page-id-12805 .entry-title,
.page-id-12241 .entry-title{
  display: none;
}

こんな感じです!


まとめ

「.page」固定ページ
.home.page」固定フロントページ
.page-id-○○」指定したIDの固定ページ

.entry-title」タイトル
.date-tags」日付

簡単に消せたのでおすすめです 🙂

私も最初戸惑いましたが、調べたら記事を書かれてる方がいて助かりました。
これからも得た知識などメモのように書いていけたらいいな〜っと思います〜!

コメント

タイトルとURLをコピーしました