워드프레스 GeneratePress 테마 블로그 설정하기

워드프레스 속도가 느린 경우 워드프레스 다국어 번역 플러그인 WPML 개발자가 추천하는 OceanWP, GeneratePress 또는 Astra 테마를 사용해볼 수 있습니다("WPML에서 추천하는 빠르고 가벼운 워드프레스 테마 3종" 참고). 실제로 이 테마들을 테스트해보니 속도에 최적화되어 있는 것을 체감할 수 있었습니다.

워드프레스 GeneratePress 테마의 블로그 설정 방법

GeneratePress 무료 버전을 이용하는 경우 블로그 페이지와 관련하여 설정할 항목이 그리 많지 않습니다. 테마 디자인 > 사용자 정의하기 > Layout > Blog를 클릭하면 블로그 페이지 레이아웃과 관련하여 전체 콘텐츠(Full Content)를 표시할지, 아니면 요약문(Excerpt)을 표시할지 선택할 수 있습니다.

워드프레스 GeneratePress 테마의 블로그 레이아웃 설정
GeneratePress 무료 버전의 Blog 레이아웃 설정 페이지

GeneratePress Premium을 이용하는 경우 무료 버전에서 이용할 수 없었던 모듈들을 선택적으로 활성화하여 사용할 수 있습니다.

GP Premium 모듈 활성화

프리미엄 버전에 포함된 블로그 레이아웃 기능을 사용하려면 테마 디자인 > GeneratePress에서 Blog 모듈을 활성화하면 됩니다.

Blog 모듈을 활성화한 후에 테마 디자인 > 사용자 정의하기 > Layout > Blog를 클릭하면 상세한 블로그 레이아웃을 지정할 수 있도록 봉인된 옵션이 표시됩니다.

워드프레스 사용자 정의하기 - 블로그 설정

각 옵션을 살펴보면 다음과 같습니다.

  • Content type - 블로그 페이지에서 콘텐츠 표시 유형을 선택합니다. Full Content (전체 콘텐츠)와 Excerpt (요약문) 중에서 선택할 수 있습니다.
  • Excerpt word count - 요약문을 선택하는 경우 요약글의 길이를 단어수로 설정합니다. 요약문을 표시하지 않으려면 "0"을 입력합니다.
  • Read more label - "Read more" 라벨.
  • Display read more as button - "Read more"를 버튼으로 표시
  • Display post date - 글 날짜 표시
  • Display post author - 글 작성자 표시
  • Display post tags - 포스트 태그 표시
  • Display comment count - 댓글 개수 표시
  • Use infinite scroll - 무한 스크롤 (인피니트 스크롤) 사용. 이 옵션을 체크하지 않으면 Pagination으로 표시됨.
  • Use button to load more posts - 무한 스크롤 옵션을 선택하는 경우에 이 옵션이 표시됩니다. 이 옵션을 체크하지 않으면 사용자가 글 리스트 하단까지 내려오면 자동으로 그 다음 포스트 리스트가 로드됩니다. 이 옵션을 선택하면 Load more 라벨과 Load... 라벨을 지정할 수 있는 옵션이 표시됩니다.
GeneratePress 테마 블로그 레이아웃 옵션 설정 페이지

계속하여 Featured Images (특성 이미지)와 Columns (컬럼) 옵션을 설정할 수 있습니다.

  • Display featured images - 특성 이미지 (썸네일) 표시
  • Display padding around images - 이미지 둘레에 안쪽 여백(padding) 표시
  • Location - 특성 이미지 위치. Below Title (제목 아래), Above Title (제목 위) 중에서 선택할 수 있습니다.
  • Alignment - 정렬
  • Display posts in columns - 포스트를 컬럼(열)으로 표시합니다.
  • Columns - 열 개수. 컬럼 개수는 2~5개 사이 중에서 선택할 수 있습니다.
  • Make first post featured - 첫 번째 글을 특성 글로 설정. 이 설정을 활성화하면 가장 최근의 글(첫 번째 글)이 크게 표시됩니다.
  • Display posts in masonry grid - 포스트를 Masonry 레이아웃(핀터레스트(Pinterest) 스타일 레이아웃)으로 표시

