【Cocoonカスタマイズ】固定ページのタイトルを消す方法

Cocoonカスタマイズ
渋谷 浩一郎

教育現場が自分の思いと異なると感じ、退職。肩書きをなくして自分の価値を見失い、追究するためにBlogを始める。最近、シシトウガラシに超辛いものがあるからこそ、トウガラシ社会は豊かだと感じている。人も辛い人、マイルドな人…多様でありたい!というのが理念。現在は、メーカー・会社の情報発信やブランド化のプロデュースを手がけている。

渋谷 浩一郎をフォローする

Blogを運営していると、こんな風にしたいなぁ…って思うことがあります。

僕は、いくつかのBlogの運営をしていますが、別のBlogで固定ページのタイトルを非表示(消す)にしたいと思ったのです。

使用しているWordPressテーマは大好きなCocoon。

調べて見ると、固定フロントページのタイトルを非表示にする方法は、すぐに見つかりましたが、通常の固定ページのタイトルを非表示にする方法は、あまり書かれていませんでした。

ですから、ここにまとめておこうと思います。

固定フロントページ以外の固定ページのタイトルを非表示にする方法

基本的なことも解説していますので、目次をもとに、必要な箇所だけお読みください。

 

スポンサーリンク

固定フロントページと固定ページの違いって何だ?

固定フロントページとは?

通常、WordPressでBlogを運営していると、トップページは、記事を書くたびに、新しい記事が最初に来る様にどんどんトップページは変更されていきます。

こんな感じになりますが、「これでは嫌だ!もう少し格好いいTopページにしたい!」って思った時に、固定ページを好きなようにデザインして、それをトップページに指定することができます。

例えば、この様に固定ページを作成して、それがトップページになる様にすることができます。

固定フロントページのイメージ・Blog感はなく、HPって感じかな

 

固定ページとは?

フロントページ(トップページ)にしていない固定ページの全てをいいます。

例えば、お問い合わせのページなどは、通常、固定ページで作られていますが、勿論、フロントページ(トップページ)に指定する方はいないでしょう。

ということは、問い合わせのページは、固定フロントページではない、固定ページという事になります。

で、今回、問題となったのは、こちらの固定ページ。


タイトル用の画像があるのに、固定ページのタイトル(H1・赤枠の部分)も表示されていますから、非表示にしたいわけです。

 

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

使用しているテーマはCocoonです。

もちろん、Cocoon以外のテーマでも適応できますが、CSSを書き込む場所などが異なります。

作業全体の流れっていう程でもないですが、次の順番で作業します。

  1. タイトルを非表示にしたい固定ページのIDを調べる
  2. 固定ページのタイトルを非表示にするCSSを書いて、IDを設定する

たったこれだけです。

ほぼ、コピペでいけますから、初めての方も全く心配いりません。

 

タイトルを非表示にしたい固定ページのIDを調べる方法

まず、固定ページ一覧に行きます。

そうすると、次のような画面になるので、タイトルを非表示にしたい固定ページのタイトル部分にポインターをもっていきます。

すると、下に訳の分からない文字がズラッーと出てきます。

ゴチャゴチャ…post=2454&ゴチャゴチャ

この部分が、該当の固定ページのIDということになります。

 

固定ページのタイトルを非表示にするCSSを書いて、IDを設定する

次に、このページのタイトルは非表示にしてくれよ!ってことをCSSって言葉で書きます。

CSSを書く場所は、いろいろありますが、Cocoonの場合は、とてもわかりやすいです。

まず、次のゴチャゴチャ…をコピーしましょう。

.post-2454 .entry-title {
display: none;
}

2454のところは、先ほど調べたIDに後ほど変更します。

該当の固定ページの編集画面のズーッと下の方に、カスタムCSSっていうコーナーがあるので、そこにペーストします。

で、最後にIDを変更して、作業は完了です。

もちろん、更新ボタンを押すのをお忘れなく。

 

無事に固定ページのタイトルが消えました。

更新された日付が残っていますが、これは、あった方がいいかなぁっと思って残しています。


渋谷 浩一郎

教育現場が自分の思いと異なると感じ、退職。肩書きをなくして自分の価値を見失い、追究するためにBlogを始める。最近、シシトウガラシに超辛いものがあるからこそ、トウガラシ社会は豊かだと感じている。人も辛い人、マイルドな人…多様でありたい!というのが理念。現在は、メーカー・会社の情報発信やブランド化のプロデュースを手がけている。

渋谷 浩一郎をフォローする
Cocoonカスタマイズ
スポンサーリンク
シェアしてくれたら喜びます!
ことば屋
タイトルとURLをコピーしました