워드프레스 테마를 수정하려면 테마 폴더 안이 어떤 구조로 되어 있고 어떤 역할을 하는지 어느 정도를 알아야만 합니다. 기본적인 테마 폴더를 기준으로 쉽게 설명드리겠습니다.
템플릿
템플릿이란 '주형', '주물'의 뜻을 가지고 있어 '미리 만들어진 틀'이란 뜻을 가지고 있습니다.
템플릿 태그
템플릿 태그(Template Tags)는 워드프레스가 어떠한 처리를 하거나 데이터베이스에서 특정 데이터를 검색하고 표시하기 위한 명령문의 집합으로 테마의 PHP파일에 작성해 사용합니다.
템플릿 파일
템플릿 파일은 워드프레스 테마를 구성하는데 미리 만들어진 파일로 HTML과 Template Tags와 PHP code 가 혼합된 파일입니다.
테마 템플릿 파일 / 폴더
워드프레스 테마는 템플릿 파일로 구성되어 있고, 이 구성된 파일의 이름 및 내부 코드는 규칙이 정해져 있습니다. 이 정해진 규칙을 가진 파일을 새롭게 생성해 폴더에 넣어 새로운 테마를 만들 수 있는 것입니다.
템플릿 파일
▶ 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 템플릿 파일들이 있는 폴더 (사용자 정의, 템플릿 태그, 템플릿 함수)
▶ templates / parts - 콘텐츠 출력을 위해 정의된 PHP 템플릿 파일이 있는 폴더 (페이지, 포스트 등)
▶ patterns - 테마에 사용되는 패턴이 있는 폴더
▶ styles - 테마 스타일
템플릿 파일 예시
front-page.php
Twenty Seventeen 테마의 front-page.php 파일 중 일부입니다.
포스트가 있다면 template_part를 통해 가져오는데(get) 위치는 template-part/page 폴더 안에 "content-front-page.php" 가 페이지를 출력하는 파일이라는 뜻입니다.
위에서 예시로 살펴 본 템플릿 태그는 눈에 익기 전에는 암호에 가깝게 느껴지는데요. 템플릿 파일들 안에 템플릿 태그에 대해 다음 포스팅에 자세히 다룰 예정입니다.
관련포스트 |
워드프레스 테마 | 자식테마 쉽게 만드는 방법 |
워드프레스 플러그인 | 테마 템플릿, 데모 쉽게 추가하기 |
워드프레스 테마 | 2개 테마 병행 설치와 차일드 테마 설치 |
워드프레스 | 폴더 구조 |
'웹 개발 > 워드프레스' 카테고리의 다른 글
워드프레스 | 관리자 페이지 속도 느려지는 이유와 해결 방법 (68) | 2024.11.29 |
---|---|
워드프레스 플러그인 | 자주 쓰는 PLUGIN 리스트 (62) | 2024.10.09 |
워드프레스 플러그인 | 회원 가입 및 관리 (Ultimate Member, WP-Members) (65) | 2024.10.07 |
워드프레스 | 테마 수정을 위한 템플릿 태그 종류 (22) | 2024.09.30 |
워드프레스 플러그인 | 유용한 우커머스 확장 플러그인 (28) | 2024.09.25 |
워드프레스 플러그인 | 테마 템플릿, 데모 쉽게 추가하기 (36) | 2024.09.23 |
워드프레스 | 관리자 페이지 메뉴와 기능 (24) | 2024.09.20 |
워드프레스 | 설치 시 자동으로 설치되는 플러그인 설명 (25) | 2024.09.18 |
댓글