다국어 사이트를 위해 고려할 WordPress 스타터 테마

WordPress 사이트를 구축할 때 내리는 가장 중요한 결정 중 하나는 테마를 선택하는 것입니다. 다행히 선택할 수 있는 훌륭한 테마가 수천 가지 있습니다. 오늘은 미니멀한 스타터 테마의 사용, 이 테마가 좋은 선택인 경우와 그 이유에 대해 이야기해 보겠습니다.

올인원, 특수 목적 및 미니멀 스타터 테마

WordPress의 테마 개발은 다양한 사용자층과 요구 사항을 충족하기 위해 여러 방향으로 발전해 왔습니다.

오늘날 가장 인기 있는 테마는 실제로 모든 기능이 포함된 “다목적” 테마입니다. Avada, Enfold, Divi가 좋은 예입니다. 이러한 테마에는 다양한 디자인 “스킨”, 자체 페이지 빌더, 그리고 관리자 대시보드에서 활성화하거나 비활성화할 수 있는 수많은 기능이 포함되어 있습니다.

일부 사이트는 다목적 테마로는 구현하기 어려운 특수한 기능을 요구합니다. 부동산 및 디렉터리 사이트가 좋은 예입니다. 이를 위해 사이트 구축에 필요한 기능이 포함된 수십 가지의 특수 목적 테마가 있습니다. 이러한 테마는 매우 특정한 용도에 맞춘 맞춤형 솔루션을 제공합니다.

또한 많은 개발자는 사이트를 직접 구축하고 사이트 개발에 사용할 다양한 구성 요소를 선택하는 것을 선호합니다. 이들에게는 사이트를 무겁게 만들지 않으면서 필수 요소만 제공하는 미니멀한 스타터 테마가 가장 적합합니다.

이러한 접근 방식은 각각의 장점이 있지만, 여기서는 미니멀 테마가 언제 가장 유용한지, 그리고 이를 최대한 활용하는 방법에 대해 이야기하겠습니다.

미니멀 스타터 테마에 없어야 할 요소

사실 미니멀 스타터 테마는 피해야 할 요소를 통해 정의하는 것이 더 쉽습니다.

미니멀 테마에서 가장 중요한 것은 특정 벤더에 종속되는 것을 피하는 것이라고 생각합니다. 올인원 테마로 사이트를 만들면 필요한 모든 것을 얻을 수 있습니다. 하지만 이는 엄격한 계약에 서명하는 것과 같을 수 있습니다. 테마에서 필요한 모든 것을 얻지만 되돌릴 수는 없습니다. 테마의 모든 점이 마음에 든다면 훌륭합니다. 하지만 문제에 부딪혔을 때 테마를 변경하는 것이 사실상 불가능하기 때문에 이를 감수해야 합니다.

진정한 미니멀 스타터 테마는 (테마에서) 필요한 것을 제공하면서도, 필요한 경우 테마를 전환할 수 있도록 허용합니다. 물론 테마를 전환하려면 약간의 작업이 필요하지만, 전체 사이트를 처음부터 다시 구축하는 것과는 다릅니다.

운영 사이트에서 테마를 전환하는 것은 결코 “재미”로 하는 일이 아닙니다. 지루하다는 이유로 테마를 바꾸는 사람은 없습니다. 테마의 수명이 다하거나 선택할 때는 몰랐던 문제가 발견되면 테마를 전환해야 할 수 있습니다. 드문 일이긴 하지만 고객사를 위해 수십 개의 사이트를 개발하다 보면 이런 상황에 부딪힌 적이 있을 것입니다.

미니멀 스타터 테마에 포함되어야 할 요소

종속성이 없다면 테마가 반드시 제공해야 하는 것은 무엇일까요? 사실 이 질문에 대한 답은 계속 진화합니다. 오늘날에는 특정 요구 사항이 있지만, 내년에는 또 다른 요구 사항이 생길 것입니다.

오늘날 우리가 사용하는 미니멀 테마는 모두 다음을 제공합니다.

