더 빠른 개발을 위한 WordPress 템플릿 계층 구조 이해

WordPress 테마를 만드는 것은 로켓 과학이 아닙니다. 기초부터 시작하면 워드프레스 테마 개발에 대해 쉽게 파고들 수 있습니다. 그러나 하드코어 개발에 몰두하기 전에 WordPress 템플릿 계층 구조와 WordPress 테마 계층 구조를 이해하는 것이 절대적으로 필요합니다. WordPress 웹 사이트의 페이지는 웹 페이지의 특정 영역에서 요청되는 단일 템플릿 파일 또는 템플릿 파일의 조합을 사용하여 구축됩니다.

WordPress 템플릿 계층 파일의 몇 가지 예는 다음과 같습니다.

1. 인덱스.php
2. 사이드바.php
3. 헤더.php
4. 바닥글.php

wp-content/themes/theme-name 폴더에 있습니다. 많은 워드프레스 템플릿 구조 파일이 있지만 워드프레스 테마가 작동하기 위해 절대적으로 필요한 파일은 index.php 와 style.css입니다. 또한 functions.php (템플릿 파일로 간주되지 않음)는 테마의 기능을 포함하는 필수 파일입니다. 웹 사이트에 더 많은 사용자 정의 모양을 추가하고 WordPress 테마 계층 구조 내에서 사용할 수 있는 다양한 템플릿 파일을 사용할 수 있습니다.

먼저 페이지를 렌더링하는 방법과 WordPress 템플릿 계층 구조 위로 이동하는 방법을 이해하기 위해 이 예를 살펴보겠습니다.

방문자가 WordPress 사이트의 회원 평가 페이지를 방문하고 page-testimonials.php 라는 사용자 정의 페이지 템플릿을 만들면 WordPress가 page-testimonials.php를 로드합니다. 그러나 page-testimonials.php가 존재하지 않으면 WordPress는 대체 및 page.php를 로드하고 page.php가 테마 파일에 존재하지 않으면 WordPress는 index.php 를 로드합니다.

템플릿 파일을 섹션으로 나누어 목적과 사용 위치를 더 쉽게 이해할 수 있도록 하겠습니다.

기본 WordPress 페이지 계층

기본 WordPres 페이지 계층에는 다음이 포함됩니다.

1. index.php
2. 헤더.php
3. 바닥글.php
4. 사이드바.php

1. 인덱스.php

앞서 언급했듯이 index.php는 WordPress 테마가 작동하는 데 필요한 WordPress 페이지 계층의 템플릿 파일 중 하나입니다. index.php는 WordPress 테마의 홈 페이지를 렌더링하는 데 가장 일반적으로 사용됩니다. single.php 또는 post.php와 같은 템플릿 파일이 존재하지 않을 때마다 WordPress는 index.php를 로드합니다.

index.php는 일반적으로 header.php, footer.php, sidebar.php와 같은 다른 템플릿 파일을 포함합니다. 여기에는 사이트의 헤드 섹션, 바닥글 영역 및 위젯 영역이 있는 사이드바가 각각 포함됩니다. 또한 템플릿의 게시물이나 페이지를 표시하는 루프가 포함되어 있습니다.

2. 헤더.php

header.php는 워드프레스 사이트의 헤드 섹션을 포함하고 있으며 일반적으로 모든 템플릿 파일의 시작 부분에서 호출됩니다. 일반적으로 헤더 정보, 분석, CSS 파일 호출, 사이트 탐색, 페이지 제목 및 사이트 로고 등이 포함됩니다.

3. 바닥글.php

마찬가지로 WordPress 페이지 계층 구조의 파일에 있는 footer.php는 WordPress 테마의 바닥글 섹션을 빌드하는 데 사용되며 모든 템플릿 파일의 바닥글 섹션에서 호출됩니다. footer.php는 일반적으로 저작권 정보, JS 파일 호출, 일반적으로 사이트 탐색 기능이 있는 위젯 영역을 포함합니다.

4. 사이드바.php

반면 sidebar.php는 이름에서 알 수 있듯이 사이트의 사이드바를 구축하는 데 사용되며 index.php, page.php, single.php와 같은 템플릿 파일에서 호출되어 사이드바에서 호출됩니다. 일반적으로 쉽게 사용자 정의할 수 있는 위젯 영역이 포함되어 있습니다.

홈페이지 표시 페이지

1. 프론트 페이지.php
2. 홈.php
3. 페이지.php
4. index.php

WordPress 사이트의 홈페이지는 최신 블로그 게시물 또는 정적 페이지를 표시합니다. WordPress 대시보드 설정 -> 읽기 아래의 설정에 따라 다릅니다. 최신 게시물로 설정하면 홈 페이지에 최신 블로그 게시물을 표시하고 정적 페이지로 설정하면 page.php 또는 front-page.php와 같은 WordPress 템플릿 계층 구조에서 템플릿을 로드합니다.

