사이트 에디터와 커스터마이저

WordPress에서 사이트의 디자인을 변경하는 방법은 두 가지입니다: 커스터마이저(Customizer)와 사이트 에디터(Site Editor). 어떤 도구를 사용할 수 있는지는 사용 중인 테마의 유형에 따라 결정됩니다.

클래식 테마 (Astra, GeneratePress 등) → 커스터마이저 사용

블록 테마 (Twenty Twenty-Four 등) → 사이트 에디터 사용

일부 하이브리드 테마는 두 가지를 모두 지원하기도 합니다.

접속 방법: 관리자 > 외모 > 사용자 정의하기 또는 프론트엔드에서 상단 툴바의 "사용자 정의하기"

커스터마이저는 왼쪽에 설정 패널, 오른쪽에 실시간 미리보기가 표시되는 분할 화면 구조입니다. 왼쪽 패널에서 설정을 변경하면 오른쪽 미리보기에 즉시 반영됩니다.

커스터마이저의 주요 장점:

- 변경사항을 실시간으로 미리 볼 수 있음

- "발행" 버튼을 클릭하기 전까지 실제 사이트에 적용되지 않음

- 변경사항을 임시저장하고 나중에 발행 예약 가능

- 데스크톱/태블릿/모바일 미리보기 전환 가능

WordPress 코어가 제공하는 기본 패널:

사이트 아이덴티티: 사이트 제목, 태그라인, 로고, 사이트 아이콘(파비콘) 설정

색상: 배경색 등 기본 색상 설정

배경 이미지: 사이트 전체 배경에 이미지 적용

메뉴: 내비게이션 메뉴 생성 및 관리

위젯: 사이드바, 푸터 등 위젯 영역 관리

홈페이지 설정: 최신 글 표시 또는 정적 페이지 선택

추가 CSS: 커스텀 CSS 코드를 직접 입력하여 디자인 미세 조정

인기 테마들은 기본 패널 외에 풍부한 추가 옵션을 제공합니다:

글로벌 설정:

- 타이포그래피: 기본 폰트, 제목 폰트, 크기, 줄간격

- 색상: 테마 팔레트, 링크 색상, 배경색

- 컨테이너: 콘텐츠 영역 너비, 레이아웃 스타일

- 버튼: 기본 버튼 스타일, 색상, 패딩, 보더 반경

헤더 빌더:

- 로고 위치와 크기

- 메뉴 스타일

- 검색 아이콘, 버튼, 계정 아이콘 추가

- 상단바(Top Bar) 활성화

- 모바일 헤더/메뉴 커스터마이징

푸터 빌더:

- 푸터 위젯 열 수와 레이아웃

- 하단바(Bottom Bar) 저작권 텍스트

- 소셜 미디어 아이콘

블로그 설정:

- 아카이브 레이아웃 (리스트, 그리드)

- 포스트 메타 표시 항목

- 발췌 길이

- 페이지네이션 스타일

사이드바 설정:

- 사이드바 위치 (왼쪽/오른쪽/없음)

- 페이지별 사이드바 다르게 설정

- 사이드바 너비