投稿ページに表示されるタイトルを非表示にする(WordPress)

20200806-study表紙

― 広告 ―

― 広告 ―

投稿ページに表示されるタイトルを非表示にする(WordPress)

 

記事を投稿すると自然に投稿画面の上部にタイトルが表示されますが、装飾もされていないし、自分の見出し文とかぶったりと以前から非表示にしたいなぁーと思ってたので調べてみました。

※私の例だと、アイキャッチ画像内のタイトルと上部のタイトルがかぶってます。

 

投稿ページに表示されるタイトル例

 

???? ????
こんな感じにスッキリ!!

 

タイトルが非表示になっている画像

タイトルを非表示にする設定(CSSで非表示)

投稿ページの記事タイトルを非表示にする設定には、CSSのテーマの編集【style.css(子テーマ)】にコードを入力する必要があります。

CSSのテーマの編集【style.css(子テーマ)】

※WordPressで、Cocoon使用時例です。

WordPressのテーマエディター

テーマの編集WordPress

cssテーマの編集-全投稿ページで非表示
テーマの編集cssファイルの更新

  1. 【外観】➡【テーマエディター】を選択
  2. 【スタイルシート style.css】選択
  3. 【子テーマ用のスタイルを書く】の下記部分に CSSのコードを記入
  4. 【ファイルを更新】ボタンで更新

※CSSコード追加詳細(後でわかる用にメモを記入してあります)➡/* 全投稿ページで非表示 */

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

その他の記事タイトルの非表示設定

それぞれのcssクラス設定の条件
  • 投稿タイトルのclassは【entry-title】
  • 投稿全体部分に【post_class()】でclassを出力
  • 固定ページでは【.page】
  • 投稿ページでは【.post】
  • 個別ページでは【.post-[id]】

※これらのCSSクラスを使用して、特定の投稿、または同じカテゴリ(または投稿形式)が割り当てられた投稿にスタ​​イルを設定できます。

style.css(子テーマ)へ追加する各コード例
/* 全固定ページで非表示 */
.page .entry-title {
    display: none;
}
/* 全投稿ページで非表示 */
.post .entry-title {
    display: none;
}
/* 特定の投稿IDで非表示 .post-(例:post=77)*/
.post-77 .entry-title {
    display: none;
}
テーマによっては、固定ページ・投稿ページ・個別記事と特定方法を探し出す必要があります。
詳しくはWordPressの『Code Reference』参照まで。

まとめ

自分自身全部理解している訳ではないのですが、何とか今回は全投稿ページのタイトルを非表示にする設定は出来ました♪

固定ページの個別記事は上記の設定からは出来てません・・(-_-;)

色々挑戦してみます(/_;)

あくまで、えるのお勉強過程の実践編です(;^_^A

少しでも参考にしていただければ幸いです♪

コチラも良かったらのぞいみて下さいね。ではまた~♡

本、映画、音楽etc…』『猫との暮らし』『アラフィフの奮闘記

 

― 広告 ―

― 広告 ―

!!誤字・脱字、記載に何か問題のあるようでしたらコメント下さいm(__)m
える[TwitterFANBLOGChange Myself 何かしら毎日更新してます*^^*]