/ 最終更新日 : 2021年7月6日 けんた [ 解決済 ] 投稿のページヘッダー VWSとは › フォーラム › Lightning › [ 解決済 ] 投稿のページヘッダー [ 解決済 ] 投稿のページヘッダー このトピックには3件の返信、3人の参加者があり、最後にけんたにより3年、 2ヶ月前に更新されました。 4件の投稿を表示中 - 1 - 4件目 (全4件中) 投稿者 投稿 2021年7月6日 10:28 AM #53687 けんた参加者 ■ 利用テーマとバージョン : Lightningバージョン: 14.5.0 Lightning G3 Pro Unit: バージョン: 0.4.1 ■ 質問内容: 「Lightningページヘッダー設定」「投稿」で背景画像の設定しているのですが、投稿にアイキャッチ画像が設定されている場合、仕様上なのかページヘッダーがアイキャッチ画像で上書きされてしまいます。アイキャッチ画像は投稿ページのアイコン的な使い方をしたいので、ページヘッダーのような横長ではすごく違和感があります。 lightning-g3-pro-unit > inc > header-layout > class-header-layout.php の315行目アイキャッチで上書き付近をコメントアウトして対応しているのですが、バージョンアップの度に修正する必要があります。 何か対応方法があればご教授いただければ幸いです。 2021年7月6日 11:31 AM #53689 ベストアンサー 対馬 俊彦参加者 制作実績 以下の 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. 2021年7月7日 3:28 PM #53754 Vektor,Incキーマスター 対馬様、ご回答ありがとうございます。 現状はフィルターフックがないので、対馬様の回答のcssで対応していただく形になります。 【参考】 ご希望には合わないかもしれませんが、CSS を書かずに カスタマイズ → Lightning ページヘッダー設定 → 投稿 で、 表示要素 [投稿] を 投稿タイプ名 にする方法もあります。 添付画像をご参照ください。 「投稿タイプ名」を選択しますと、標準で設定いただいた背景画像になり 「投稿タイトル」「投稿タイトルとメタ情報」を選択しますと、背景がアイキャッチ画像になるのが仕様となります。 投稿タイプ名(標準背景) 投稿タイトル(アイキャッチ画像背景) 投稿タイトルとメタ情報(アイキャッチ画像背景) どこかに追記しておくとわかりやすいですね。善処いたします。 今後ともよろしくお願いいたします。 2021年7月8日 8:57 AM #53766 けんた参加者 対馬 俊彦さま、Vektor,Incさま ご回答とご丁寧な説明ありがとうございます。 投稿者 投稿 4件の投稿を表示中 - 1 - 4件目 (全4件中) このトピックに返信するにはログインが必要です。 ログイン ユーザー名: パスワード: ログイン状態を保持 ログイン