ブロックサンプル：テンプレートパーツ（1/1）

テンプレートパーツ（1/1）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-08888 / core/template-part　基本形【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header"} /-->

sample-08889 / core/template-part　tagName：tagName=""【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":""} /-->

sample-08890 / core/template-part　tagName：tagName="header"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header"} /-->

sample-08891 / core/template-part　tagName：tagName="main"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"main"} /-->

sample-08892 / core/template-part　tagName：tagName="section"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"section"} /-->

sample-08893 / core/template-part　tagName：tagName="article"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"article"} /-->

sample-08894 / core/template-part　tagName：tagName="aside"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"aside"} /-->

sample-08895 / core/template-part　tagName：tagName="footer"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"footer"} /-->

sample-08896 / core/template-part　tagName：tagName="div"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"div"} /-->

sample-08897 / core/template-part　align：align="left"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","align":"left"} /-->

sample-08898 / core/template-part　align：align="center"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","align":"center"} /-->

sample-08899 / core/template-part　align：align="right"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","align":"right"} /-->

sample-08900 / core/template-part　align：align="wide"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","align":"wide"} /-->

sample-08901 / core/template-part　align：align="full"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","align":"full"} /-->

sample-08902 / core/template-part　align：align=""【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","align":""} /-->

sample-08903 / core/template-part　lock：lock={"move":false,"remove":false}【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","lock":{"move":false,"remove":false}} /-->

sample-08904 / core/template-part　lock：lock={"move":true,"remove":false}【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","lock":{"move":true,"remove":false}} /-->

sample-08905 / core/template-part　lock：lock={"move":false,"remove":true}【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","lock":{"move":false,"remove":true}} /-->

sample-08906 / core/template-part　lock：lock={"move":true,"remove":true}【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","lock":{"move":true,"remove":true}} /-->

sample-08907 / core/template-part　className：className="block-gallery-example"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","className":"block-gallery-example"} /-->

sample-08908 / core/template-part　extraBottomMargin：extraBottomMargin=""【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header"} /-->

sample-08909 / core/template-part　extraBottomMargin：extraBottomMargin="0"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","extraBottomMargin":"0"} /-->

sample-08910 / core/template-part　extraBottomMargin：extraBottomMargin="2"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","extraBottomMargin":"2"} /-->

sample-08911 / core/template-part　extraBottomMargin：extraBottomMargin="10"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","extraBottomMargin":"10"} /-->

sample-08912 / core/template-part　extraBottomMargin：extraBottomMargin="20"【コピー用コード】

ブロックテーマのサイトエディターで実在するslugとthemeを設定します。Cocoonの固定ページ本文だけではテンプレートパーツを作成できません。

<!-- wp:template-part {"slug":"header","theme":"実際のブロックテーマ名","tagName":"header","extraBottomMargin":"20"} /-->