วิธีใดดีที่สุดในการสร้างเทมเพลตทวิกที่ใช้คลาส/แอตทริบิวต์ต่างๆ มากมาย ขอบคุณ

โหลดโหนดเอนทิตีโดยเจ้าของ

ฉันได้สร้างเทมเพลตกิ่งไม้และเพิ่มคลาสตามด้านล่าง
{%
  ตั้งชื่อคลาส = [
    'ชื่อ',
    'h1',
  ]
%}

{%
  ตั้งค่าคำบรรยายคลาส = [
    'คำบรรยาย',
    'h2',
  ]
%}

<div{{ attributes.addClass('title-classes') }}>
    {{ content.title }}
</div>
<div{{ attributes.addClass('subtitle-classes') }}>
    {{ content.field_subtitle }}
</div>

<div class="section highlighted">
    <div class="title h1">
        {{ content.title }}
    </div>
    <div class="subtitle h2">
        {{ content.field_subtitle }}
    </div>
    <div class="panel intro padding-lg">
        <p>{{ content.field_intro }}</p>
        <p class="disclaimer">{{ content.field_intro_disclaimer }}</p>
        <a href="{{ content.field_link }}" class="btn inline padding-lg hide-small">{{ content.field_link_text }}</a>
        <a href="{{ content.field_link_2 }}" class="btn block hide-large hide-medium">{{ content.field_link_text_2 }}</a>
    </div>
</div>

ฉันจะทำอย่างไรเมื่อมีเทมเพลต HTML ที่ซับซ้อน พิจารณาด้านล่าง นี่เป็นส่วนเล็ก ๆ ของประเภทโหนดของฉัน ฉันควรสร้างชั้นเรียนสำหรับชั้นเรียนต่างๆ ทั้งหมดที่ฉันใช้หรือไม่ หรือจะใส่ตามที่ผมมีข้างล่างนี้ก็ได้?