1. 주요 리소스
1) 테마
Kadence Theme
빠른 속도와 손쉬운 사용자 정의하기, 강력한 커스터마이징을 제공하는 워드프레스 테마입니다. Kadence Theme을 빠르게 이해하기 위해 아래 공식 동영상 시청을 권장합니다.
단비 이러닝 사이트팩
커스터마이징을 위해 사용된 Kadence Theme의 자식 테마입니다. 필요 시, 수정해도 무방합니다.
Twenty Twenty-Two
워드프레스 기본 테마입니다. 워드프레스는 테마 오류 발생 시, 기본 테마로 자동전환됩니다. 따라서, 사용하지 않는 경우라도 삭제하면 안 됩니다.
2) 프리젠테이션 플러그인
Kadence 테마와 블록 에디터의 기능을 확장하는 플러그인입니다.
Kadence Pro
Kadence Theme에 높은 수준의 커스터마이징을 제공하는 테마 플러그인입니다. Kadence Theme 자체는 사용자 정의하기를 이용해 커스터마이징으로 제한됩니다. 하지만, Kadence가 추가되면 완벽한 헤더 편집, 엘리먼트 등 높은 수주의 커스터마이징을 가능합니다.
Kadence Blocks
블록에디터에 추가 블록을 제공하는 플러그인입니다.
Kadence Blocks – Pro Extension
Kadence Blocks에 추가기능을 제공하는 익스텐션입니다. Pro Extension의 가장 강력한 기능은 데이터베이스의 값을 가져오는 Dynamic Content 기능입니다.
Kadence Starter Templates
빠른 사이트 제작을 위해 샘플 컨텐트, 사용자 정의하기 값, 템플릿 등을 하나로 모은 Kadence Starter Templates를 불러오는 플러그인입니다.
- 외모 > Starter Templates에서 사용할 수 있습니다.
- 새로운 Starter Template를 불러오기 전에 사이트 전체 백업을 권장합니다.
- 실 사이트에서는 비활성화하시기 바랍니다.
스타터팩 워커
사이트팩에만 독점적으로 제공되는 플러그으로 Kadence Theme, Kadence Blocks, 우커머스에 대한 추가 설정을 제공합니다.
CSS Hero
CSS 코딩이 없는 경우 사용할 수 있는 CSS 에디터입니다.
CSS 코딩이 가능하다면 본 플러그인 대신 직접 코딩을 권장합니다.
FacetWP
엔터프라이즈 워드프레스에서 선호되는 필터링 플러그입니다. 필텅이 없는 경우에도 100% 자유도를 가지 포스트 리스트와 그리드를 만들 수 있습니다.
3) LMS(Learning Management System) 플러그인
LearnDash
상용 워드프레스 가장 많이 사용하는 LMS 플러그입니다.
LearnDash Course Grid
이름 그대로 강의 목록을 출력하는 LearnDash. 애드온입니다.
LearnDash Ratings, Reviews, and Feedback
강의 리뷰와 피드백을 제공하는 LearnDash 애드온입니다.
4) 이커머스 플러그인
우커머스
워드프레스에서 가장 많이 쓰이는 이커커스 플러그인입니다.
우커머스 K
국내환경에서 우커머스 사용에 필요한 부가기능을 제공하는 애드온입니다.
Ultimate Member – WooCommerce
Ultimate Member 계정 페이지에 WooCommerce 관련 추가 탭을 제공합니다.
5) 컨텐트 모델링 플러그인
Advanced Custom Fields Pro
포스트, 사용자, 택소노미 등에 각종 사용자 필드를 추가하는 플러그인입니다. 이렇게 만들어진 커스텀 필드 값은 Kadence Blocks Pro의 다이나믹 컨텐트 기능을 이용해, 별도의 개발 없이 불러올 수 있습니다.
Custom Post Type UI
커스텀 포스트 타입, 커스텀 택소노미 플러그인입니다.
6) 마케팅 플러그인
Google SiteKit
구글에서 직접 제공하는 플러그인으로 워드프레스와 구글 애널리틱스, 태그 매니저 등을 연동합니다.
MonsterInsights Pro
구글 애널리틱스 연동 플러그인
Yoast SEO
SEO(검색엔진최적화) 플러그인
Kadence Conversions
팝업, 슬라이드-인 등을 제공합니다.
- 단순 광고 플러그인이 아니라 자체적인 트래킹 또는 구글 애널리틱스를 이용한 트래킹 기능 제공합니다. 높은 수준의 분석을 위해서는 구글 애널리틱스 연동을 추천합니다.
- 블록에디터 기반이기 때문에 손쉬운 편집이 가능합니다.
- 해당 기능을 사용하지 않을 경우, 비활성화를 추천합니다.
7) 회원관리 플러그인
Ultimate Member
대표적인 회원관리 플러그인입니다.
얼티밋 멤버 K
Ultimate Member에 부족한 기능을 채워주는 애드온입니다.
8) 관리자 플러그인
Admin Menu Editor
알림판, 관리자 메뉴, 메타 박스, 사용자 역할 등을 섬세하게 설정할 수 있습니다.
Admin Columns Pro
포스트 타입, 사용자, 택소노미 용어 등의 컬럼을 변경할 수 있습니다.
WPCodeBox
PHP, CSS 등의 스니펫을 구조적으로 관리할 수 있습니다.
HappyFiles Pro
미디어, 포스트 타입을 폴더 형식으로 관리합니다. 이와는 별도로 SVG 업로드 및 Sanitization(보안위험성 제거) 기능도 가지고 있습니다.
Yoast Duplicate Post (요스트 글 복제)
이름 그대로 포스트 타입을 복제하는 플러그인입니다. LearnDash는 포스트 타입(강의, 수업 등)에는 사용하지 마십시오. LearnDash에는 해당 기능이 내장되어 있습니다.
9) 퍼포먼스 플러그인
Perfmatters
퍼포먼스 향상을 위한 방대한 기능을 제공하는 플러그인입니다
10) 기타
SearchWP
단순 UI가 아니라 실제로 데이터를 인뎅싱하는 검색엔진 플러그인입니다. 한글 검색에 적합한 상태로 설정되어 있습니다.
Say What?
언어 파일 수정 없이 문구를 변경할 수 있습니다.
2. 사용자 화면(Frontend) 주요 설정
1) 홈
| 메뉴 | 템플릿 | 구현 방법 | 설정 방법 |
|---|---|---|---|
| 홈 1 | 페이지 | Kadence Bocks로 만들어진 페이지입니다. | 블록 에디터로 편집한니다. |
| 홈 2 | 페이지 | Kadence Bocks로 만들어진 페이지입니다. | 블록 에디터로 편집한니다. |
1) 소개
| 메뉴 | 템플릿 | 구현 방법 | 설정 방법 |
|---|---|---|---|
| 회사 소개 1 | 페이지 | Kadence Bocks로 만들어진 페이지입니다. | 블록 에디터로 편집한니다. |
| 회사 소개 2 | 페이지 | Kadence Bocks로 만들어진 페이지입니다. | 블록 에디터로 편집한니다. |
2) 제품
| 메뉴 | 템플릿 | 구현 방법 | 설정 방법 |
|---|---|---|---|
| 제품 목록 1 | 아카이브 | 우커머스 상점(store) 페이지입니다. | ‘사용자 정의하기 > 우커머스 > 제품 카탈로그’에서 설정합니다. |
| 제품 목록 2 | 페이지 | FacetWP와 SearchWP로 구성된 페이지입니다. | 블록 에디터로 편집한니다. |
3) 고객
| 메뉴 | 템플릿 | 구현 방법 | 설정 방법 |
|---|---|---|---|
| 고객 목록 1 | 아카이브 | 고객이라는 포스트 타입의 아카이브입니다. | ‘사용자 정의하기 > 우커머스 > 제품 카탈로그’에서 설정합니다. |
| 제품 목록 2 | 페이지 | FacetWP와 SearchWP로 구성된 페이지입니다. | 블록 에디터로 편집한니다. |
3) 포트폴리오
| 메뉴 | 템플릿 | 구현 방법 | 설정 방법 |
|---|---|---|---|
| 포트폴리오 1 | 아카이브 | 고객이라는 포스트 타입의 아카이브입니다. | ‘사용자 정의하기 > 우커머스 > 제품 카탈로그’에서 설정합니다. |
| 포트폴리오 2 | 페이지 | 블록 에디터로 편집한니다. | |
| 포트폴리오 3 | |||
| 포트폴리오 3 |
3) 파트너
| 메뉴 | 템플릿 | 구현 방법 | 설정 방법 |
|---|---|---|---|
| 파트너 목록 1 | 아카이브 | 고객이라는 포스트 타입의 아카이브입니다. | ‘사용자 정의하기 > 우커머스 > 제품 카탈로그’에서 설정합니다. |
| 포트폴리오 2 | 페이지 | 블록 에디터로 편집한니다. | |
| 포트폴리오 3 | |||
| 포트폴리오 4 |
3) 문의하기
| 메뉴 | 템플릿 | 구현 방법 | 설정 방법 |
|---|---|---|---|
| 문의하기 1 | 페이지 | Kadence Form Block으로 만들어졌습니다. Kadence Form Block은 간단한 폼에 적합합니다. | 블록 에디터 자체에서 폼에 대한 모든 설정을 진행합니다. |
| 문의하기 2 | 페이지 | Gravity Forms로 구현되었습니다. Gravity Forms는 복잡한 폼에 적합합니다. | ‘관리자 > 폼’에서 ‘문의하기 2’ 폼을 수정할 수 있습니다. |
제품 목록 1
우커머스 상점(store) 화면입니다. ‘테마 > 사용자 정의하기 > 우커머스 > 제품 카탈로그’에설 정합니다.
제품 목록 2
2)
강의목록 2
LearnDash Course Grid로 제작되었습니다.
강의 아카이브 페이지입니다. Kadence Theme Pro의 엘리먼트를 이용해 ‘아카이브 컨텐트’를 대체합니다. 해당 엘리먼트는 FacetWP로 제작되었습니다.
참고: Kadence Theme 자체는 ‘아카이브 컨텐트’를 대체하는 엘리먼트를 제공하지 않으며, 해당 기능은 사이트팩에 번들된 사이트팩 워커를 통해 제공됩니다.
강의목록 3
Kadence Theme Pro가 제공하는 엘리먼트로 제공되었습니다. 변경해 사용할 경우, 아래 동영상을 참고해 주세요.
문의하기 1
Kadence Blocks에 포함된 Form 블록으로 만들어졌습니다. Form 블록은 간단한 폼을 만들기에 적합합니다.
상담신청
가장 강력한 폼 플러그인인 Gravity Forms로 만들어졌습니다.
전환도구
모든 전환도구는 Kadence Conversions를 사용합니다. 관리자 > 전환에서 설정할 수 있습니다.
마이 페이지
Ultimate Member, 얼티밋 멤버 K를 이용해 구현되어 있습니다. Yoast SEO를 이용해 검색엔진 접근을 차단했습니다.
2) 관리자 화면
메뉴 및 화면
Admin Menu Editor Pro와 Admin Columns Pro를 이용해 최적화된 상태입니다. 원래의 메뉴 구조로 보기 원하시면 Admin Menu Editor Pro를 비활성화하면 됩니다.
3. 커스터마이징
1) 회원가입 제거
회원가입을 받지 않는 경우 아래와 같이 관련 기능을 제거합니다. 제거 순서는 무방합니다.
① 플러그인 삭제
플러그인 > 설치된 플러그인에서 Ultimate Member와 얼티밋 멤버 K를 비활성화하고 삭제합니다.
② 페이지 삭제
페이지에서 아래 페이지를 모두 휴지통으로 이동시킵니다. 해당 페이지는 모두 회원 폴더에 할당되어 있습니다.
③ 메뉴 삭제
테마 디자인 > 메뉴에서 로그아웃 사용자 메뉴, 로그인 사용자 메뉴를 삭제합니다. 이후 사용자 정의하기 > 헤더에서 계정 내비게이션도 삭제합니다. 
2) 포스트 타입, 택소노미 변경
스타터팩은 커스텀 포스트 타입과 커스텀 택소노미를 위해 Custom Post Type UI를 사용하나, 퍼포먼스를 위해 해당 플러그인 제공하는 스니펫 코드를 삽입했습니다. 이를 변경하기 위해서는 아래와 과정으로 진행합니다.
① 플러그인 활성화
‘플러그인 > 설치된 플러그인’에서 Custom Post Type UI를 활성화합니다.
② 설정 변경
‘설정 > 커스텀 포스트 타입’, ‘설정 > 커스텀 택소노미’에서 설정을 변경합니다.
③ 스니펫 교체 및 플러그인 비활성화
CPT UI는 설정값 자체를 코드로 제공하기 때문에 계속 활성화할 필요가 없습니다.
‘도구 > CPT UI’에서 ‘Get Code’ 탭에서 제공하는 코드를 복사해 ‘스니펫’ 메뉴에 입력합니다. 입력될 스니펫 항목은 이미 지정되어 있습니다.
4) 이미지 최적화
Imagify 플러그인 설치를 권장드리나 다른 플러그인을 설치해도 무방합니다.
Imagify의 유무료 API Key를 발급받아 입력합니다. 다른 이미지 최적화 플러그인 사용할 경우, Imagify를 비활성화합니다. 무료의 경우, 이메일 주소를 입력하면 무료 API Key를 이메일로 받아볼 수 있고, 유료는 Imagify 사이트에서 가입하는 방식입니다.
5) 개인정보처리방침 작성
개인정보보호 포털에서 운영하는 개인정보 처리방침 만들기 서비스를 이용할 수 있습니다.
6) 구글 애널리틱스 연결
- 기존 사이트: 내장된 MonsterInsights Pro로 설정하면 됩니다.
- 신규 사이트: Google SiteKit를 이용하면, 손쉽게 구글 애널리틱스와 구글 태그 매니저의 속성(Property)을 생성하고 연결할 수 있습니다. Google SiteKit 설정이 끝난 이후, Google SiteKit을 비활성하고 경력한 연동을 제공하는 MosnterInsights Pro 사용을 권장 드립니다.
7) 커스텀 코드 입력
사이팩은 편리한 코드 관리를 위해 스니펫 관리 플러그인인 WPCodeBox가 설치되어 있습니다. 아래의 방식을 권장합니다.
- 자식 테마에 직접 코드를 입력하지 않고, 스니펫 메뉴를 사용합니다
- 워드프레스에 대한 공통 코드는 ‘워드프레스 코어’ 폴더에 명백히 특정 테마나 플러그인에 의존적인 경우 해당 테마나 플러그인 폴더명에 나머지는 ‘기타’ 폴더에 넣습니다.
4. 속도최적화 (권장사항)
미디어 스타터팩은 제공되나, 실제 제작단계에서 사이트 변경에 따른 아래 사항을 추천드립니다.
1) 호스팅 환경
이러닝 사이트는 수강생(사용자)의 수강 기록을 저장하기 때문에 정적 사이트에 비해 높은 사양을 요구합니다. Kinsta의 경우, Business 1 이상을 권장합니다.
2) 썸네일 사이즈 변경
정확한 사이즈의 썸네일은 사이트 로딩 속도를 향상시킬 뿐 아니라, 스토리지 용량을 줄여줍니다. 해당 사이즈는 사이트마다 다르기 때문에 아래의 과정으로 진행합니다. 플러그인 보다는 스니펫 코드를 사용하는 게 속도최적화에 유리합니다.
① 썸네일 사이즈 지정
설정 > 미디어에서 정확한 썸네일 사이즈를 지정합니다.
② 썸네일 재생성
사이즈가 변경되었으므로 썸네일을 하단의 ‘Regenerate Thumbanils’를 클릭해 썸네일을 재생성합니다.
③ 스니펫 삽입
동일 페이지에서 ‘Get the PHP for the Theme’을 클릭 후, 스니펫의 Simple Image Sizes를 선택해 해당 코드를 입력하고 해당 스니펫을 활성화합니다.
③ 플러그인 비활성화
‘플러그인 > 설치된 플러그인’에서 Simple Image Sizes를 비활성화합니다. 썸네일 사이즈가 변경될 경우, 위의 ①, ② 스텝을 반복하면 됩니다.
3) Perfmatters 설정
스타터팩은 Perfmatter에 대한 설정을 포함하고 있습니다. 단, 추가적인 플러그인이 설치된 경우 이에 맞추어 설정을 변경하시기 바랍니다.
5. 보안 강화 (권장사항)
보안 강화를 위해 필수는 아니나 아래 작업을 권장합니다.
1) 워드프레스 코어 알림판, 로그인 URL 변경
설정 > Perfatters의 일반 탭에서 로그인 URL을 임의로 변경합니다. 이렇게 하면, 사람이나 봇에 의한 로그인 시도(login injection) 가능성을 대폭 낮출 수 있습니다.
단, Kinsta 호스팅이나 캐싱 플러그인을 사용하는 경우 해당 주소를 캐싱에서 제외시켜야 합니다. Kinsta에서는 기술지원 채팅을 통해 캐슁 제외를 요청합니다.
2) Ultimate Member 페이지 URL 변경
회원제를 위해 Ultimate Member를 활성화한 경우, 회원가입과 로그인 페이지의 슬러그를 임의로 변경해 URL을 변경합니다. 이를 통해 봇에 의한 가입과 로그인 시도를 함께 낮울 수 있습니다.
이 경우 워드프레스 코어 알림판, 로그인 URL 변경과 동일하게 캐싱에서 해당 URL을 제외시켜야 합니다.
- 로그인, 회원가입 페이지에 대한 검색엔진 크롤링 방지는 이미 설정되어 있습니다.