الفرق بين المراجعتين لصفحة: «Liquid/template»

من موسوعة حسوب
أنشأ الصفحة ب'== الوسوم Tags ذات النوع قالب Template == تخبر وسومُ القوالب لغةَ Liquid مكان تعطيل المعالجة التعليقات أ...'
 
طلا ملخص تعديل
 
(3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 1: سطر 1:
== الوسوم Tags ذات النوع قالب Template ==
<noinclude>{{DISPLAYTITLE: وسوم القالب في Liquid}}</noinclude>
تخبر وسومُ القوالب لغةَ Liquid مكان تعطيل المعالجة التعليقات أو الرموز التي ليست تابعة للغة Liquid، وكيفية إنشاء علاقات بين ملفات القوالب.
تخبر وسومُ القالب Template tags لغةَ Liquid بمكان تعطيل معالجة التعليقات أو الشيفرة التي ليست تابعة للغة Liquid، وكيفية إنشاء علاقات بين ملفات القوالب.


=== comment ===
== <code>comment</code> ==
يسمح لك بوضع شيفرة غير مُصيَّرة ضمن قالب Liquid، إذ لن يُطبَع أيّ نص موجود بين كتل فتح وإغلاق الوسم <code>comment</code>، ولن يُنفَّذ شيفرة Liquid الموجودة ضمنها أيضًا.
يسمح لك هذا الوسم بوضع شيفرة غير مُصيَّرة ضمن قالب Liquid، إذ لن يُطبَع أيّ نص موجود بين كتل فتح وإغلاق الوسم <code>comment</code>، ولن تُنفَّذ شيفرة Liquid الموجودة ضمنها أيضًا.<syntaxhighlight lang="liquid">
{| class="wikitable"
|+
!الدخل
|-
|<syntaxhighlight lang="liquid">
{% assign verb = "turned" %}
{% assign verb = "turned" %}
{% comment %}
{% comment %}
سطر 15: سطر 10:
Anything you put between {% comment %} and {% endcomment %} tags
Anything you put between {% comment %} and {% endcomment %} tags
is {{ verb }} into a comment.
is {{ verb }} into a comment.
</syntaxhighlight>الخرج:<syntaxhighlight lang="liquid">
Anything you put between  tags
is turned into a comment.
</syntaxhighlight>
</syntaxhighlight>
|}
== <code>raw</code> ==
{| class="wikitable"
يعطّل معالجة الوسوم مؤقتًا، وهذا مفيد لإنشاء محتوى معيّن يستخدم صيغة متضاربة conflicting syntax مثل [https://mustache.github.io/ Mustache] أو [https://handlebarsjs.com/ Handlebars].<syntaxhighlight lang="liquid">
!الخرج
|-
 
<code>Anything you put between  tags</code>
 
<code>is turned into a comment.‎</code>
|}
 
=== raw ===
يعطّل معالجة الوسوم مؤقتًا، وهذا مفيد لإنشاء محتوى معيّن يستخدم صيغة متضاربة conflicting syntax مثل [https://mustache.github.io/ Mustache] أو [https://handlebarsjs.com/ Handlebars].
{| class="wikitable"
!الدخل
|-
|<syntaxhighlight lang="liquid">
{% raw %}
{% raw %}
In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
{% endraw %}
{% endraw %}
</syntaxhighlight>
</syntaxhighlight>الخرج:<syntaxhighlight lang="liquid">
|}
 
{| class="wikitable"
!الخرج
|-
|<syntaxhighlight lang="liquid">
In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
</syntaxhighlight>
</syntaxhighlight>
|}
== <code>liquid</code> (خاص بالإصدار 5.0.0) ==
 
يُستخدَم لإحاطة وسوم متعددة ضمن مجموعة واحدة من المحدّدات، للسماح بكتابة شيفرات Liquid بإيجاز.<syntaxhighlight lang="liquid">
=== liquid (خاص بالإصدار 5.0.0) ===
يُستخدَم لإحاطة وسوم متعددة ضمن مجموعة واحدة من المحدّدات، للسماح بكتابة منطق لغة Liquid بصورة موجَزة.<syntaxhighlight lang="liquid">
{% liquid
{% liquid
case section.blocks.size
case section.blocks.size
سطر 61: سطر 41:
</syntaxhighlight>استخدم الوسم <code>echo</code> لإخراج البيانات، لأنه يجب إغلاق أي كتل وسوم مفتوحة ضمن الوسم <code>liquid</code> بالوسم نفسه.
</syntaxhighlight>استخدم الوسم <code>echo</code> لإخراج البيانات، لأنه يجب إغلاق أي كتل وسوم مفتوحة ضمن الوسم <code>liquid</code> بالوسم نفسه.


=== echo (خاص بالإصدار 5.0.0) ===
== <code>echo</code> (خاص بالإصدار 5.0.0) ==
يُستخدَم لإخراج تعبير في شيفرة HTML المصيَّرة، وهذا مماثل لتغليف التعبير بالرموز <code><nowiki>{{</nowiki></code> و <code><nowiki>}}</nowiki></code> ولكنه يعمل ضمن وسوم <code>liquid</code> ويدعم [[المرشّحات filters]].
يُستخدَم لإخراج تعبير في شيفرة HTML المصيَّرة، وهذا مماثل لتغليف التعبير بالرموز <code><nowiki>{{</nowiki></code> و <code><nowiki>}}</nowiki></code> ولكنه يعمل ضمن وسم <code>liquid</code> ويدعم [[Liquid/filters|المرشّحات filters]].<syntaxhighlight lang="liquid">
{| class="wikitable"
!الدخل
|-
|<syntaxhighlight lang="liquid">
{% liquid
{% liquid
for product in collection.products
for product in collection.products
   echo product.title | capitalize
   echo product.title | capitalize
endfor %}
endfor %}
</syntaxhighlight>الخرج:<syntaxhighlight lang="liquid">
Hat Shirt Pants
</syntaxhighlight>
</syntaxhighlight>
|}
== <code>render</code> (خاص بالإصدار 5.0.0) ==
{| class="wikitable"
يُستخدَم لإدخال المحتوى المُصيَّر لقالب آخر ضمن القالب الحالي.<syntaxhighlight lang="liquid">
!الخرج
{% render "template-name" %}
|-
</syntaxhighlight>لاحظ أنك لست بحاجة إلى كتابة لاحقة الملف ‎<code>.liquid</code>.
|<code>Hat Shirt Pants</code>
 
|}
لا يمكن للشيفرة الموجود في القالب المُصيَّر الوصول تلقائيًا إلى المتغيرات المُسنَدة باستخدام [[Liquid/variable|وسوم المتغير variable tags]] في القالب الأب، ولا يمكن الوصول إلى المتغيرات المُسنَدة داخل القالب المُصيَّر عن طريق الشيفرة الموجودة في أي قالب آخر.
 
== عاملات <code>render</code> ==
 
يمكن تمرير المتغيرات المُسنَدة باستخدام الوسوم ذات النوع المتغير إلى قالب عن طريق إدراجها كعاملات للوسم <code>render</code>.<syntaxhighlight lang="liquid">
{% assign my_variable = "apples" %}
{% render "name", my_variable: my_variable, my_other_variable: "oranges" %}
</syntaxhighlight>يمكن تمرير كائن واحد أو أكثر إلى قالب.<syntaxhighlight lang="liquid">
{% assign featured_product = all_products["product_handle"] %}
{% render "product", product: featured_product %}
</syntaxhighlight>
 
=== <code>with</code> ===
 
يمكن تمرير كائن واحد إلى قالب باستخدام العامل <code>with</code> والعامل الاختياري <code>as</code>.<syntaxhighlight lang="liquid">
{% assign featured_product = all_products["product_handle"] %}
{% render "product" with featured_product as product %}
</syntaxhighlight>سيحتفظ المنتج <code>product</code> في القالب المصيَّر في المثال السابق بالقيمة <code>featured_product</code> من القالب الأب.
 
=== <code>for</code> ===
 
يمكن تصيير قالب مرة واحدة لكل قيمة لكائن قابل للعدّ باستخدام العامل <code>for</code> والعامل الاختياري <code>as</code>.<syntaxhighlight lang="liquid">
{% assign variants = product.variants %}
{% render "product_variant" for variants as variant %}
</syntaxhighlight>سيُصيَّر القالب مرة واحدة في المثال السابق لكل <code>product_variant</code>، وسيحتوي المتغير <code>variant</code> على كائن <code>product_variant</code> مختلف لكل تكرار.
 
يمكن الوصول إلى كائن <code>[https://shopify.dev/api/liquid/objects/for-loops forloop]</code> داخل القالب المُصيَّر عند استخدام العامل <code>for</code>.
 
== <code>include</code> ==
<blockquote>'''تنبيه''': أُلغِي الوسم <code>include</code>، لذلك استخدم الوسم <code>render</code> بدلًا منه.</blockquote>يُستخدَم لإدخال المحتوى المُصيَّر لقالبٍ ضمن القالب الحالي.<syntaxhighlight lang="liquid">
{% include "template-name" %}
</syntaxhighlight>يعمل الوسم <code>include</code> بطريقة مشابهة للوسم <code>render</code>، ولكنه يسمح للشيفرة الموجودة داخل القالب المُصيَّر بالوصول إلى المتغيرات واستبدالها ضمن القالب الأب. أُلغِي هذا الوسم بسبب الطريقة التي يتعامل بها مع المتغيرات التي تقلّل من الأداء وتصعّب قراءة شيفرة Liquid وصيانتها.
 
لاحظ أنه لا يمكن استخدام الوسم <code>include</code> ضمن القالب عند تصييره باستخدام الوسم <code>render</code>.
 
== مصادر ==


=== render (خاص بالإصدار 5.0.0) ===
* [https://shopify.github.io/liquid/tags/template/ صفحة Template في توثيق Liquid الرسمي.]
[[تصنيف:Liquid]]

المراجعة الحالية بتاريخ 13:06، 5 أغسطس 2021

تخبر وسومُ القالب Template tags لغةَ Liquid بمكان تعطيل معالجة التعليقات أو الشيفرة التي ليست تابعة للغة Liquid، وكيفية إنشاء علاقات بين ملفات القوالب.

comment

يسمح لك هذا الوسم بوضع شيفرة غير مُصيَّرة ضمن قالب Liquid، إذ لن يُطبَع أيّ نص موجود بين كتل فتح وإغلاق الوسم comment، ولن تُنفَّذ شيفرة Liquid الموجودة ضمنها أيضًا.

{% assign verb = "turned" %}
{% comment %}
{% assign verb = "converted" %}
{% endcomment %}
Anything you put between {% comment %} and {% endcomment %} tags
is {{ verb }} into a comment.

الخرج:

 
 
Anything you put between  tags
is turned into a comment.

raw

يعطّل معالجة الوسوم مؤقتًا، وهذا مفيد لإنشاء محتوى معيّن يستخدم صيغة متضاربة conflicting syntax مثل Mustache أو Handlebars.

{% raw %}
In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
{% endraw %}

الخرج:

In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.

liquid (خاص بالإصدار 5.0.0)

يُستخدَم لإحاطة وسوم متعددة ضمن مجموعة واحدة من المحدّدات، للسماح بكتابة شيفرات Liquid بإيجاز.

{% liquid
case section.blocks.size
when 1
  assign column_size = ''
when 2
  assign column_size = 'one-half'
when 3
  assign column_size = 'one-third'
else
  assign column_size = 'one-quarter'
endcase %}

استخدم الوسم echo لإخراج البيانات، لأنه يجب إغلاق أي كتل وسوم مفتوحة ضمن الوسم liquid بالوسم نفسه.

echo (خاص بالإصدار 5.0.0)

يُستخدَم لإخراج تعبير في شيفرة HTML المصيَّرة، وهذا مماثل لتغليف التعبير بالرموز {{ و }} ولكنه يعمل ضمن وسم liquid ويدعم المرشّحات filters.

{% liquid
for product in collection.products
  echo product.title | capitalize
endfor %}

الخرج:

Hat Shirt Pants

render (خاص بالإصدار 5.0.0)

يُستخدَم لإدخال المحتوى المُصيَّر لقالب آخر ضمن القالب الحالي.

{% render "template-name" %}

لاحظ أنك لست بحاجة إلى كتابة لاحقة الملف ‎.liquid.

لا يمكن للشيفرة الموجود في القالب المُصيَّر الوصول تلقائيًا إلى المتغيرات المُسنَدة باستخدام وسوم المتغير variable tags في القالب الأب، ولا يمكن الوصول إلى المتغيرات المُسنَدة داخل القالب المُصيَّر عن طريق الشيفرة الموجودة في أي قالب آخر.

عاملات render

يمكن تمرير المتغيرات المُسنَدة باستخدام الوسوم ذات النوع المتغير إلى قالب عن طريق إدراجها كعاملات للوسم render.

{% assign my_variable = "apples" %}
{% render "name", my_variable: my_variable, my_other_variable: "oranges" %}

يمكن تمرير كائن واحد أو أكثر إلى قالب.

{% assign featured_product = all_products["product_handle"] %}
{% render "product", product: featured_product %}

with

يمكن تمرير كائن واحد إلى قالب باستخدام العامل with والعامل الاختياري as.

{% assign featured_product = all_products["product_handle"] %}
{% render "product" with featured_product as product %}

سيحتفظ المنتج product في القالب المصيَّر في المثال السابق بالقيمة featured_product من القالب الأب.

for

يمكن تصيير قالب مرة واحدة لكل قيمة لكائن قابل للعدّ باستخدام العامل for والعامل الاختياري as.

{% assign variants = product.variants %}
{% render "product_variant" for variants as variant %}

سيُصيَّر القالب مرة واحدة في المثال السابق لكل product_variant، وسيحتوي المتغير variant على كائن product_variant مختلف لكل تكرار.

يمكن الوصول إلى كائن forloop داخل القالب المُصيَّر عند استخدام العامل for.

include

تنبيه: أُلغِي الوسم include، لذلك استخدم الوسم render بدلًا منه.

يُستخدَم لإدخال المحتوى المُصيَّر لقالبٍ ضمن القالب الحالي.

{% include "template-name" %}

يعمل الوسم include بطريقة مشابهة للوسم render، ولكنه يسمح للشيفرة الموجودة داخل القالب المُصيَّر بالوصول إلى المتغيرات واستبدالها ضمن القالب الأب. أُلغِي هذا الوسم بسبب الطريقة التي يتعامل بها مع المتغيرات التي تقلّل من الأداء وتصعّب قراءة شيفرة Liquid وصيانتها.

لاحظ أنه لا يمكن استخدام الوسم include ضمن القالب عند تصييره باستخدام الوسم render.

مصادر