WordPress Block Theme – templates

블록 테마에서 템플릿

예전 클래식 테마와 다른 블록 테마에서 템플릿은 블록들의 모음입니다. 하나의 화면, 웹 페이지의 모습을 여러 블록들을 모아 조립하는 정도로 생각할 수 있습니다. 아직 블록이 어떻게 코드로 구현되는지도 모르는 상태라 정확하지 않지만, 템플릿과 블록의 관계는 저 정도 개념로 받아들입시다.

템플릿 파일을 열어보면, html 코드가 아니라 워드프레스 엔진이 이해하고 html 코드로 변환할 수 있는 마크업들로 구성되어 있습니다.

웹 사이트 접속자가 특정 포스트 혹은 페이지에 접속할 경우, 워드프레스 엔진은 어떤 템플릿을 이용해서 최종 화면을 만들지를 결정하게 됩니다. 만약 특정 포스트를 보려고 접속한다면, 워드프레스 엔진은 single.html 이라는 포스트를 위한 템플릿을 이용해서 최종 화면을 만들게 됩니다.

페이지를 요청할 경우, page.html, 포스트 작성자를 보여줄 때는 author.html 을 이용합니다.

템플릿 계층

특정 컨텐츠의 템플릿을 찾지 못 할 경우, 워드프레스 엔진은 해당 템플릿의 상위 템플릿을 대신 사용합니다. 워드프레스에서의 최상위 템플릿은 필수로 구현해야하는 template/index.html 입니다.

single.html 템플릿이 없으면 대신 index.html 을 사용합니다. page.html 템플릿이 없으면 index.html 을 사용합니다. author.html 도 마찬가지입니다. 워드프레스의 모든 컨텐츠는 기본적으로 index.html 을 이용해서 표시가 가능하다는 뜻입니다.

템플릿 파일들

  • templates/
    • 404.html
    • archive.html
    • author.html
    • category.html
    • index.html (필수)
    • page.html
    • search.html
    • single.html
    • tag.html

등이 있습니다.

템플릿 파츠

앞서 블록 테마를 이야기하면서 계속 블록 조립해서 화면을 구성하다고 이야기했습니다만, 사실은 이 템플릿 파츠가 그 블록입니다.

한 화면을 나타내는 마크업이 템플릿이고, 그 템플릿은 말그대로, 파츠(부품) 이거, 저거로 조립되어 있는 것을 확인할 수 있습니다. 그럼, 템플릿 파츠는 어떤 것을 이야기하는 것일까요?

보통의 웹사이트에는 대부분 있는 상단의 네비게이션, 헤더나, 하단의 푸터가 템플릿 파츠라고 할 수 있습니다. 어떤 페이지의 템플릿을 작성할 때, 상단에 헤더 넣고, 하단에 푸터 넣기..해서 조립을 하는 것입니다.

이 템플릿 파츠들은 parts 폴더에 저장해야합니다.

  • parts/
    • header.html
    • footer.html

여러 페이지에서 공통적으로 사용할 수 있는 부분?은 파츠로 만들어서 사용하면 반복작업을 줄일 수 있습니다. sidebar 같은 것도 파츠로 작성해서 사용할 수 있습니다. 뿐만 아니라, 원하는 무엇이든 파츠로 만들어 사용할 수 있습니다.


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *