はじめに

Liquid は オブジェクト、タグ、および フィルター を テンプレートファイル内に組み合わせ、動的なコンテンツを表示します。

オブジェクト

オブジェクトには、Liquid がページに表示するコンテンツが含まれます。オブジェクトと変数は、二重中括弧内に囲むことで表示されます: {{ および }}。

入力

{{ page.title }}

出力

Introduction

この場合、Liquid は page オブジェクトの title プロパティのコンテンツをレンダリングしており、ここにはテキスト はじめに が含まれています。

タグ

タグはテンプレートの論理と制御フローを作成します。中括弧とパーセントの区切り記号 {% および %} と、それらで囲まれたテキストは、テンプレートのレンダリング時に可視出力は生成されません。これにより、ページに Liquid ロジックが表示されることなく、変数の割り当てや条件またはループの作成ができます。

入力

{% if user %}
  Hello {{ user.name }}!
{% endif %}

出力

  Hello Adam!

タグはさまざまな種類に分類できます

• 制御フロー
• 繰り返し
• テンプレート
• 変数の割り当て

各種類のタグの詳細については、それぞれのセクションで確認できます。

フィルター

フィルターは Liquid オブジェクトまたは変数の出力を変更します。二重中括弧 {{ }} と 変数の割り当て 内で使用され、パイプ文字 | で区切られます。

入力

{{ "/my/fancy/url" | append: ".html" }}

出力

/my/fancy/url.html

1 つの出力で複数のフィルターを使用でき、フィルターは左から右に適用されます。

入力

{{ "adam!" | capitalize | prepend: "Hello " }}

出力

Hello Adam!