Help us understand the problem. What is going on with this article?

Twig よく使う書き方まとめ

経緯

EC-CUBEを使用する案件でTwigを使用する機会があり、そもそもTwigとはなんぞや状態だったので、簡単にまとめてみました。

Twigとは?

Twigは簡素で読みやすいデザイナーにもフレンドリーなPHPテンプレート言語です。
以下、Twigでよく使う書き方の一例です。

コメントアウト
index.twig
{#コメント#}
変数の取得
index.twig
{{変数}}
配列の取得
index.twig
{{変数名,キー名}}
変数の作成
index.twig
{% set 変数名 =  %}
条件分岐処理
index.twig
{% if 条件式 %}
...
{% endif %}
繰り返し処理
index.twig
{% for 条件式 %}
...
{% endfor %}
値の出力
index.twig
{{dump(変数名など)}}
フィルター処理
index.twig
{{処理したいデータ[フィルター名]}}
ブロック処理
index.twig
{% block ブロック名 %}
...
{% endblock %}
継承処理
index.twig
{% extends 'ファイルパス' %}
挿入処理
index.twig
{% include 'ファイルパス' %}
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away