Versatile Banner

テーマコンポーネント
,
263

なるほど、その場合、Versatile Banner の「content」設定のいずれかに以下のようなものを追加できるかもしれません。

<div class="xmas-banner-image"></div>

そして、メインテーマまたは新しいコンポーネントに CSS を追加します。ここでは、LINK_TO_MOBILE_IMAGE を実際の画像リンクに置き換えることができる例を示します。

.mobile-view .xmas-banner-image {
  background-image: url("LINK_TO_MOBILE_IMAGE");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop-view .xmas-banner-image {
  background-image: url("LINK_TO_DESKTOP_IMAGE");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

CSS の調整が必要になりますが、これで開始できることを願っています。

「いいね！」 3