タイトルの非表示

  • iMac2013

    (@imac2013)


    10年、 8ヶ月前

    1年ほど前に業者に作成していただいた、twenty-twelve の子テーマをカスタマイズしながら、サイトを運営しています。

    表題の、投稿ページのタイトルを非表示にする件ついてご教示をお願いします。

    後の変更やトラブルの防止のため、php ファイルには振れず（知識が乏しいため）、CSSで非表示にしました。実際に非表示にはできたのですが、記述方法について迷っています。
    具体的には

    h1.entry-title {
    display: none;
    }

    .entry-title h1 {
    display: none;
    }

    これらの記述に誤りはありますでしょうか。あるいは、どちらの方が望ましいということはありますか。　　また、有効だとしたら何か動作（適用範囲）に違いはありますか。

    ネット上ではあれこれ検索してましたが、解決に至るページを探せませんでした。
    よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ghvst

    (@ghvst)

    10年、 8ヶ月前

    下記のようなHTMLコードをWebブラウザで表示させてみると違いが判ります。

    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSSのテスト</title>
</head>
<body>
<style>
h1.entry-title {
	color: red;
}
.entry-title h1 {
	color: blue;
}
</style>

<div class="entry-title">
	<h1>タイトルその1</h1>
</div>

<h1 class="entry-title">タイトルその2</h1>

</body>
</html>

    トピック投稿者 iMac2013

    (@imac2013)

    10年、 8ヶ月前

    ご教示ありがとうございます。
    実際にブラウザで表示させ、それぞれ display: none を書き加えて表示・非表示を確認しました。

    WordPress から出力されるのは、
    <h1 class="entry-title">

    となっていますので、これを非表示に設定します。
    よく、咀嚼してみます。ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「タイトルの非表示」には新たに返信することはできません。