ฉันจะย้ายแท็กของโหนดให้อยู่ใกล้ข้อมูลผู้เขียนได้อย่างไรในธีมย่อย Bartik ของฉัน

ฉันต้องการจัดรูปแบบข้อมูลผู้เขียนและแท็กของโหนดให้แตกต่างจากธีม Bartik ใน Drupal 9.3 เล็กน้อย นั่นคือแทนที่จะ:

ส่งโดย user1 เมื่อวันจันทร์ที่ 1/1/70
แท็ก
  ฟู
  บาร์

ฉันต้องการ:

ส่งโดย user1 เมื่อวันจันทร์ที่ 1/1/70 เมื่อ foo | บาร์

จนถึงตอนนี้ฉันได้สร้างธีมย่อยแล้ว บิด โดยมีคำจำกัดความดังต่อไปนี้ใน tweak.info.yml:

ชื่อ: ทวีค
ประเภท: ธีม
คำอธิบาย: นี่คือธีมย่อยของ Bartik
core_version_requirement: ^8 || ^9
ธีมพื้นฐาน: bartik
รุ่น: '9.3.0'

ภูมิภาค:
  ส่วนหัว: ส่วนหัว
  primary_menu: 'เมนูหลัก'
  ...

ฉันได้คัดลอกเทมเพลตต่อไปนี้ลงในธีมย่อยและแก้ไข:

แม่แบบ/node.html.twig
เทมเพลต/ฟิลด์--taxonomy-vocabulary-1.html.twig

ฉันได้เปิดใช้งานธีมย่อยของฉันแล้ว และฉันสามารถยืนยันได้ว่าเทมเพลตที่มีผลบังคับกำลังถูกดำเนินการ นั่นคือฉันได้รับสิ่งต่อไปนี้:

ส่งโดย user1 เมื่อวันจันทร์ที่ 1/1/70
บนฟู | บาร์

น่าเสียดายที่มี HTML จำนวนมากอยู่ระหว่างสองบรรทัด เช่น

<span>
  Submitted by 
<span class="field field--name-uid field--type-entity-reference field--label-hidden">
<span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">user1</span>
</span>
at 
<span class="field field--name-created field--type-created field--label-hidden">Mon, 1/1/70 - 16:29</span>
</span>
    
</div>
  </header>
 <div class="node__content clearfix">
   <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-above clearfix">
 on
  <a href="/taxonomy/term/7" hreflang="en">foo</a>
 | <a href="/taxonomy/term/2" hreflang="en">bar</a>
  </div>

สิ่งที่ฉันต้องการคือผลลัพธ์จาก field--taxonomy-vocabulary-1.html.twig ในตัวเดียวกัน <div> เป็น ส่งมาโดย ... เนื้อหา. อย่างไรก็ตามฉันไม่เห็นวิธีการทำเช่นนั้น ใครช่วยชี้แนะฉันหน่อยได้ไหม

คำตอบของ @ khummari ไม่ได้ผลสำหรับฉัน อย่างไรก็ตามฉันสามารถปรับตัวได้

ฉันยังคงใช้ field--taxonomy-vocabulary-1.html.twig ธีมแท็กตามที่ฉันต้องการ

จากนั้นฉันก็แก้ไข node.html.twig ดังนี้. ฉันใช้

{{ content.taxonomy_vocabulary_1 }}

เพื่อแสดงแท็กในตำแหน่งที่ฉันต้องการ เพื่อป้องกันไม่ให้พวกเขาแสดงผลในตำแหน่งเริ่มต้น ฉันจึงแสดงเนื้อหาของโหนดดังต่อไปนี้:

{{ เนื้อหา|ไม่มี('taxonomy_vocabulary_1') }}

รู้สึกเหมือนเป็นแฮ็คเล็กน้อย ใครมีคำแนะนำที่ดีกว่านี้ไหม?

ใน node--article.html.twig ให้แทนที่ในไดเร็กทอรีเทมเพลตของธีมของคุณดังนี้

จากนั้นแทนที่เทมเพลตทวิภาคฟิลด์แท็กดังต่อไปนี้

ต่อไปนี้ควรเป็นผลลัพธ์