トップページを固定ページにした際にタイトル、シェア・フォローボタン、投稿日、更新日、投稿者名の表示を切り替えるCSS例

サイトトップページ（フロントページ）に固定ページを設定した際、消したいHTMLパーツもあるかと思います。

なので、そういった際に「消したい需要が高そうな部分」をCSSで非表示にする方法をまとめました。

フロント固定ページで非表示にしたい需要が高そうな以下の部分を消すことができます。。

• タイトル（H1見出し）
• シェアボタン
• フォローボタン
• 投稿日
• 更新日
• 投稿者名

非表示にするCSSはこちら。子テーマのstyle.cssに貼り付けて必要なものだけ利用してください。

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

全てをまとめて非表示にするCSSはこんな感じ。

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}