베스트셀링 인기 워드프레스 테마 Top 30 자세한 정보

[워드프레스] 특정 카테고리 페이지의 레이아웃을 다르게 디자인하기

Last Updated: 2020년 12월 22일 | 댓글 남기기
  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

예를 들어, Apple이라는 카테고리와 Android라는 카테고리의 레이아웃을 다른 카테고리 템플릿과 다르게 레이아웃을 만들고 싶은 경우를 생각해볼 수 있습니다. 이 경우 몇 가지 방법을 생각해볼 수 있겠는데요, 이런 작업을 위해서는 우선 WordPress Codex 페이지를 참고하는 것이 좋습니다.

카테고리 템플릿 파일 만들기

Category Templates (워드프레스 공식 문서)를 보면 카테고리 페이지는 다음 순서에 따라 템플릿 파일을 찾습니다:

  1. category-slug.php
  2. category-ID.php
  3. category.php
  4. archive.php
  5. index.php

가령 "소식"이라는 카테고리의 slug가 'news'이고 카테고리 ID가 '6'인 경우, '소식' 카테고리는 먼저 category-news.php 파일이 있는지 체크한 후에 없으면 category-6.php 파일을 찾고, 이 파일도 없다면 category.php 파일을 찾아서 '소식' 카테고리 글을 뿌려줍니다.

그러므로 특정 카테고리의 레이아웃을 다르게 표현하고 싶다면 category-slug.php 또는 category-ID.php 파일을 만들어서 레이아웃을 수정해주면 됩니다. 레이아웃 차이가 미미한 경우에는 if(is_category('news'))와 같은 조건 구문을 이용하여 category.php 파일을 편집하는 것도 가능할 것입니다.

간혹 get_template_part() 함수를 사용하여 템플릿을 불러오는 경우도 있을 수 있습니다. 이 경우 이 글을 참고로 불러오는 템플릿 파일을 특정 카테고리에 따라 다르게 설정하는 것이 가능합니다.

별 내용은 없지만 이러한 부분을 잘 모르면 어떻게 해야 할지 막막할 수 있을 것 같아서 간단하게 정리해보았습니다. 참고로 카테고리 ID를 확인하는 방법은 이 글을 참고해보시기 바랍니다.

엘리멘터 페이지 빌더 사용하기

엘리멘터 페이지 빌더 (Elementor Page Builder)는 현재 500만 개 이상 사이트에 설치되어 사용되고 있는 인기 페이지 빌더 플러그인입니다. 무료 버전으로도 퀄리티 높은 사이트를 만들 수 있어 많은 인기를 끌고 있습니다.

엘리멘터 프로 (Elementor Pro)에서는 헤더에서 푸터, 그리고 카테고리 페이지 등 모든 요소를 만들 수 있는 Theme Builder 기능이 제공됩니다.

아바다 테마의 Layout Builder 사용하기

베스트셀링 테마인 아바다 (Avada) 테마는 버전 7로 업데이트되면서 Layout Builder 기능이 추가되었습니다. 아바다 테마의 레리아웃 빌더를 사용하여 푸터, 싱글 포스트, 포트폴리오 포스트, 아카이브(카테고리 등 포함), 검색 결과 페이지 등을 커스텀할 수 있습니다.

Divi 테마의 Theme Builder 사용하기

가장 많이 설치되어 사용되고 있는 워드프레스 테마 중 하나인 Divi 테마에서는 Theme Builder가 새롭게 탑재되어 전체 사이트뿐만 아니라 개별 페이지, 블로그 페이지, 상품 페이지, 글, 카테고리 페이지, 태그 페이지, 404 페이지, 검색 결과 페이지 등의 헤더, 본문, 푸터를 자유롭게 디자인이 가능해졌습니다.

참고:



댓글 남기기

Leave a Comment