여러 개의 컬럼을 글을 나열하는 경우 사이드바를 표시하지 않도록 설정하는 것을 고려할 수 있습니다. 사이드바 설정은 테마 디자인 > 사용자 정의하기 > Layout > Sidebars에서 지정이 가능합니다.

워드프레스 사이드바 설정

Blog 페이지의 경우 Blog Sidebar Layout에서 지정하도록 합니다. 각 사이드바 설정에서 위의 그림과 같이 6가지 레이아웃 중 하나를 설정할 수 있습니다.

  • Sidebar / Content - 사이드바 / 콘텐츠 (왼쪽 사이드바)
  • Content / Sidebar - 오른쪽 사이드바
  • Content (no sidebars) - 사이드바 없음
  • Sidebar /Content / Sidebar - 양쪽 사이드바
  • Sidebar / Sidebar / Content - 사이드바 / 사이드바 /콘텐츠 레이아웃 (왼쪽에 두 개 사이드바)
  • Content /Sidebar / Sidebar - 콘텐츠 / 사이드바 /사이드바 레이아웃 (오른쪽에 두 개 사이드바)

마치며

이상으로 GeneratePress 테마에서 블로그 레이아웃을 설정하는 방법에 대해 살펴보았습니다. 이 테마를 이용하여 최신 글을 나열하는 사이트를 만들면 속도면에서도 괜찮은 성능을 보여줄 것입니다.

GeneratePress 프리미엄을 사용할 경우 이 블로그의 뉴스페이퍼 레이아웃과 비슷하게 만들 수 있는지 문의해보니 GP를 가지고 만들 수는 있지만 직접 만들기에는 난이도가 있기 때문에 GP에서 제공하는 사이트 라이브러리의 Dispatch 또는 Rumour 템플릿을 활용하여 만들 수 있다는 답변을 들었습니다.

Newspaper layout is achievable with GP but it's one of the more difficult layout to achieve. I'd recommend starting with Dispatch or Rumour in our site library.

It will take some custom HTML and CSS for sure which I'm not sure if you are comfortable with.

사이트 로딩 속도가 현재보다 개선될지에 대해서도 문의해보았는데, 여기에 대해서는 웹호스팅 등 여러 가지 요소가 관련되기 때문에 장담할 수 없다고 하네요.

GeneratePress 테마에서 제공하는 Dispatch 스킨 (매거진 레이아웃)
GeneratePress의 Site Library에서 제공되는 Dispatch 스킨

2020년 2월 23일: 이 블로그의 테마를 뉴스페이퍼에서 GeneratePress 프리미엄으로 변경했습니다. 뉴스페이퍼를 10개월 정도 사용하면서 정이 들었는데, 테마를 바꾸니 조금 아쉽기도 하네요.ㅎ Newspaper 테마는 테마 파일을 직접 커스텀할 필요 없이 테마의 기능만으로 대부분의 페이지를 만들 수 있어 초보자에게 괜찮은 옵션 같습니다. GeneratePress는 속도를 위해 기능을 최소화하여 초보자가 사용하기에는 약간 어렵게 느껴질 수 있습니다. CSS를 조금 알면 나름 괜찮은 것 같습니다.

참고:


2 개 댓글

  1. 저두 사놓고 지금 숨겨놓고 아직 테스트도 몇번 안해봤는데요.

    간단하게 테스트만 해봤을땐 속도는 어마 무시하게 빨랐습니다. 자바나 기타 다른 레이아웃이 너무 초간단이라 공부좀 많이 해야 할것으로 사료가 됩니다만, 기능적인 측면은 너무 심플해서 심심할 지경입니다.

    지금 뉴스페이퍼 테마도 속도면에서는 좋은 편이라 굳이 바꿔야 할 필요를 못 느껴서 다른 사이트 만들때 적용해 보려고 합니다.

    좋은 내용 감사합니다

    응답
    • GeneratePress는 속도가 빠르지만 원하는 대로 마음대로 커스텀하기에는 초보자에게 쉽지 않은 테마 같습니다.

      심플하면서 빠른 테마를 원한다면 이 테마가 괜찮다는 생각이 드네요.
      정교한 사이트를 만들려면 Elementor 같은 페이지 빌더를 활용해볼 수 있겠지만, 페이지 빌더를 사용할 경우 약간의 속도 저하는 감수해야 할 것 같습니다.

      응답

댓글 남기기