페이지 레이아웃 옵션(너비, 패딩, 콘텐츠 박싱 등)
사용자 정의 가능한 헤더, 푸터 및 사이드바
사용자 정의 가능한 메뉴
타이포그래피 제어

기능적인 면에서 이는 정말 최소한의 요구 사항입니다. 물론 테마는 빨라야 하고, 안전한 코드로 작성되어야 하며, SEO 메타데이터를 포함하고, 인기 있는 플러그인과 호환되어야 합니다.

여기서는 미니멀 테마와 벤더 종속성 없음에 대해 이야기하고 있으므로, 테마 내에 통합된 페이지 빌더, 문의 양식 및 플러그인을 통해 얻을 수 있는 기타 기능과 같은 사이트 구축 기능이 없어야 합니다.

알아두어야 할 미니멀 스타터 테마

여기서 다루는 것보다 훨씬 더 많은 훌륭한 미니멀 테마가 있습니다. 고객사가 추천해 주었고 저희가 직접 사용해 본 테마에 대해 작성하겠습니다. 이렇게 하면 사이트 구축 경험을 바탕으로 글을 쓸 수 있고 과장된 마케팅을 피할 수 있습니다.


페이지 빌더용으로 제작됨	예	예	예
반응형 레이아웃	예	예	예
레이아웃 제어	우수	매우 우수	우수
헤더 및 푸터 사용자 정의 옵션	우수	매우 우수	우수
메뉴 구성 옵션	기본	매우 우수	기본(2018년 2월에 더 많은 옵션 추가 예정)
전반적인 사용자 정의 수준(글꼴, 색상, 요소 표시 여부 등)	우수	뛰어남	우수
전자상거래 지원	예	예	예
가져오기 가능한 데모	예	예	예
SEO 친화적	예	예	예
번역 지원	예	예	예
RTL 지원	예	예	예
내장 마이크로데이터/schema.org 코드	예	예	예
Font Awesome	예	예	예
속도 최적화	예	예	예
내장 메가 메뉴	/	예	출시 예정

GeneratePress, OceanWP 및 Astra의 기능 확장

가볍고 효율적이면서도 풍부한 기능을 제공하는 테마를 어떻게 만들 수 있을까요? 정답은 “애드온”입니다. 전용 애드온을 사용하면 다양한 프로젝트에 필요한 기능을 설치할 수 있습니다.

각 테마가 제공하는 프리미엄 확장 기능과 전체 사이트를 구축할 때 이러한 기능이 어떻게 유용한지 살펴보겠습니다.

GeneratePress 프리미엄 애드온

GeneratePress 확장 기능	주요 기능
타이포그래피 및 색상 확장 기능	본문, 헤더, 네비게이션 등 사이트의 모든 부분에 대한 글꼴을 완벽하게 제어합니다. (거의) 모든 요소의 색상을 정의하고 변경합니다.
WooCommerce 확장 기능	메뉴의 장바구니, 이동 경로, 사이드바, 상품 이미지, 관련 상품 등 다양한 요소의 표시를 제어합니다. 결제 페이지를 위한 방해 요소 없는 모드를 제공합니다. 버튼, 텍스트, 상품 제목 및 기타 요소의 디자인을 변경합니다.
요소 비활성화 및 저작권 확장 기능	페이지별로 헤더, 기본 네비게이션, 글 이미지, 제목 및 푸터의 표시 여부를 선택할 수 있습니다. 7가지 페이지 레이아웃 중에서 선택할 수 있습니다. 테마의 저작권 고지를 사용자 정의합니다.
섹션, 배경 및 간격 확장 기능	페이지를 여러 섹션으로 나누고 각각에 특징, 헤드라인, 시차 효과, 이미지, 단순 콘텐츠 등 다른 콘텐츠와 디자인을 지정합니다. 헤더, 본문, 네비게이션, 사이드바, 위젯 등 사이트의 거의 모든 부분에 배경을 추가합니다.
메뉴+, 보조 네비게이션 및 페이지 헤더 확장 기능	모바일 또는 데스크톱에서 메뉴를 사용자 정의합니다. 보조 메뉴를 쉽게 표시하고 플로팅, 헤더 아래 등 표시할 위치를 선택합니다. 페이지별 헤더 이미지를 제공합니다.
블로그 확장 기능	전체 콘텐츠 또는 요약문, 날짜, 작성자, 카테고리 등 표시할 블로그 요소를 선택합니다. “더 보기” 레이블을 사용자 정의합니다. 블로그 이미지를 사용자 정의합니다. 최신 글을 이전 글보다 크게 표시합니다.
훅 확장 기능	테마 파일을 편집하지 않고 사이트에 자체 코드를 추가합니다. 코드가 로드될 사이트의 섹션을 선택합니다.

