미디어 스타터팩 매뉴얼

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를 불러오기 전에 사이트 전체 백업을 권장합니다.
실 사이트에서는 비활성화하시기 바랍니다.

3) 컨텐트 모델링 플러그인

Advanced Custom Fields Pro

포스트, 사용자, 택소노미 등에 각종 사용자 필드를 추가하는 플러그인입니다. 이렇게 만들어진 커스텀 필드 값은 Kadence Blocks Pro의 다이나믹 컨텐트 기능을 이용해, 별도의 개발 없이 불러올 수 있습니다.

Custom Post Type UI

커스텀 포스트 타입, 커스텀 택소노미 플러그인입니다.

4) 마케팅 플러그인

Google SiteKit

구글에서 직접 제공하는 플러그인으로 워드프레스와 구글 애널리틱스, 태그 매니저 등을 연동합니다.

MonsterInsights Pro

구글 애널리틱스 연동 플러그인

Yoast SEO

SEO(검색엔진최적화) 플러그인

Kadence Conversions

팝업, 슬라이드-인 등을 제공합니다.

단순 광고 플러그인이 아니라 자체적인 트래킹 또는 구글 애널리틱스를 이용한 트래킹 기능 제공합니다. 높은 수준의 분석을 위해서는 구글 애널리틱스 연동을 추천합니다.
블록에디터 기반이기 때문에 손쉬운 편집이 가능합니다.
해당 기능을 사용하지 않을 경우, 비활성화를 추천합니다.

단비 소셜공유

국내외 서비스를 이용한 소셜공유 기능을 제공합니다.

Easy Notification Bar

사이트 상단에 간단한 바를 삽입합니다.

사용자 정의하기 > Easy Notification Bar에서 설정합니다.
해당 기능을 사용하지 않을 경우, 비활성화를 추천합니다.

5) 회원관리 플러그인

Ultimate Member

대표적인 회원관리 플러그인입니다.

얼티밋 멤버 K

Ultimate Member에 부족한 기능을 채워주는 애드온입니다.

6) 관리자 플러그인

Admin Menu Editor

알림판, 관리자 메뉴, 메타 박스, 사용자 역할 등을 섬세하게 설정할 수 있습니다.

Admin Columns Pro

포스트 타입, 사용자, 택소노미 용어 등의 컬럼을 변경할 수 있습니다.

WPCodeBox

PHP, CSS 등의 스니펫을 구조적으로 관리할 수 있습니다.

HappyFiles Pro

미디어, 포스트 타입을 폴더 형식으로 관리합니다. 이와는 별도로 SVG 업로드 및 Sanitization(보안위험성 제거) 기능도 가지고 있습니다.

Yoast Duplicate Post (요스트 글 복제)

이름 그대로 포스트 타입을 복제하는 플러그인입니다.

6) 퍼포먼스 플러그인

Perfmatters

퍼포먼스 향상을 위한 방대한 기능을 제공하는 플러그인입니다

Imagify

이미지 최적화 플러그인입니다. 다른 이미지 최적화 플러그인을 사용해도 무방합니다.

jpg, png, pdf, gif 파일을 지원하며 WebP로 변환할 수 있습니다.
호스팅 서버가 아닌 Imagify 서버를 이용해 최적화가 이루어지기 때문에 퍼포먼스 부담이 거의 없습니다.
Kinsta 호스팅을 이용할 경우, 호스팅 자체에서 이미지 최적화를 제공하기 때문에 이미지 최적화 플러그인이 필요 없습니다. Kinsta의 CDN 메뉴에서 최적화를 활성화하면 됩니다.

7) 기타

Relevanssi Premium

단순 UI가 아니라 실제로 데이터를 인뎅싱하는 검색엔진 플러그인입니다. 한글 검색에 적합한 상태로 설정되어 있습니다.

Gravity Forms

가장 강력한 폼 플러그인

WP All Imports & Experts

포스트 타입, 사용자 등 거의 모든 정보를 내보내거나 가져올 수 있는 플러그인입니다.
사용할 때만 활성화하시기 바랍니다.

2. 주요 설정

1) 사용자 화면

카테고리

Kadence에서 아카이브 루프를 만드는 방식은 사용자 정의하기와 Template Element로 나뉘어 집니다. 데모의 카테고리는 A는 사용자 정의하기로, 나머지는 Template Elements로 설정되어 있습니다. Template Elements를 이용하면 보다 높은 수준의 커스터마이징이 가능합니다. 해당 기능의 사용법은 아래 동영상을 참고해 주십시오.

홈, 소개, 개인정보처리방침

블록에디터로 편집된 페이지입니다.

검색 결과

템플릿은 사용자 정의하기에서 설정합니다. 검색 기능 자체는 Relvanssi Premium을 이용합니다.

문의하기 1

Kadence Blocks에 포함된 Form 블록으로 만들어졌습니다. Form 블록은 간단한 폼을 만들기에 적합합니다.

문의하기 2

