メディアとテキスト(1/3)
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-06178 / core/media-text 基本形

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06179 / core/media-text align:align=""

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06180 / core/media-text align:align="wide"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06181 / core/media-text align:align="full"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06182 / core/media-text mediaAlt:mediaAlt="短いサンプル"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06183 / core/media-text mediaAlt:mediaAlt="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06184 / core/media-text mediaPosition:mediaPosition="left"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06185 / core/media-text mediaPosition:mediaPosition="right"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-06186 / core/media-text mediaUrl:mediaUrl="https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-landscape.png"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06187 / core/media-text mediaUrl:mediaUrl="https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-portrait.png"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06188 / core/media-text mediaLink:mediaLink="#gallery-top"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06189 / core/media-text mediaLink:mediaLink="https://wordpress.org/"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06190 / core/media-text linkDestination:linkDestination="none"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06191 / core/media-text linkDestination:linkDestination="media"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06192 / core/media-text linkDestination:linkDestination="attachment"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06193 / core/media-text linkDestination:linkDestination="custom"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06194 / core/media-text linkTarget:linkTarget="_self"
sample-06195 / core/media-text linkTarget:linkTarget="_blank"
sample-06196 / core/media-text href:href="#gallery-top"
sample-06197 / core/media-text href:href="https://wordpress.org/"
sample-06198 / core/media-text rel:rel="nofollow"
sample-06199 / core/media-text rel:rel="noopener noreferrer"
sample-06200 / core/media-text linkClass:linkClass="block-gallery-example"
sample-06201 / core/media-text mediaType:mediaType="image"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06202 / core/media-text mediaType:mediaType="video"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06203 / core/media-text mediaWidth:mediaWidth=25

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06204 / core/media-text mediaWidth:mediaWidth=50

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06205 / core/media-text mediaWidth:mediaWidth=75

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06206 / core/media-text mediaSizeSlug:mediaSizeSlug="thumbnail"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06207 / core/media-text mediaSizeSlug:mediaSizeSlug="medium"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06208 / core/media-text mediaSizeSlug:mediaSizeSlug="large"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06209 / core/media-text mediaSizeSlug:mediaSizeSlug="full"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06210 / core/media-text isStackedOnMobile:isStackedOnMobile=false

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06211 / core/media-text isStackedOnMobile:isStackedOnMobile=true

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06212 / core/media-text verticalAlignment:verticalAlignment="top"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06213 / core/media-text verticalAlignment:verticalAlignment="center"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06214 / core/media-text verticalAlignment:verticalAlignment="bottom"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06215 / core/media-text imageFill:imageFill=false

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06216 / core/media-text imageFill:imageFill=true

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06217 / core/media-text focalPoint:focalPoint={"x":0,"y":0}

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06218 / core/media-text focalPoint:focalPoint={"x":0.5,"y":0.5}

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06219 / core/media-text focalPoint:focalPoint={"x":1,"y":1}

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06220 / core/media-text useFeaturedImage:useFeaturedImage=false

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06221 / core/media-text useFeaturedImage:useFeaturedImage=true

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06222 / core/media-text プリセットの前景色:borderColor="key-color" / textColor="key-color"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06223 / core/media-text プリセットの前景色:borderColor="red" / textColor="red"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06224 / core/media-text プリセットの前景色:borderColor="pink" / textColor="pink"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06225 / core/media-text プリセットの前景色:borderColor="purple" / textColor="purple"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06226 / core/media-text プリセットの前景色:borderColor="deep" / textColor="deep"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06227 / core/media-text プリセットの前景色:borderColor="indigo" / textColor="indigo"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06228 / core/media-text プリセットの前景色:borderColor="blue" / textColor="blue"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06229 / core/media-text プリセットの前景色:borderColor="light-blue" / textColor="light-blue"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06230 / core/media-text プリセットの前景色:borderColor="cyan" / textColor="cyan"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06231 / core/media-text プリセットの前景色:borderColor="teal" / textColor="teal"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06232 / core/media-text プリセットの前景色:borderColor="green" / textColor="green"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06233 / core/media-text プリセットの前景色:borderColor="light-green" / textColor="light-green"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06234 / core/media-text プリセットの前景色:borderColor="lime" / textColor="lime"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06235 / core/media-text プリセットの前景色:borderColor="yellow" / textColor="yellow"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06236 / core/media-text プリセットの前景色:borderColor="amber" / textColor="amber"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06237 / core/media-text プリセットの前景色:borderColor="orange" / textColor="orange"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06238 / core/media-text プリセットの前景色:borderColor="deep-orange" / textColor="deep-orange"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06239 / core/media-text プリセットの前景色:borderColor="brown" / textColor="brown"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06240 / core/media-text プリセットの前景色:borderColor="light-grey" / textColor="light-grey"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06241 / core/media-text プリセットの前景色:borderColor="grey" / textColor="grey"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-06242 / core/media-text プリセットの前景色:borderColor="dark-grey" / textColor="dark-grey"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