보너스 기능: GeneratePress 프리미엄 애드온을 사용하면 설정을 가져오고 내보낼 수 있습니다. 이를 통해 동일한 설정이 필요한 다른 프로젝트에서 시간을 절약할 수 있습니다.

OceanWP 코어 확장 기능

지금까지 총 15개의 OceanWP 코어 확장 기능(무료 7개, 프리미엄 8개)이 있습니다. 하지만 Nicolas의 최신 블로그 글을 읽어보면 더 많은 기능이 추가될 것으로 보입니다!

아래에서 확장 기능을 최대한 활용하는 방법을 살펴보겠습니다.

OceanWP 확장 기능	주요 기능
상품 공유 및 소셜 공유	이 확장 기능을 사용하면 단일 상품 페이지나 글에 소셜 공유 버튼을 추가할 수 있습니다.
모달 창	설정이 간편하고 로드 시간을 줄여주며 전반적인 디자인을 단순화합니다. 양식, 잠재 고객 확보, 알림 및 기타 중요한 공지에 사용할 수 있습니다.
글 슬라이더	최신 글을 표시하는 슬라이더를 만들 수 있으며, 이를 통해 사이트 어디에서나 사용할 수 있는 숏코드가 생성됩니다.
사용자 정의 사이드바	위젯을 끌어다 놓기만 하면 됩니다. 원하는 페이지에 정확하게 표시되도록 결정할 수 있습니다.
데모 가져오기	여행, 상점, 요가, 건축 등 각 산업별로 바로 사용할 수 있는 몇 가지 데모가 제공됩니다.
Ocean Extra	이것은 대시보드 관리자나 테마 패널과 같습니다. 사용자 정의에서 섹션을 비활성화하거나 활성화하여 로드 속도를 높일 수 있습니다.
포트폴리오	작업물을 효과적으로 보여줄 수 있는 여러 방법이 있으며, 작성자, 카테고리 및 기타 태그별로 필터링할 수 있습니다.
WooPopup	“장바구니에 추가”를 클릭하면 팝업이 표시됩니다. 반경을 완벽하게 제어할 수 있으며 링크, 텍스트를 변경하고 메시지를 사용자 정의할 수 있습니다.
붙박이 헤더 및 푸터	화면 하단에 푸터를 고정하고 텍스트, 메뉴 또는 색상을 추가합니다.
Elementor 위젯	OceanWP와 Elementor 팀이 협력하여 Elementor에 몇 가지 새로운 위젯을 추가했습니다.
푸터 콜아웃	기존 푸터 바로 앞에 회사에 대한 중요한 정보나 버튼을 추가할 수 있는 강력한 방법입니다.
Ocean 훅	사이트 전체에 자체 코드, 콘텐츠 및 숏코드를 추가할 수 있으며 자식 테마가 필요하지 않습니다.

Astra 프리미엄 애드온

Astra는 단순성에 중점을 둡니다. 최소한의 옵션으로 사용자는 사용자 정의의 잘 분류된 설정을 통해 원하는 결과물을 얻을 수 있습니다. Astra Pro는 테마를 확장하고 더 많은 기능을 추가하는 올인원 플러그인입니다.

