GeneratePress 테마 템플릿(Site Library) 적용하는 방법

아이티장고

GeneratePress 테마쉬운 사용성빠른 페이지 로딩 속도로 블로그 테마로 많이 쓰입니다. 다만, 레이아웃 편집 기능이 부족하다는 단점이 있습니다.

이러한 부족한 편집 기능을 보완할 수 있는 방법으로 GeneratePress 테마 템플릿(Site Library)을 적용하는 방법이 있습니다. 오늘은 GeneratePress 테마의 템플릿을 확인하고 워드프레스 홈페이지에 적용하는 방법에 대해 알아보도록 하겠습니다.

GeneratePress 테마 템플릿

GeneratePress 테마 템플릿 기능을 이용하려면 Site Library라는 기능을 활성화를 시켜야 하는데, 이것은 GeneratePress 유료 버전에서만 제공을 하고 있습니다. GeneratePress 테마 유료 버전을 이용하게 되면, 템플릿 적용, 디자인 및 레이아웃 수정을 매우 쉽게 할 수 있다는 장점이 있어서 추천을 드리고 있습니다.

GeneratePress 테마 유료 버전에 대한 자세한 내용을 확인하시고 결제를 진행한 뒤, 아래 설명을 따라와주시면 되겠습니다.

애드센스 수익화에 유리한 GeneratePress 테마 추천하는 이유GeneratePress 테마 유료 버전 확인하러 가기

Site Library 기능 활성화하기

image 175

워드프레스 관리자 화면에서 외모(모양) > GeneratePress를 클릭합니다.

image 176

다음 Modules 항목 중에서 Site Library를 찾습니다. 우측 버튼의 Activate를 클릭하여 Deactivate로 활성화해주세요.

image 177

그러면 위와 같은 문구가 추가가 되는데요. Open Site Library를 클릭해줍니다.

image 178

위와 같이 다양한 테마 템플릿들을 확인하실 수 있습니다. 템플릿은 Business, e-Commerce, Blog3가지 유형이 있습니다. 각 유형에 대해 자세히 살펴보도록 하겠습니다.

GeneratePress 테마 홈페이지에서 템플릿 종류별 쓰임새와 특징

이제는 내가 운영하고자 하는 웹사이트의 목적과 용도에 맞게 템플릿 유형을 선택해야 되는데요.

그럴려면 각 템플릿의 유형이 어떤 용도에 쓰이는지 특징과 쓰임에 대해 알아야 하겠습니다.

템플릿 1:Business

image 179

Business 템플릿은 기업 웹사이트를 위해 설계된 템플릿으로 전문적이고 깔끔한 느낌을 줍니다. 주요 섹션으로는 회사의 상품 또는 서비스 소개, 팀 구성원, 회사이념, 프로젝트 포트폴리오, 연락처 등으로 구성되어 있습니다.

종종 ‘Call to Action’ 이라고 버튼과 고객 문의 폼을 이용한 고객의 행동 유도를 하는 기능이 포함되어 있기도 합니다.

  • 쓰임새

스타트업, 소규모 비즈니스, 프리랜서 포트폴리오 사이트로 적합합니다.

회사정보와 해당 분야의 전문성을 잘 나타내고자 할 때 많이 쓰이는 템플릿 유형

템플릿 2: e-Commerce

image 180

e-Commerce는 전자상거래 사이트에 최적화된 템플릿입니다. WooCommerce와 같은 전자상업 전용 플러그인과 잘 호환됩니다.

주요 섹션으로는 회원가입, 상품 갤러리, 장바구니, 결제 시스템, 상품 리뷰 등이 있습니다.

  • 쓰임새

소규모 온라인 쇼핑몰, 자사 제품 판매, 개인 디지털 콘텐츠를 판매할 때 좋은 템플릿 유형입니다.

직관적이고 사용자 친화적인 상품 소개 및 구매를 제공하고 싶을 때 좋습니다.

템플릿 3: Blog

image 181

Blog는 글, 이미지 등의 콘텐츠 중심의 레이아웃 구성을 하고자 할 때 적합한 템플릿 유형입니다. 글쓰기와 읽기에 최적화된 디자인입니다.

주요 섹션으로는 최신 글 목록, 카테고리별 글 아카이브, 구독 폼, SNS 홍보링크 등으로 구성되어 있습니다.

  • 쓰임새

개인 블로그, 여행 블로그 또는 수익화 블로그(광고로 수익 창출)를 운영할 때 적합합니다.

주기적으로 포스트를 발행하며 독자를 끌어모으고 싶을 때 가장 좋습니다.

GeneratePress 테마 템플릿 적용하기

이제 각 테마 템플릿의 유형을 살펴보고 마음에 드는 테마를 선택하였다면 적용해야 할 차례입니다.

일단 기존 워드프레스 백업하기

테마 템플릿을 적용하면서 발생하는 오류나 적용이 잘 되지 않는 상황에 대비하여 기존 설정에 대한 백업 파일을 꼭 만들어놓아야 합니다.

All-in-One WP Migration 플러그인을 설치하여서 백업을 진행해줍니다.

백업 플러그인 설치하고 백업하는 방법 알아보러 가기
image 186

해당 플러그인 > 내보내기 메뉴를 들어간 다음, 다음으로 내보내기 아래에 있는 파일을 클릭합니다.

image 182

그러면 위와 같은 화면으로 백업 파일 내보내기가 진행됩니다.

image 185

백업이 완료되면 해당 파일을 내려받습니다.

레이아웃 확인하고 템플릿 적용하기

image 184

테마가 적용된 예시 화면을 확인을 한 뒤, 문제가 없다면 우측의 Get Started 버튼을 클릭합니다. 그러면 다시 한 번 백업을 권고한다는 문구가 나오는데요. 동의를 한 후 적용 버튼을 누릅니다.

image 187

위와 같은 문구가 나오면 템플릿 적용이 완료됩니다. 사이트 확인을 위해 View Site 버튼을 클릭합니다.

테마 템플릿 적용 전: 기존 블로그 모습

image 188

위 화면은 테마 템플릿을 적용하기 전, 기본 템플릿을 적용했을 때의 모습입니다. 이제 GeneratePress 테마의 Site Library의 템플릿을 적용한 화면을 아래를 통해 비교해보시기 바랍니다.

테마 템플릿 적용 후: Blog용 템플릿 적용 모습

image 189

기존보다 확실히 더 깔끔해진 느낌이 듭니다. 이제 우측 사이드바나 최신 글에 있는 위젯의 문구는 GeneratePress 테마 > 사용자 정의 로 이동하여서 수정을 해주면 됩니다.

여기에 추가적으로 각 디자인을 좀 더 디테일하게 적용하고 수정하고 싶다면, CSS 코드를 이용하는 방법이 있겠습니다. 하지만, 이 부분은 처음 GeneratePress 테마를 접하여 바로 적용하기에는 다소 어려운 부분이 있습니다.

CSS 코드를 이용하여 위에서 보이는 카테고리 글 아카이브의 디자인을 적절히 수정하는 방법에 대해서도 추후 정리하여 공유해보도록 하겠습니다.

<추가로 볼만한 글>

GeneratePress 테마 유료 버전 네비게이션 바 메뉴 설정하는 방법 보러가기

Leave a Comment