プレイリストの曲（1/1）
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-06628 / core/playlist-track 基本形【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06629 / core/playlist-track src：src="https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06630 / core/playlist-track album：album="短いサンプル"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"短いサンプル","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06631 / core/playlist-track album：album="長いサンプルの文章で折り返し方と余白の見え方を確認します。"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"長いサンプルの文章で折り返し方と余白の見え方を確認します。","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06632 / core/playlist-track artist：artist="短いサンプル"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"短いサンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06633 / core/playlist-track artist：artist="長いサンプルの文章で折り返し方と余白の見え方を確認します。"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"長いサンプルの文章で折り返し方と余白の見え方を確認します。","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06634 / core/playlist-track image：image="https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06635 / core/playlist-track imageAlt：imageAlt="短いサンプル"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","imageAlt":"短いサンプル","length":"0:01","title":"確認用の音"} /-->sample-06636 / core/playlist-track imageAlt：imageAlt="長いサンプルの文章で折り返し方と余白の見え方を確認します。"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","imageAlt":"長いサンプルの文章で折り返し方と余白の見え方を確認します。","length":"0:01","title":"確認用の音"} /-->sample-06637 / core/playlist-track length：length="0:01"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06638 / core/playlist-track title：title="短いサンプル"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"短いサンプル"} /-->sample-06639 / core/playlist-track title：title="長いサンプルの文章で折り返し方と余白の見え方を確認します。"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"長いサンプルの文章で折り返し方と余白の見え方を確認します。"} /-->sample-06640 / core/playlist-track lock：lock={"move":false,"remove":false}【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","lock":{"move":false,"remove":false}} /-->sample-06641 / core/playlist-track lock：lock={"move":true,"remove":false}【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","lock":{"move":true,"remove":false}} /-->sample-06642 / core/playlist-track lock：lock={"move":false,"remove":true}【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","lock":{"move":false,"remove":true}} /-->sample-06643 / core/playlist-track lock：lock={"move":true,"remove":true}【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","lock":{"move":true,"remove":true}} /-->sample-06644 / core/playlist-track className：className="block-gallery-example"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","className":"block-gallery-example"} /-->sample-06645 / core/playlist-track extraBottomMargin：extraBottomMargin=""【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音"} /-->sample-06646 / core/playlist-track extraBottomMargin：extraBottomMargin="0"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","extraBottomMargin":"0"} /-->sample-06647 / core/playlist-track extraBottomMargin：extraBottomMargin="2"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","extraBottomMargin":"2"} /-->sample-06648 / core/playlist-track extraBottomMargin：extraBottomMargin="10"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","extraBottomMargin":"10"} /-->sample-06649 / core/playlist-track extraBottomMargin：extraBottomMargin="20"【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"確認用の音","extraBottomMargin":"20"} /-->sample-06650 / core/playlist-track 長文と装飾の組み合わせ【コピー用コード】
親のプレイリスト内でメディアライブラリの音声を選択し、実在するIDを設定してください。同梱のsample.wavを登録すると確認できます。
<!-- wp:playlist-track {"src":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav","album":"表示テスト","artist":"Cocoon サンプル","image":"https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-square.png","length":"0:01","title":"\u003cstrong\u003e大切なお知らせ\u003c/strong\u003e\u003cbr\u003e春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。"} /-->