Page Properties

워드프레스에서 페이지 템플릿 만들기

들어가며

워드프레스에서는 기본적으로 글(Post)과 페이지(Page)를 만들 수 있습니다. 워드프레스 테마에서는 페이지를 page.php라는 템플릿을 사용하여 페이지의 레이아웃을 제어합니다.

이 템플릿 파일은 워드프레스에서 사용자가 작성하는 모든 단일 페이지에 영향을 미칩니다. 즉, 기본적인 페이지의 틀은 동일합니다. 하지만 모든 페이지가 동일한 것은 것은 아닙니다. 가령 일반적인 페이지 외에 전체 폭 페이지(Full-width Page)를 이용하고 싶은 경우가 있을 수 있습니다.

다음과 같은 페이지 템플릿 유형이 테마에서 사용될 수 있습니다.

  • 컨택트 폼(문의 폼)
  • 사이드바가 없는 페이지(전체 너비 페이지)
  • 랜딩 페이지
  • 블로그 index 파일

* 참고: 유료 테마의 경우 테마에 따라 여러 가지 페이지 템플릿을 제공합니다. 예를 들어, 가장 많은 판매를 기록하고 있는 아바다(AVADA) 테마에서는 다음과 같은 다양한 페이지 템플릿이 기본적으로 탑재되어 있습니다.

Avada page templates

무료 테마의 경우 별도의 페이지 템플릿이 없거나 제한적인 경우가 많습니다.

페이지 템플릿 만들기

사용자 정의 페이지를 만들려면 HTML, CSS, PHP에 대한 기본적인 이해가 바탕이 되어야 합니다. 테마에서 제공하는 템플릿 외에 새로운 템플릿을 만들려면, 테마에서 새로운 파일을 만들고 맨 위에 다음과 같이 시작하도록 합니다.

<?php
/*
Template Name: 새로운 커스텀 페이지 이름
*/

기본적인 페이지 레이아웃에서 조금 수정하려는 경우 page.php 파일의 내용을 그대로 복사하고 맨 위부분을 위와 같이 수정해주면 됩니다.

예를 들어 기본 테마 중 하나인 Twenty Sixteen 테마에서 page.php 파일의 내용을 그대로 복사하여 새로운 파일 page-custom.php 파일을 만들어 복사한 내용을 붙여넣기 하고, 맨 위부분에 템플릿 이름을 지정해주면:

New Custom Page Template

새로운 파일의 윗부분이 위와 같이 됩니다. 이제 새로운 레이아웃에 맞게 파일을 적절히 수정하도록 합니다. 개별 페이지 편집 화면에서 오른쪽의 “페이지 속성” 부분의 “템플릿” 선택 부분을 보면 그림과 같이 새롭게 추가한 템플릿 이름이 목록에 추가되어 있음을 알 수 있습니다.

Page Properties

참고로 가급적 차일드 테마를 만들어서 작업하시는 것이 좋습니다. 그러면 테마가 업데이트되더라도 수정하거나 추가한 사항이 사라지지 않습니다. 차일드 테마를 만드는 방법은 이 글을 참고하시기 바랍니다.

사용자 정의 페이지 템플릿에 대한 보다 자세한 내용은 Elegant Themes Blog의 An Introduction To WordPress Page Templates(워드프레스 페이지 템플릿) 글을 참고하시면 많은 도움이 될 것입니다.

참고

글과 페이지는 기본적인 글 유형입니다. 사용자 정의 글 유형(커스텀 포스트 타입)을 만드는 것에 관심이 있다면 다음 두 글을 참고해보시기 바랍니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.