Làm cách nào để di chuyển các thẻ của nút đến gần thông tin tác giả của nó trong chủ đề con Bartik của tôi

Tôi muốn định kiểu dữ liệu tác giả của nút và thẻ hơi khác với chủ đề Bartik trong Drupal 9.3. Đó là, thay vì:

Được gửi bởi user1 vào Thứ Hai, 1/1/70
Thẻ
  foo
  quán ba

Tôi muốn có:

Được gửi bởi user1 lúc Thứ Hai, 1/1/70 trên foo | quán ba

Cho đến nay, tôi đã tạo ra một chủ đề phụ tinh chỉnh với định nghĩa sau trong tinh chỉnh.info.yml:

tên: Tinh chỉnh
loại: chủ đề
mô tả: Đây là chủ đề phụ của Bartik
core_version_requirement: ^8 || ^9
chủ đề cơ bản: bartik
phiên bản: '9.3.0'

vùng:
  tiêu đề: tiêu đề
  Primary_menu: 'Menu chính'
  ...

Tôi đã sao chép các mẫu sau vào chủ đề phụ của mình và sửa đổi chúng:

mẫu/node.html.twig
mẫu/trường--taxonomy-vocabulary-1.html.twig

Tôi đã kích hoạt chủ đề phụ của mình và tôi có thể xác nhận rằng các mẫu ghi đè đang được thực thi. Đó là, tôi nhận được như sau:

Gửi bởi user1 lúc Thứ Hai, 1/1/70
trên foo | quán ba

Thật không may, có rất nhiều HTML ở giữa hai dòng, tức là.

<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>

Những gì tôi muốn có là đầu ra từ trường--taxonomy-vocabulary-1.html.twig trong cùng một <div> như Gửi bởi ... Nội dung. Tuy nhiên, tôi không thể thấy làm thế nào để làm điều đó. bất cứ ai có thể cho tôi một số gợi ý?

Câu trả lời của @khummari không phù hợp với tôi. Tuy nhiên, tôi đã có thể thích nghi với nó.

Tôi tiếp tục sử dụng trường--taxonomy-vocabulary-1.html.twig để tạo chủ đề cho các thẻ như tôi mong muốn.

sau đó tôi đã sửa đổi nút.html.twig như sau. tôi đã sử dụng

{{ content.taxonomy_vocabulary_1 }}

để hiển thị các thẻ ở vị trí mong muốn của tôi. Để ngăn chúng hiển thị ở vị trí mặc định của chúng, tôi đã hiển thị nội dung của nút như sau:

{{ nội dung|không có('taxonomy_vocabulary_1') }}

Điều này cảm thấy giống như một chút hack mặc dù. Có ai có một đề nghị tốt hơn?

Trong nút--article.html.twig ghi đè trong thư mục mẫu của chủ đề của bạn như sau

Sau đó ghi đè mẫu twig trường thẻ như sau

sau đây sẽ là kết quả