[ 解決済 ] 投稿のページヘッダー

[けんた]

■ 利用テーマとバージョン :
Lightningバージョン: 14.5.0
Lightning G3 Pro Unit: バージョン: 0.4.1

■ 質問内容：
「Lightningページヘッダー設定」「投稿」で背景画像の設定しているのですが、投稿にアイキャッチ画像が設定されている場合、仕様上なのかページヘッダーがアイキャッチ画像で上書きされてしまいます。アイキャッチ画像は投稿ページのアイコン的な使い方をしたいので、ページヘッダーのような横長ではすごく違和感があります。
lightning-g3-pro-unit > inc > header-layout > class-header-layout.php
の315行目アイキャッチで上書き付近をコメントアウトして対応しているのですが、バージョンアップの度に修正する必要があります。
何か対応方法があればご教授いただければ幸いです。

[対馬 俊彦]

以下の CSS を追加すればご希望のことができると思います。

.single-post .page-header {
    background: url(********************) no-repeat 50% center;
}

@media (max-width: 575.98px) {
.single-post .page-header {
    background: url(xxxxxxxxxxxxxxxxxxxx) no-repeat 50% center;
}
}

******************** は背景画像(PC)の URL、
xxxxxxxxxxxxxxxxxxxx は背景画像(モバイル)の URL です。

　

【参考】
ご希望には合わないかもしれませんが、CSS を書かずに
カスタマイズ → Lightning ページヘッダー設定 → 投稿 で、
表示要素 [投稿] を 投稿タイプ名 にする方法もあります。
添付画像をご参照ください。

Attachments:

You must be logged in to view attached files.

[Vektor,Inc]

対馬様、ご回答ありがとうございます。
現状はフィルターフックがないので、対馬様の回答のｃｓｓで対応していただく形になります。

【参考】
ご希望には合わないかもしれませんが、CSS を書かずに
カスタマイズ → Lightning ページヘッダー設定 → 投稿 で、
表示要素 [投稿] を 投稿タイプ名 にする方法もあります。
添付画像をご参照ください。

「投稿タイプ名」を選択しますと、標準で設定いただいた背景画像になり
「投稿タイトル」「投稿タイトルとメタ情報」を選択しますと、背景がアイキャッチ画像になるのが仕様となります。

投稿タイプ名（標準背景）
投稿タイトル（アイキャッチ画像背景）
投稿タイトルとメタ情報（アイキャッチ画像背景）

どこかに追記しておくとわかりやすいですね。善処いたします。
今後ともよろしくお願いいたします。

[けんた]

対馬 俊彦さま、Vektor,Incさま

ご回答とご丁寧な説明ありがとうございます。

[投稿者]

投稿