[ 解決済 ] 特定ページの背景画像について

VWSとは フォーラム All in One Expansion Unit [ 解決済 ] 特定ページの背景画像について

[ 解決済 ] 特定ページの背景画像について

  • このトピックには6件の返信、3人の参加者があり、最後にgundamにより4ヶ月、 3週前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #95127

    gundam
    参加者

    ■ WordPress のバージョン
    6.5.4

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.24.0

    ■ Pro Unit のバージョン
    9.98.1.0

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    LPページの制作において、そのLPページに画面いっぱいに背景画像を設定したい。

    ■ 自分で試した事
    固定ページのカスタムCSSで次のコードを試しました。
    body{
    background-image: url(‘************’);
    background-repeat: repeat;
    }

    ■ 症状が発生するブラウザ
    chrome

    ■ 実際の症状
    画像が要素の分しか並ばない。

    Attachments:
    You must be logged in to view attached files.
    #95132

    gundam
    参加者

    追加です。
    https://qrtheater.jp/memorial_video/1bfe9742575dba511d2cbfd21e68ab3d80?step=4

    こういう風に背景画像にするのが理想になります。

    #95179

    うなこ
    モデレーター

    お世話になっております、Lightningのご利用ありがとうございます。

    固定ページのカスタムCSSで次のコードを試しました。
    body{
    background-image: url(‘************’);
    background-repeat: repeat;
    }

    このCSSはbody要素に背景画像が設定され、背景画像は繰り返し(repeat)表示されますので、CSSは間違っていないように見えます。

    もし可能でしたら症状の出ているページのURLを添付していただけますと、回答が得られやすくなります。

    よろしくお願いいたします。

    #95264

    gundam
    参加者

    うなこ様ありがとうございます。
    単純なhtmlですとbodyの中に1行だけでも、ブラウザの表示されている全てが、背景設定されるのですが、
    wordpress(こちらのテーマしかいじっていませんが)だとbodyの中に1行だけ、<p>test</p>これだけだと
    送った画像のようになるということでした。

    height: 100vh;

    こちらを入れることによって、ブラウザの画面をどんなに大きくしても、全て背景で設定することが出来ました。

    ありがとうございました。

    #95265

    うなこ
    モデレーター

    gundamさま、お世話になっております。

    具体的な解決方法の記載、ありがとうございます!

    解決したようで安心いたしました。
    今後ともよろしくお願いいたします。

    #95688

    genepinefield
    参加者

    試していないですが
    XO Post Background プラグイン
    投稿ごとのページの背景画像と背景色を設定するプラグインです。

    XO Post Background プラグイン

    #95720

    gundam
    参加者

    genepinefield 様

    情報ありがとうございます。
    デモサイトでちょっと試してみたいと思います。
    ありがとうございました。

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