Astra 확장 기능	주요 기능
투명 헤더	투명한 헤더를 만들어 웹사이트를 돋보이게 합니다.
타이포그래피	이 모듈을 사용하여 웹사이트의 글꼴과 가독성을 더 세밀하게 제어합니다.
붙박이 헤더	사용자가 아래로 스크롤할 때도 헤더에 쉽게 접근할 수 있도록 합니다.
페이지 헤더	이동 경로, 메타 필드 및 기타 멋진 옵션을 사용하여 매력적인 페이지 제목 영역을 디자인합니다.
고급 푸터	고급 푸터 모듈을 사용하여 더 많은 푸터 위젯 영역과 창의적인 디자인을 얻습니다.
화이트 레이블	자체 브랜드로 WordPress 백엔드의 정보를 단순하게 유지합니다.

스타터 테마로 사이트 설정

위에서 소개한 세 가지 테마 모두 설정 과정이 매우 비슷합니다.

테마를 설치합니다.
사이트의 프런트엔드로 이동하여 사용자 정의를 클릭합니다.
사용자 정의를 사용하여 사이트의 외관을 설정합니다.

Toolset으로 사이트에 기능 추가

미니멀 스타터 테마를 기반으로 디자인할 때 얻을 수 있는 것은 콘텐츠를 표시하기 위한 최소한의 기능뿐입니다.

Toolset은 사이트에 기능을 추가하기 위한 원스톱 솔루션이 될 수 있습니다. Toolset은 플러그인 제품군이므로 모든 테마에서 실행됩니다. 즉, 전체 사이트를 다시 구축하지 않고도 테마를 전환할 수 있습니다.

코드를 작성하지 않고 Toolset으로 추가할 수 있는 몇 가지 기능은 다음과 같습니다.

Toolset 기능	예
포트폴리오, 프로젝트, 투어 등 사이트에 맞는 자체 사용자 정의 글 유형을 만듭니다.
해당 사용자 정의 글 유형에 사용자 정의 분류체계 및 사용자 정의 필드를 추가합니다.
끌어다 놓기 레이아웃을 사용하여 템플릿을 구축하고 해당 사용자 정의 글 유형을 표시하는 방법을 선택합니다.
사용자 정의 글 유형 및 필드를 기반으로 사용자 정의 검색을 만듭니다.
프런트엔드 제출을 위한 양식을 만듭니다.
Google 지도에 콘텐츠 표시

Toolset과의 통합 및 사용자 정의 글 유형으로 사이트를 구축할 때의 이점

Astra, GeneratePress 및 OceanWP는 모두 사용자 정의 글 유형을 지원하는 테마입니다. 즉, 디자인하는 각 템플릿에 맞게 옵션을 사용자 정의할 수 있습니다. 여기에는 사용자 정의 글 유형 및 아카이브 페이지를 위한 템플릿이 포함됩니다.

이 비디오는 Toolset과 Astra 테마 간의 통합을 보여줍니다.

예를 들어, 일반 페이지에는 사이드바를 표시하지만 Toolset으로 만든 투어 또는 기타 사용자 정의 글 유형에는 표시하지 않도록 결정할 수 있습니다.

결론

미니멀 테마는 각 프로젝트의 요구 사항에 맞게 조정된 가볍고 성능이 뛰어난 사이트를 구축할 수 있도록 합니다.

이러한 설명에 아주 잘 맞는 세 가지 테마를 살펴보았습니다. 이 테마들은 모두 훌륭한 시작점을 제공하며 사용자 정의를 쉽게 해주는 애드온을 제공합니다. 각 테마는 WordPress.org에서 훌륭한 무료 버전을 제공하며 유료 애드온도 제공합니다.

더 고급 사용자 정의 기능을 구축해야 하는 경우, 자체 PHP를 사용하거나 프로그래밍 없이 Toolset 플러그인을 사용하여 구축할 수 있습니다.

이 튜토리얼이 유용하시기를 바랍니다. 댓글을 남겨 여러분의 경험을 공유해 주세요.