🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

2978閲覧

固定ページのヘッダー画像を非表示にする【Wordpress ルクセリタス】

Kakakaff1150253

総合スコア15

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/03/15 07:21

編集2021/03/15 23:57

ワードプレスのルクセリタスを使用してます。

ネットで調べたりして以下のソースを子テーマに
記述しましたが、非表示になりません。

/* Luxeritas 特定の投稿ID(フロントページ)でタイトル非表示*/
.post-◯◯ .entry-title {
display: none;
}
phpに記述すれば、いいみたいですが
詳しく書いておらず。

どなたか教えて下さい。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/03/15 08:02

要件的に質問タグとして「WordPress」は必須では
dit.

2021/03/16 00:45

参考にしたページはこちらでしょうか? https://komazawakouen.com/post-2557/ 質問に提示のコードはCSSなので[外観]-[カスタマイズ]-[追加CSS]に記述するべきかと思いますが、このコードだと指定した固定ページの「タイトル」を非表示にするものなのでおそらくやりたいことと違います。 非表示にしたい画像はどこに登録されている物でしょうか? (ヘッダー背景画像とか、ロゴ画像とか)
Kakakaff1150253

2021/03/16 07:27

上記の参考サイトより /* Luxeritas 特定の投稿ID(フロントページ)でタイトル非表示*/ .post-42 .entry-title { display: none; } を固定ページの追加ヘッダーにしました。 子テーマにもしました。 試しましたがわからずです。 ★非表示にしたい画像はメディアライブラリです。
dit.

2021/03/16 07:42

伝え方が下手ですみません。 提示のコードは「タイトル(文字)」を消すためのものなので、画像は非表示になりません。 また、「非表示にしたい画像」は固定ページを表示した際どこに表示されていて、どこから登録したものですか?
Kakakaff1150253

2021/03/16 08:10

いえ、こちらこそすみません。 固定ページにサイトについてを 作成しています。 その上部にサイトのトップ背景画像と 同じのが表示されます。 トップ背景画像はそのままで 固定ページだけを非表示にしたいのです。 カスタマイズ→背景画像設定から登録しました。
Kakakaff1150253

2021/03/17 02:50

ご返信いたします。 もうしばらくお待ち下さい。
dit.

2021/03/17 03:02

こちらも、サンプル提示できるようにダミーサイト用意しておきます。
guest

回答2

0

ベストアンサー

[外観]-[カスタマイズ]-[背景・タイトル・ロゴ画像]-[ヘッダー背景画像]に登録されている画像を固定ページの時のみ無くしたい という質問だと解釈して回答します。

[外観]-[カスタマイズ]-[追加CSS]に下記の記述をしてください。

css

1/* 全ての固定ページで非表示にしたい場合 */ 2.page .head-cover{ 3 background-image:none; 4} 5 6/* 特定の固定ページのみ非表示にしたい場合。ページIDを指定してください。*/ 7.page-id-x .head-cover{ /* xの所にidの数字 */ 8 background-image:none; 9}

投稿ページの場合は下記のようになります。

css

1/* 全ての投稿ページで非表示にしたい場合 */ 2.single .head-cover{ 3 background-image:none; 4} 5 6/*特定の投稿ページのみ非表示にしたい場合。投稿IDを指定してください。*/ 7.postid-x .head-cover{ /* xの所にidの数字 */ 8 background-image:none; 9}

以下追記
「横幅いっぱい」のオプションがオンの状態だと、.head-coverではなく#head-parallaxに背景が設定されるようです。
以下のようにしてください。

css

1/* 全ての固定ページで非表示にしたい場合 */ 2.page #head-parallax{ 3 background-image:none; 4} 5 6/* 特定の固定ページのみ非表示にしたい場合。ページIDを指定してください。*/ 7.page-id-x #head-parallax{ /* xの所にidの数字 */ 8 background-image:none; 9}

2021.3.18追記
聞き取りを行ったところ、背景画像のみを非表示にするのではなくタイトル部分そのものの非表示が希望だったため以下のコードで対応しました。

css

1.page #head-parallax{ 2 display:none; 3}

投稿2021/03/16 23:52

編集2021/03/18 03:40
dit.

総合スコア3235

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Kakakaff1150253

2021/03/17 01:38

dit.さま ご丁寧な回答ありがとうございます。 追加ccsに特定のページidを記述し やりましたが できませんでした。 phpに記述するんですかね?
dit.

2021/03/17 01:51

特定のIDを指定しない場合のコードでは非表示になりますか? 画像が表示されているのはグローバルメニューの上の、サイトタイトルやキャッチフレーズが表示されているエリアの背景で合っていますか? 私の回答は[外観]-[カスタマイズ]-[背景・タイトル・ロゴ画像]-[ヘッダー背景画像]に登録されている画像の対処法です。 「ヘッダー画像を非表示」、「カスタマイズ→背景画像設定から登録」という情報から推測していますが違う場合には対処法も変わりますので詳細を提示してください。
dit.

2021/03/17 01:53

実際のサイトを見せていただいた方が早いのですが、事情があって見せられないこともあると思います。 一時的に見せたくない情報をダミーに置き換えてスクリーンショットの提示だけでもしていただければと思いますが難しいですかね。
dit.

2021/03/17 03:47 編集

原因が判明したため削除
Kakakaff1150253

2021/03/17 04:11

いちお、いま、しましたが 非表示にならずです。 わかりませんね、、、。 時間が立てば 非表示になりますかね?
dit.

2021/03/17 04:47

・非表示にしたい固定ページのIDとCSSに記載したIDが合っているかどうか確認してください。 ・スーパーリロードやキャッシュの削除を試し、最新の状態が読み込まれるようにしてみてください。 念のためサンプルを作成しました。 内容とともにご確認ください。 http://milchkrone.com/dit20210317/
Kakakaff1150253

2021/03/17 05:25

わかりました。 試してみて 本日、夜にでもご連絡いたします。
Kakakaff1150253

2021/03/17 12:32

個別に連絡する方法はありますか?
dit.

2021/03/17 14:24

基本的にteratail以外でのやりとりはしていないしするつもりも無かったのですが、ここまで首を突っ込んだので今回の件に関してのみお付き合いします。 コメントに挙げたサンプルサイトにフォームを追加したのでそこからご連絡ください。 一度連絡が取れたらフォームは削除します。
guest

0

こちらに添付ファイルを
おつけしました。

これで、わかりますか?イメージ説明

投稿2021/03/17 03:07

Kakakaff1150253

総合スコア15

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

K_3578

2021/03/17 05:28

一応突っ込んでおきますが、質問に不足する情報を追記する場合は質問者は質問文を編集してください。 こちらは回答欄なので不足情報を追記する場所ではありません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問