Drupal 8에서 twig 템플릿 재정의

다음과 같은 단락을 만들고 싶다고 가정합니다.



대부분의 경우 필드 집합은 다음과 같습니다.



우리는 그림이 오른쪽에 있기를 원합니다. 이를 수행하는 방법에는 여러 가지가 있지만 이제 나뭇가지를 살펴보겠습니다.

이 단락의 템플릿을 재정의하려면 테마의 템플릿 폴더에 파일을 만들어야 합니다.

paragraph--machine_name_paragraph--display_mode.html.twig

내 경우 파일은 다음과 같이 호출됩니다.

paragraph--title_and_text_and_image--block.html.twig

이제 마크업을 편집할 수 있습니다.

<div class="titleAndTextAndImage">
    <div class="titleAndTextAndImage__content">
        <div class="titleAndTextAndImage__title">
            {{ content.field_title[0] }}
        </div>
        <div class="titleAndTextAndImage__body">
            {{ content.field_body[0] }} 
        </div>
    </div>
    <div class="titleAndTextAndImage__image">
        {{ content.field_image[0] }}    
    </div>
</div>

다음과 같이 필드를 출력합니다.

{{ content.machine_field_name }}

원시 값만 가져와야 하는 경우:

{{ content.machine_field_name[0] }}

It is important to remember that if a new field is added to a paragraph, it will not be displayed until you write it in twig.

이것은 가장 간단한 예였습니다. 같은 방식으로 재정의할 수 있습니다.

콘텐츠 유형:

node--machine_name_content_type--display_mode.html.twig

분류:

taxonomy-term--machine_name_dictionary_taxonomy--display_mode.html.twig

블록:

block--machine_name_block--display_mode.html.twig

미디어 유형:

media--machine_name_media--display_mode.html.twig

twig 디버그가 활성화되면 twig 파일 이름의 예를 볼 수 있습니다.