[シモトリ マコト]

【お使いの unitone のバージョン】23.5.0
【お使いのブラウザ】Chrome
【当該サイトのURL】https://www.torinos.site/

### 実現したいこと
unitoneの元のレイアウトだけで、snow monkey ブロックスの「パネル（垂直）」の形状を制作したいのですが、方法はありますでしょうか。

### 発生している問題
snow monkey ブロックスの「パネル（垂直）」の形状が作れません。
垂直画像と文字が水平に並ぶものはできます。

### 試したこと
あまり慣れていないせいか、垂直のものは制作できませんでした。
試しにsnow monkey ブロックスをインストールしてパネルを配置したら、問題なく表示されましたのでこれでも良いかと思いましたが、デバイスの画面サイズによっては最適なサイズでは表示されないのかも知れませんので、unitoneだけで制作できたら良いなと考えています。

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

♥ 0

いいねをした人： いません

[inc2734]

こんな感じですかね？

<!-- wp:unitone/responsive-grid -->
<div data-unitone-layout="responsive-grid" style="--unitone--column-min-width:240px">
	<!-- wp:unitone/decorator {"style":{"shadow":"var:preset|shadow|unitone-natural"}} -->
	<div data-unitone-layout="decorator" style="box-shadow:var(--wp--preset--shadow--unitone-natural)">
		<!-- wp:unitone/frame -->
		<div data-unitone-layout="frame" style="--unitone--ratio:16/9">
			<!-- wp:image {"id":1,"lock":{"move":true,"remove":true}} -->
			<figure class="wp-block-image"><img src="https://unitone.2inc.org/wp-content/themes/unitone/dist/img/stocksnap_lgg8nat9jy.jpg" alt="" class="wp-image-1"/></figure>
			<!-- /wp:image -->
		</div>
		<!-- /wp:unitone/frame -->

		<!-- wp:unitone/decorator {"unitone":{"position":{"position":"relative"},"overflow":"visible","padding":"1","gap":"1"}} -->
		<div data-unitone-layout="decorator">
			<!-- wp:unitone/center -->
			<div data-unitone-layout="center">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">見出し</h3>
				<!-- /wp:heading -->
			</div>
			<!-- /wp:unitone/center -->

			<!-- wp:paragraph -->
			<p>朝の森に霧が立ち込め、小道がぼんやりと霞む。草の香りが漂い、葉に落ちる雫が静かに音を立てる。鳥の声が響き、柔らかな光が霧を透かして広がる。ひとつ息を吸うと、ひんやりとした空気が胸に満ちた。</p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:unitone/decorator -->
	</div>
	<!-- /wp:unitone/decorator -->

	<!-- wp:unitone/decorator {"style":{"shadow":"var:preset|shadow|unitone-natural"}} -->
	<div data-unitone-layout="decorator" style="box-shadow:var(--wp--preset--shadow--unitone-natural)">
		<!-- wp:unitone/frame -->
		<div data-unitone-layout="frame" style="--unitone--ratio:16/9">
			<!-- wp:image {"id":1,"lock":{"move":true,"remove":true}} -->
			<figure class="wp-block-image"><img src="https://unitone.2inc.org/wp-content/themes/unitone/dist/img/stocksnap_lgg8nat9jy.jpg" alt="" class="wp-image-1"/></figure>
			<!-- /wp:image -->
		</div>
		<!-- /wp:unitone/frame -->

		<!-- wp:unitone/decorator {"unitone":{"position":{"position":"relative"},"overflow":"visible","padding":"1","gap":"1"}} -->
		<div data-unitone-layout="decorator">
			<!-- wp:unitone/center -->
			<div data-unitone-layout="center">
				<!-- wp:heading {"level":3} -->
				<h3 class="wp-block-heading">見出し</h3>
				<!-- /wp:heading -->
			</div>
			<!-- /wp:unitone/center -->

			<!-- wp:paragraph -->
			<p>朝の森に霧が立ち込め、小道がぼんやりと霞む。草の香りが漂い、葉に落ちる雫が静かに音を立てる。鳥の声が響き、柔らかな光が霧を透かして広がる。ひとつ息を吸うと、ひんやりとした空気が胸に満ちた。</p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:unitone/decorator -->
	</div>
	<!-- /wp:unitone/decorator -->
</div>
<!-- /wp:unitone/responsive-grid -->

♥ 0

いいねをした人： いません

[シモトリ マコト]

北島さん、ありがとうございます❣️
画像の通り設定したらできました✨
大変助かりました。

そしておかげさまで、ようやく使い方がわかってきました（遅っ）

♥ 1

いいねをした人：

[投稿者]

投稿