front-page.php가 존재하는 경우 WordPress는 " 최신 블로그 게시물 " 및 " 정적 페이지 " 설정 모두에 이 템플릿 파일을 사용합니다. home.php는 front-page.php가 존재하지 않고 WordPress의 읽기 설정에서 "최신 블로그 게시물"이 설정되어 있으면 로드됩니다.

설정 -> 게시물 페이지가 있는 정적 페이지 읽기 가 선택된 경우 WordPress는 홈페이지를 렌더링할 page.php 템플릿을 찾습니다.

그러나 front-page.php, page.php 및 home.php가 존재하지 않는 경우 WordPress는 홈페이지를 렌더링하기 위해 index.php로 폴백합니다.

단일 게시물 페이지

1. 단일.php
2. 단수.php

1. 단일.php

WordPress에서 단일 블로그 게시물은 single.php 파일을 사용하여 렌더링됩니다. WordPress 버전 4.3 이상에서는 새로운 WordPress 템플릿 파일 singular.php가 추가되었습니다.

WordPress 사용자 정의 게시물 유형의 경우 single-{post-type}.php를 사용할 수 있습니다. 예를 들어 게시물 유형이 동물인 경우 WordPress는 single-animals.php를 찾고 single.php보다 우선합니다. 포스트 유형 파일이 존재하지 않으면 single.php를 사용하여 페이지를 렌더링합니다.

2. 단수.php

singular.php는 page.php와 single.php가 일반적으로 같은 코드를 가지고 있는 경우에 사용됩니다. single.php가 존재하지 않으면 WordPress는 singular.php를 찾습니다.

정적 페이지

페이지는 다음 순서로 렌더링됩니다.

1. 페이지 템플릿
2. 페이지-{슬러그}.php
3. 페이지-{id}.php
4. 페이지.php
5. 단수.php
6. index.php

위에서 언급했듯이 single.php와 page.php에 대해 비슷한 모양을 만들고 싶다면 singular.php를 만드는 것이 좋습니다.

아카이브 페이지

1. 작성자.php
2. 카테고리.php
3. taxonomy.php
4. 날짜.php
5. 태그.php
6. 아카이브.php

WordPress의 아카이브 페이지는 특정 작성자, 카테고리, 분류, 날짜, 태그 등의 게시물을 가져오는 데 사용되는 페이지입니다.

archive.php라는 단일 아카이브 템플릿을 가질 수 있습니다. 그러나 더 많은 템플릿으로 드릴다운하기 위해 우리는 author.php, category.php, taxonomy.php, date.php, tag.php를 가지고 있으며 이들 모두는 꽤 자명합니다.

예를 들어 맞춤형 템플릿을 추가로 만들 수 있습니다.

category-{slug}.php – 카테고리의 슬러그가 cute-kittens인 경우 WordPress는 category-cute-kittens.php를 찾고 존재하지 않으면 category.php가 사용됩니다.

category-{id}.php – id = 3이면 WordPress는 페이지를 렌더링하기 위해 category-3.php를 찾습니다. 그렇지 않으면 category.php를 로드합니다.

유사한 {slug} 및 {id} 이론이 "태그" 페이지에 적용됨

사용자 정의 작성자 템플릿의 경우 author-{nicename}.php 또는 author-{id}.php를 사용할 수 있습니다. 작성자의 이름이 Andy이면 WordPress는 author-andy.php를 찾고 존재하지 않으면 WordPress는 페이지를 렌더링하기 위해 author.php로 폴백합니다.

기타 WordPress 템플릿 파일

– 검색.php

WordPress의 검색 결과는 search.php 템플릿 파일을 사용합니다. 존재하지 않는 경우 검색 결과는 index.php에서 렌더링됩니다.

– 첨부 파일.php

이 템플릿 파일은 이미지 및 비디오와 같은 첨부 페이지를 렌더링하는 데 사용됩니다. image.php 및 video.php는 각각 이미지와 비디오를 렌더링하는 데 사용됩니다. 이러한 파일이 존재하지 않으면 attachment.php가 사용됩니다.

– 404.php

WordPress에서 찾을 수 없는 페이지는 404.php에서 렌더링됩니다. 404가 존재하지 않으면 index.php에서 페이지를 렌더링합니다.

– 댓글.php

이것은 주석 템플릿이며, 주석 섹션을 추가하기 위해 single.php 또는 page.php와 같은 템플릿 파일에서 호출됩니다.

마지막 단어

WordPress 템플릿 계층 구조를 이해하는 것은 사용자 정의 WordPress 테마를 개발하거나 WordPress 테마 파일 구조를 사용자 정의하려는 경우 매우 유용합니다. 편집 및 사용자 정의에 적합한 템플릿 파일을 쉽게 찾을 수 있습니다. WordPress 템플릿 계층 구조의 좋은 점은 엄격한 명명 규칙을 따른다는 것입니다. WordPress 테마를 손에 넣으면 쉽게 만들 수 있습니다. 테마 개발을 위한 빠르고 시각적인 참조를 위해 WordPress 테마 계층 구조를 참조할 수 있습니다.