[ 解決済 ] アートボード幅の設定をしたいです。

以下の画像のように、背景画像をいくつか設置したいと考えています。

うなこ様

ご回答ありがとうございます!
.vk_outer-width-full {
background-size: contain !important;
}
を子テーマのstyle.cssに書き写してみましたが、思うようにはいきませんでした。

背景画像を「全幅」で設定すると、どのスクリーンサイズでも「全幅」で表示されるので、デスクトップの大きいスクリーンだと、おそらく画面いっぱいに広がってしまい、他のパーツとのバランスがおかしくなってしまいそうです。

できれば上限を設定できるといいなと思っているのですが。

石川様

コメントありがとうございます!

やりたいことは、デザインカンプから背景の部分を書き出し、それを背景画像として利用したいです。

横幅1440pxのスクリーンくらいまでは、画面いっぱいに背景画像を表示したいです。

そこで、上にも書きましたが以下のことを試しました。

・カスタマイズ→背景画像→画像サイズを画面に合わせる
→結果、背景画像が他要素に比べて、相対的に大きくなる

・VK blok pro→Outer→画像→配置を変更→幅広または全幅
→結果、背景画像が他要素に比べて、相対的に大きくなる

しかし、全幅設定だとおそらくどの画面に対しても、横に広がってしまうので、そこにアートボード幅の上限(例えば1440px)を設定すれば問題が解決されると考えました。

Lightning G3 Pro Unitにはコンテンツ幅の設定があり、コンテンツ要素の広がりは調整できると理解していますが、それらの背景にある画像をどう設定していいのかわかっていない状態です。

私は初心者に毛が生えたくらいのコーディング(HTML,CSS,PHP)はできると思っていますが、Lightningのようにバリバリのテーマを利用させて頂くのは初めてで、的外れなことを申しているかもしれず、申し訳ないです。

石川様

ご回答ありがとうございます。
用語の使い方が間違っているかもしれず、大変申し訳ありません。。

> 表示比率が50%だと
→ “表示比率”とは何の事を指してますか？ウィンドウの縦横比の事ですか？
> ブラウザの拡大・縮小表示です。　macでshift + command + マイナスなどで調整するものです。

> 他の要素に比べて
→ 他の要素とは何を指していますか？投稿一覧ですか？
>投稿一覧です。

> 背景画像は相対的に大きくなってしまうが、
→ 画面サイズに応じて背景画像の表示領域（画像の”倍率”ではなく”表示領域”）が大きくなってしまうという意味ですか？
>そうです。例えば、iMacなどのデスクトップだと、おそらく画面の端から端まで、画像が表示されてしまうのではないかと。ただ、背景画像を「画面サイズに合わせる」にしなければ、逆にスマホ画像だと背景画像の断片だけが表示されるようになってしまいます。

→おそらくですが画面サイズが大きくなったら背景画像も大きくしたいという意味であってますか？
>違います。逆です。画面サイズが大きくなっても、一定のサイズで背景画像を表示したいという意味です。以下のような課題にぶつかっています。

「画面に合わせて表示」→大きなスクリーンの際(デスクトップ)、背景画像がとてもおおきく表示される。
「元のサイズで表示する」→小さなスクリーンの際(スマホ)、背景画像の断片だけが表示される。

できる限り、伝わるように努力しています。
どうぞよろしくお願い致します。

石川様

丁寧なご回答、本当にありがとうございます！
ひとまず、OuterブロックとCSSで試みてみます。

私も今回Lightning G3 Pro Unitを初めて使わせて頂く中で、Lightningの機能はどこまで可能で、どこまでは現実的に不可なのかわからず、石川様には困惑するような内容だったかもしれません。大変お手数をおかけしました。

ただここまで丁寧にご対応頂いたことに大変感謝しております。
今後もLightningを大切に使用させて頂こうと思います。

吉川