सिम्फनी में खाल को कैसे व्यवस्थित किया जाए

यह एक संक्षिप्त टिप्पणी है कि आप सिगनी के उदाहरण का उपयोग करके ट्विग में पृष्ठों की खाल के उपयोग को कैसे व्यवस्थित कर सकते हैं। यह समाधान सिम्फनी से बंधा नहीं है। सादृश्य से, आप टहनी का उपयोग करके किसी भी परियोजना में खाल को लागू कर सकते हैं।

आपके पास एक ऑनलाइन स्टोर, एक ऑनलाइन मूवी थियेटर, घटनाओं के लिए एक पोस्टर, टीवी शो की एक सूची, आदि। एक ठीक दिन, आपको उपयोगकर्ताओं को आकर्षित करने और किसी प्रकार की कार्रवाई के लिए बिक्री बढ़ाने के लिए एक कैटलॉग पृष्ठ को ब्रांड करने का कार्य मिलता है। यह कैसे करें यदि कैटलॉग के सभी उत्पाद इंजन के लिए बराबर हैं?

सबसे सरल उपाय कैटलॉग से उत्पाद आईडी को हार्डकोड करना है। आप टेम्प्लेट में एक शर्त जोड़ सकते हैं और bodyटैग पर एक अतिरिक्त सीएसएस क्लास लगा सकते हैं , जिसके अनुसार फिर आप सामान्य शैलियों में पेज को स्टाइल कर सकते हैं।

{% block body_class -%}
    {{ parent () }} product-{{ product.id }}
{%- endblock %}

body.product-12345 {
   # custom style
}

शैलियाँ बहुत कुछ कर सकती हैं, खासकर यदि आप फ्लेक्स का उपयोग करते हैं, लेकिन शैलियाँ सर्वशक्तिमान नहीं हैं। कभी-कभी किसी पृष्ठ की ब्रांडिंग के लिए शैलियों की संभावनाएँ पर्याप्त नहीं होती हैं और आपको पृष्ठ के HTML मार्कअप (लेआउट) को बदलने की आवश्यकता होती है, और यह शैलियों के साथ सादृश्य द्वारा किया जाता है।

{% if product.id == 12345 %}
    {# custom code #}
{% else %}
    {# original code #}
{% endif %}

, , , (YAGNI KISS). — . , , .

, , — . , . . , . , . , - (DRY).

. , , , . , , .

product/show.html.twig. product/skin/<skin_name>/, <skin_name> — . default product/skin/default/show.html.twig. , .

public function show(Product $product): Response
{
    return $this->render(sprintf('product/skin/%s/show.html.twig', $product->skin), [
        'product' => $product,
    ]);
}

, , .

{# product/skin/custom_skin/show.html.twig #}

{% extends 'product/skin/default/show.html.twig' %}

{% blocksome_block %}
    {{ parent() }}
    {# customise something #}
{% endblock %}

, . , , , , . . , . , .

{# product/skin/default/show.html.twig #}

{% extends 'product/skin/' ~ product.skin ~ '/layout.html.twig' %}

{# ... #}

{# product/skin/custom_skin/layout.html.twig #}

{% extends 'product/skin/default/layout.html.twig' %}

{# ... #}

:

• product/skin/<skin_name>/show.html.twig ️▼
• product/skin/default/show.html.twig ️▼
• product/skin/<skin_name>/layout.html.twig ️▼
• product/skin/default/layout.html.twig ️▼
• ...

— .

• default
  
  • layout.html.twig
  • show.html.twig
  • qa.html.twig
  • similar.html.twig
• first_skin
  
  • layout.html.twig
  • show.html.twig
  • qa.html.twig
  • similar.html.twig
• second_skin
  
  • layout.html.twig
  • show.html.twig
  • qa.html.twig
  • similar.html.twig

, . Twig.

public function show(Product $product, Twig $twig): Response
{
    $template = $twig->resolveTemplate([
        sprintf('product/skin/%s/show.html.twig', $product->skin),
        'product/skin/default/show.html.twig',
    ]);
    $content = $template->render([
        'product' => $product,
    ]);

    return new Response($content);
}

resolveTemplate() . , , — . , Symfony , .

product/skin/default/show.html.twig , layout.html.twig. , Twig extends , extends resolveTemplate() . - .

{# product/skin/default/show.html.twig #}

{% extends [
    'product/skin/' ~ product.skin ~ '/layout.html.twig',
    'product/skin/default/layout.html.twig',
] %}

{# ... #}

एक और अच्छा समाधान अलग-अलग फ़ाइलों में विशिष्ट खाल की शैलियों को बनाने और केवल एक ब्रांडेड पृष्ठ पर कनेक्ट करना होगा। इसलिए हम मुख्य शैलियों को कचरे के साथ नहीं रखेंगे, जिसका उपयोग केवल कुछ पृष्ठों पर किया जाता है। अगर किसी को दिलचस्पी है, तो मैं आपको एक अलग लेख में बता सकता हूं कि बड़ी संख्या में खाल को एक साथ और अलग से बनाने के लिए गल्प को कैसे कॉन्फ़िगर किया जाए। हमारे पास परियोजना पर 300 से अधिक ऐसी खालें हैं।