固定ページのタイトル(TOP PAGE)を消す方法

スポンサーリンク
ブログ運営
この記事は約2分で読めます。

今回の記事は、トップページを固定ページにされている方のカスタマイズです。

自分はトップページを固定にしました

トップページ「最新の投稿」or「固定ページ」どっちがいい?
トップページの表示設定は「最新の投稿」か「固定ページ」か選べるのをご存じでしょうか? あなたはどっち派? 今回は設定の仕方と、最新の投稿と固定ページ、それぞれど...

このブログのトップページ


この固定ページのタイトルが「TOP PAGE」となります。それが毎回表示されています。

正直いらないです。

タイトルだけでなく以下のものを消す事ができます。(製作者わいひら様のHPより)

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

 

さっそく消す手順を紹介します。

【ダッシュボード】→【外観】→【テーマの編集】

スタイルシートの画面を出してください(右側に項目があります)

真ん中のCSSの記述の1番最後に消したい記述を、コピペしてください。

/*フロント固定ページのタイトルを非表示*/
.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;
}

自分は「シェアボタン」以外を全部消す事にしました。

シェアボタンを除いた記述をコピーしてスタイルシートの最後に貼り付けました。

【ファイルを更新】をクリックして完了です。

「TOP PAGE」が非表示になりスッキリしましたよね!

 

コメント

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