【Lazy Blocks】コントローラー別のコード記述方法を紹介

Web制作

こんにちは。
Web制作者のhikaruです。

今回はWordPressプラグイン「Lazy Blocks」のコード記述方法を紹介して行きます!

Text

Handlebarsの書き方

<p>{{text_controller}}</p>

※波括弧の中にはtextのName値を入れてください。

Text Area

Handlebarsの書き方

<p>{{text_area_controller}}</p>

※波括弧の中にはText AreaのName値を入れてください。

Number

Handlebarsの書き方

<p>{{number_controller}}</p>

※波括弧の中にはNumberのName値を入れてください。

Range

Handlebarsの書き方

<p>{{range_controller}}</p>

※波括弧の中にはRangeのName値を入れてください。

URL

Handlebarsの書き方

<p><a href="{{url_controller}}">リンク</a></p>

※波括弧の中にはURLのName値を入れてください。

Email

Handlebarsの書き方

<p>{{email_controller}}</p>

※波括弧の中にはEmailのName値を入れてください。

Password

Handlebarsの書き方

<p>{{password_controller}}</p>

※波括弧の中にはPasswordのName値を入れてください。

Image

Handlebarsの書き方

{{image_controller.id}}
{{image_controller.url}}
{{image_controller.alt}}
{{image_controller.caption}}
{{image_controller.link}}

Imageの場合は配列でデータを持っているので、少し変わった書き方をします。Name値の後に「.id」でidが、「.url」でurlが取得できます。

※image_controllerの部分には、ImageのName値を入れてください。

Handlebarsの書き方

{{#each gallery_controller}}
  {{id}}
  {{url}}
  {{alt}}
  {{caption}}
  {{link}}
{{/each}}

Galleryの場合も基本的にはImageと同ですが、ループさせて取得する点が異なります。

※gallery_controller部分には、GalleryのName値を入れてください。

File

Handlebarsの書き方

{{file_controller.id}}
{{file_controller.url}}
{{file_controller.alt}}
{{file_controller.caption}}
{{file_controller.link}}

Fileの場合もImageと同じような書き方をします。

※file_controller部分には、FileのName値を入れてください。

Rich Text

Handlebarsの書き方

<div>{{{rich_text_controller}}}</div>

Rich Textの場合、htmlタグをエスケープせずに表示したいので、波括弧三つ「{{{}}}」で記述する必要があります。

※rich_text_controller部分には、Rich TextのName値を入れてください。

Classic Editor

Handlebarsの書き方

<div>{{{classic_controller}}}</div>

Classic Editorの場合も、htmlタグをエスケープせずに表示したいので、波括弧三つで記述する必要があります。

※classic_controller部分には、Classic EditorのName値を入れてください。

Code Editor

Handlebarsの書き方

<div>{{{code_controller}}}</div>

Code Editorの場合も、htmlタグをエスケープせずに表示したいので、波括弧三つで記述する必要があります。

※code_controller部分には、Code EditorのName値を入れてください。

Inner Blocks

Handlebarsの書き方

<div>{{{inner_controller}}}</div>

※inner_controller部分には、Inner BlocksのName値を入れてください。

まとめ

以上、コントローラー別のコード記述方法を紹介でした。

hikaru

1995年2月生まれ26歳。東京都にあるWeb制作会社に勤務をしています。 犬とコーヒーが好きです。

関連記事

特集記事

コメント

この記事へのコメントはありません。

hikaru

1995年2月生まれ26歳。東京都にあるWeb制作会社に勤務をしています。 犬とコーヒーが好きです。

TOP