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

VWSとは フォーラム Lightning [ 解決済 ] 投稿のページヘッダー

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

  • このトピックには3件の返信、3人の参加者があり、最後にけんたにより3年、 3ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #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行目アイキャッチで上書き付近をコメントアウトして対応しているのですが、バージョンアップの度に修正する必要があります。
    何か対応方法があればご教授いただければ幸いです。

    #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.
    #53754

    Vektor,Inc
    キーマスター

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

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

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

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

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

    #53766

    けんた
    参加者

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

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

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。