Gravity Forms를 이용해 만들어졌습니다. Gravity Forms는 강력한 폼을 만들 수 있으며 노코딩, 로우코딩 레벨의 강력한 프로세스를 구현할 수 있습니다.

전환도구

모든 전환도구는 Kadence Conversions를 사용합니다. 관리자 > 전환에서 설정할 수 있습니다.

계정정보

Ultimate Member, 얼티밋 멤버 K를 이용해 구현되어 있습니다. Yoast SEO를 이용해 검색엔진 접근을 차단했습니다.

404 에러

404에러는 존재하지 않는 페이지에 접속한 경우 보여주는 페이지입니다. 사용자 정의하기에서 설정할 수 있습니다.

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의 유무료 API Key를 발급받아 입력합니다. 다른 이미지 최적화 플러그인 사용할 경우, Imagify를 비활성화합니다. 무료의 경우, 이메일 주소를 입력하면 무료 API Key를 이메일로 받아볼 수 있고, 유료는 Imagify 사이트에서 가입하는 방식입니다.

5) 개인정보처리방침 작성

개인정보보호 포털에서 운영하는 개인정보 처리방침 만들기 서비스를 이용할 수 있습니다.

6) 구글 애널리틱스 연결

기존 사이트: 내장된 MonsterInsights Pro로 설정하면 됩니다.
신규 사이트: Google SiteKit를 이용하면, 손쉽게 구글 애널리틱스와 구글 태그 매니저의 속성(Property)을 생성하고 연결할 수 있습니다. Google SiteKit 설정이 끝난 이후, Google SiteKit을 비활성하고 경력한 연동을 제공하는 MosnterInsights Pro 사용을 권장 드립니다.

7) 커스텀 코드 입력

스타터팩은 편리한 코드 관리를 위해 스니펫 관리 플러그인인 WPCodeBox가 설치되어 있습니다. 아래의 방식을 권장합니다.

자식 테마에 직접 코드를 입력하지 않고, 스니펫 메뉴를 사용합니다
워드프레스에 대한 공통 코드는 ‘워드프레스 코어’ 폴더에 명백히 특정 테마나 플러그인에 의존적인 경우 해당 테마나 플러그인 폴더명에 나머지는 ‘기타’ 폴더에 넣습니다.

4. 속도최적화 (권장사항)

미디어 스타터팩은 제공되나, 실제 제작단계에서 사이트 변경에 따른 아래 사항을 추천드립니다.

1) 썸네일 사이즈 변경

정확한 사이즈의 썸네일은 사이트 로딩 속도를 향상시킬 뿐 아니라, 스토리지 용량을 줄여줍니다. 해당 사이즈는 사이트마다 다르기 때문에 아래의 과정으로 진행합니다. 플러그인 보다는 스니펫 코드를 사용하는 게 속도최적화에 유리합니다.

① 썸네일 사이즈 지정

설정 > 미디어에서 정확한 썸네일 사이즈를 지정합니다.

② 썸네일 재생성

사이즈가 변경되었으므로 썸네일을 하단의 ‘Regenerate Thumbanils’를 클릭해 썸네일을 재생성합니다.

③ 스니펫 삽입

동일 페이지에서 ‘Get the PHP for the Theme’을 클릭 후, 스니펫의 Simple Image Sizes를 선택해 해당 코드를 입력하고 해당 스니펫을 활성화합니다.

③ 플러그인 비활성화

‘플러그인 > 설치된 플러그인’에서 Simple Image Sizes를 비활성화합니다. 썸네일 사이즈가 변경될 경우, 위의 ①, ② 스텝을 반복하면 됩니다.

2) Perfmatters 설정

스타터팩은 Perfmatter에 대한 설정을 포함하고 있습니다. 단, 추가적인 플러그인이 설치된 경우 이에 맞추어 설정을 변경하시기 바랍니다.

5. 보안 강화 (권장사항)

보안 강화를 위해 필수는 아니나 아래 작업을 권장합니다.

1) 워드프레스 코어 알림판, 로그인 URL 변경

설정 > Perfatters의 일반 탭에서 로그인 URL을 임의로 변경합니다. 이렇게 하면, 사람이나 봇에 의한 로그인 시도(login injection) 가능성을 대폭 낮출 수 있습니다.

단, Kinsta 호스팅이나 캐싱 플러그인을 사용하는 경우 해당 주소를 캐싱에서 제외시켜야 합니다. Kinsta에서는 기술지원 채팅을 통해 캐슁 제외를 요청합니다.

2) Ultimate Member 페이지 URL 변경

회원제를 위해 Ultimate Member를 활성화한 경우, 회원가입과 로그인 페이지의 슬러그를 임의로 변경해 URL을 변경합니다. 이를 통해 봇에 의한 가입과 로그인 시도를 함께 낮울 수 있습니다.
이 경우 워드프레스 코어 알림판, 로그인 URL 변경과 동일하게 캐싱에서 해당 URL을 제외시켜야 합니다.

로그인, 회원가입 페이지에 대한 검색엔진 크롤링 방지는 이미 설정되어 있습니다.