커스터마이징 / 02 DESIGN

화면과 디자인 바꾸기

첫 단계는 코딩이 아니라 지금 쓰는 WordPress와 Theme이 이미 제공하는 편집 기능입니다.

02 / 7
기본 기능
NO CODE

코드 없이 되는 건요?

BASICS이해하기정말 바꿔야 할까? · 1단계
NO CODE기본 기능코드 없이 되는 것부터. · 1단계
STYLE직접 조정CSS와 HTML의 범위. · 2단계
CODE기능 변경안전하게 수정하는 방법. · 2단계
JUDGE판단하기어디서 멈춰야 하는가? · 1단계

커스터마이징을 시작한다고 바로 코드를 쓸 필요는 없습니다. 가장 먼저 볼 것은 지금 쓰는 WordPress와 Theme이 기본으로 제공하는 편집 기능입니다.

Block Editor텍스트 · 이미지 · 버튼 · 제목 · 목록 · 컬럼 · 인용문을 조합해 페이지를 만듭니다. 간단한 디자인에 HTML을 직접 쓸 필요는 없습니다.
Site EditorBlock Theme이라면 Header · Footer · Template까지 시각적으로 관리할 수 있습니다.
Theme 설정Theme마다 제공 범위가 다릅니다. Typography · 색상 · Layout을 어디까지 지원하는지 먼저 확인합니다.

메뉴 · Header · Footer

Navigation Menu는 방문자가 사이트를 탐색하는 핵심 요소입니다. 이름 · 순서 · 연결되는 페이지를 바꾸는 것도 대표적인 커스터마이징이며, 사이트가 커질수록 메뉴 구조의 중요도가 올라갑니다. Header에는 Logo · Main Menu · Search · 주요 CTA를, Footer에는 주요 링크 · 소개 · 정책 페이지 · Contact · Copyright를 배치할 수 있습니다.

직접 수정하기 전에

01Theme 기본 기능 확인

이미 있는 설정으로 되는지 봅니다.

02Block / Site Editor 확인

편집기에서 해결되는지 봅니다.

03Plugin 검토

이미 설치된 Plugin으로 되는 경우도 많습니다.

04CSS · 코드

여기까지 왔을 때 비로소 코드를 검토합니다.

좋은 커스터마이징

더 많이 넣는 것이 아니라 필요한 것을 더 잘 보여주는 것입니다. 예쁘게 만들려고 요소를 계속 더하면 페이지는 복잡해집니다.

SelfWordPress

많이 바꾸는 것이 아니라
정확하게 바꾸는 것.

가장 쉬운 방법으로 해결된다면 가장 어려운 방법을 선택하지 않습니다. 그리고 “지금 작동하는가”보다 “1년 뒤에도 관리할 수 있는가”를 봅니다.