워드프레스 GeneratePress 테마 사이드바 설정하기

워드프레스 정보를 제공하는 블로그 Avada 2021. 12. 24. 11:08 • 댓글:

워드프레스 GeneratePress 테마는 빠른 속도 때문에 우리나라에서도 수익형 블로그에 많이 사용되고 있습니다. 제너레이트프레스 테마에서는 테마 옵션을 통해 전체적으로 사이드바를 설정할 수 있고, 개별 페이지와 글에서도 사이드바 레이아웃을 지정할 수 있습니다. 

워드프레스 GeneratePress 테마 사이드바 설정하기

아바다뉴스페이퍼와 같은 다목적 테마를 사용하면 페이지에 따라 다른 사이드바를 지정하는 등 정교한 설정이 가능합니다.

GeneratePress 테마의 경우 페이지에 따라 다른 사이드바를 지정하는 옵션은 제공되지 않지만, 페이지/글에 따라 사이드바 레이아웃을 다르게 지정하는 것은 가능합니다. 예를 들어, 특정 글이나 페이지에 사이드바를 표시하지 않거나 사이드바 위치를 다르게(가령, 전체적으로는 오른쪽에 사이드바를 표시하고 특정 페이지나 글에 왼쪽에 사이드바 표시 가능) 지정할 수 있습니다.

GeneratePress 테마에서 페이지마다 다른 사이드바를 지정하고 싶은 경우 Content Aware Sidebars라는 가벼운 위젯 영역 플러그인을 사용할 수 있습니다. 이 프로그램의 사용법에 대해서는 추후에 다루어보도록 하겠습니다.

전역 사이드바 레이아웃 설정하기

전체 사이트에 적용되는 사이드바 레이아웃은 외모 > 사용자 정의하기 > Layout > Sidebars에서 설정할 수 있습니다.

워드프레스 GeneratePress 테마 사이드바 설정하기

전체 사이트에 대한 Sidebar Layout(사이드바 레이아웃), Blog Sidebar Layout(블로그 사이드바 레이아웃)과 Single Post Sidebar Layout(개별 글 사이드바 레이아웃) 옵션이 제공됩니다.

블로그 사이드바 레이아웃은 아카이브 페이지에 대한 레이아웃 같습니다. 개별 포스트의 전역 사이드바 설정은 Single Post Sidebar Layout에서 지정할 수 있습니다.

각 레이아웃에 대하여 다음 그림과 같이 6가지 옵션 중에서 선택할 수 있습니다.

워드프레스 GeneratePress 테마 사이드바 설정 방법

보통은 오른쪽 사이드바를 설정하면 무난합니다.

  • Sidebar/Content: 왼쪽 사이드바
  • Content/Sidebar: 오른쪽 사이드바
  • Content (no sidebars): 사이드바 없음
  • Sidebar/Content/Sidebar: 양쪽 사이드바
  • Sidebar/Sidebar/Content: 왼쪽 사이드바 2개
  • Content/Sidebar/Sidebar: 오른쪽 사이드바 2개

개별 페이지/글 사이드바 레이아웃 설정하기

개별 페이지나 글에 대하여 전역 사이드바 레이아웃과 다르게 설정하는 것이 가능합니다. 예를 들어, 특정 페이지에 사이드바를 표시하고 싶지 않은 경우 해당 페이지의 사이드바 레이아웃을 No sidebars를 지정하면 됩니다.

페이지/편집 화면에서 오른쪽 패널의 Layout > Sidebar Layout에서 원하는 옵션을 선택할 수 있습니다. 

워드프레스 GeneratePress 테마 사이드바 레이아웃 설정하기

여기에서는 다음과 같은 옵션이 제공됩니다.

  • Default: 기본 설정. 사용자 정의하기에서 지정된 설정이 적용됨.
  • Right Sidebar: 오른쪽 사이드바
  • Left Sidebar: 왼쪽 사이드바
  • No Sidebars: 사이드바 없음
  • Both Sidebars: 양쪽 사이드바
  • Both Sidebars on Left: 왼쪽에 2개 사이드바
  • Both Sidebars on right: 오른쪽에 2개 사이드바

마치며

이상으로 워드프레스 GeneratePress 테마에서 사이드바 레이아웃을 설정하는 방법에 대하여 살펴보았습니다. 먼저는 전체적인 사이드바를 설정하고, 개별 페이지나 글에서 다른 사이드바 레이아웃을 지정할 수 있습니다.

GeneratePress 테마의 유료 버전인 GP Premium을 사용하는 경우 사이드바 너비를 사용자 정의하기 내에서 설정할 수 있습니다.

GeneratePress 테마 사이드바 너비 설정

무료 버전을 사용하는 경우에는 간단한 CSS 코드를 사용하여 사이드바 폭을 설정할 수 있습니다.

참고

https://avada.tistory.com/2483

 

워드프레스 Divi 테마용 패션 디자이너 레이아웃 팩(Fashion Designer Layout Pack) 무료 다운로드

워드프레스 Divi 테마용 무료 패션 디자이너 레이아웃(Fashion Designer Layout Pack)이 공개되었습니다. Divi 테마 개발사인 Elegant Themes에서는 매주 레이아웃 팩을 Divi 빌더에 추가하고 있습니다. 워드프

avada.tistory.com

https://avada.tistory.com/2478

 

GeneratePress 테마 포스트 사이드바 너비 조정하기(+Merch 템플릿)

워드프레스 GeneratePress 테마에서는 사이트 라이브러리를 통해 미리 만들어진 템플릿을 로드하여 활용할 수 있습니다. Merch 템플릿은 우커머스 쇼핑몰이나 블로그 사이트 운영에 활용할 수 있는

avada.tistory.com

 

베스트셀링 DIVI 테마
16주년 기념 세일!
자세히 보기