워드프레스 테마 템플릿 파일의 이해

Understanding of WordPress Template Files

템플릿 파일의 의미

템플릿이란?

템플릿(Template)은 '주형, 주물'의 뜻을 가지고 있습니다. 즉 템플릿이라는 단어가 붙으면 그것은 보통 '미리 만들어진 틀'의 뜻을 가집니다.

템플릿 태그란?

템플릿 태그(Template Tags)는 워드프레스가 데이터베이스에서 어떤 자료(데이터)를 가져올 수 있게 하는 미리 만들어져 있는 코드입니다.

템플릿 파일이란?

템플릿 파일(Template Files)는 워드프레스 테마를 구성하고 있는 미리 만들어져 있는 파일로서 'HTML, Template Tags, PHP Code'가 혼합된 PHP 파일입니다.

워드프레스의 테마는 템플릿 파일들로 구성되어 있으며 이 구성 파일의 파일 이름 및 내부 코드는 생성 규칙이 미리 정해져 있습니다. 즉, 정해진 규칙을 가진 파일을 생성하여 테마 폴더에 넣음으로서 새로운 레이아웃 혹은 기능을 가진 페이지, 포스트, 아카이브 목록 등을 출력할 수 있는 것입니다.

<Twenty Seventeen 테마의 루트 폴더>

각 템플릿 파일의 역할 (Twenty Seventeen 테마의 경우)

README.txt : 테마에 대한 정보, 업데이트 내역 등을 설명하는 파일

rtl.css : 아랍어같이 우측에서 좌측으로 작성되는 언어를 위한 스타일 시트

style.css : 기본 스타일 시트

404.php : 페이지를 찾을 수 없을 때 출력하는 파일

archive.php : 콘텐츠를 목록으로 출력하는 파일

comments.php : 댓글을 출력하는 파일

footer.php : 홈페이지 푸터부분을 출력하는 파일

front-page.php : 홈페이지 전면 페이지를 출력하는 파일

functions.php : 테마에서 사용되는 함수를 등록하는 파일

header.php : 홈페이지 헤더부분을 출력하는 파일

index.php : 테마 출력 기본 파일

page.php : 페이지를 출력하는 파일

search.php : 검색 결과를 출력하는 파일

searchform.php : 검색 폼을 출력하는 파일

sidebar.php : 사이드바를 출력하는 파일

single.php : 포스트를 출력하는 파일

assets 폴더 : 홈페이지 출력에 사용되는 요소가 있는 폴더 (이미지, 동영상, 자바스크립트 등)

inc 폴더 : 홈페이지 출력 및 설정에 사용되는 외부 PHP 템플릿 파일이 있는 폴더 (사용자 정의, 템플릿 태그, 탬플릿 함수 등)

template-parts 폴더 : 콘텐츠 출력을 위해 정의된 PHP 템플릿 파일이 있는 폴더 (페이지, 포스트 등)

템플릿 파일 예 (Twenty Seventeen 테마의 front-page.php)

테마 편집기 (혹은 텍스트 에디터)에서 front-page.php를 열어보면 아래와 같은 코드를 볼 수 있습니다.

코드 상단에는 /*주석(comment)*/ 형식으로 템플릿 파일에 대한 설명이 있으며 그 아래쪽으로 'html + template tags + php'가 섞인 코드들이 있습니다.

'PHP 조건문'이 중간에 있는 것을 볼 수가 있는데 이 부분을 통해서 콘텐츠가 출력이 되는 것을 주석을 통해 알 수 있습니다. 간단한 뜻을 일부만 살펴보자면,

// 선택된 전면 페이지 콘텐츠를 보여준다

만일 포스트(글, 페이지)를 가지고 있고, 

포스트가 있는 동안 그 포스트는

템플릿 파트를 통해서 가져오는데(get) 그 위치는 'template-part/page/' 폴더에 있는 'content-front-page.php' 이다.

...

라는 뜻입니다.

즉 이 템플릿 파일에서는 전면 페이지를 'template-part/page/content-front-page.php'를 통해서 출력한다는 뜻으로, 사용자가 전면 페이지의 레이아웃을 수정하거나 어떤 기능을 새롭게 추가하려면 'content-front-page.php' 및 관련된 스타일(style) 속성 등을 수정하면 됩니다.