이 가이드에서는 스타일 북을 사용하여 사이트에 블록을 삽입하지 않고도 스타일 변경 사항이 블록 표시에 미치는 영향을 미리 보는 방법을 배웁니다.
이 기능은 워드프레스닷컴 프리미엄, 비즈니스, 상거래 요금제 및 기존 프로 요금제를 이용하는 사이트에서 사용할 수 있습니다. 무료 및 개인 요금제를 사용하는 사이트의 경우 요금제를 업그레이드하여 이 기능에 접근하세요.
스타일 북은 사이트 스타일에 대한 모든 변경 사항을 저장한 후 모든 사용 가능한 블록이 어떻게 표시되는지에 대한 예를 보여줍니다.
- 사이트의 알림판을 방문합니다.
- 디자인 → 편집기로 이동합니다.
- 왼쪽 메뉴에서 “스타일“을 선택합니다.
- “스타일” 텍스트 오른쪽의 눈 모양 아이콘을 클릭합니다. (아이콘을 다시 클릭하여 편집기로 돌아갈 수 있습니다.)
페이지, 템플릿 또는 템플릿 부분을 편집할 때 스타일 북을 열 수 있습니다. 위의 비디오 개요에서 사용된 단계입니다. 다음 단계를 따르세요.
- 사이트의 알림판을 방문합니다.
- 디자인 → 편집기로 이동합니다.
- 페이지, 템플릿 또는 템플릿 부분을 편집합니다.
- 편집기 상단 도구 모음에 있는 “스타일” 아이콘(반은 흰색이고 반은 검은색인 원 모양)을 클릭합니다.
- “스타일 북” 아이콘(눈 모양)을 클릭하여 스타일 북을 엽니다. (아이콘을 다시 클릭하여 편집기로 돌아갈 수 있습니다.)
스타일 북을 열면 색 구성표와 타이포그라피를 미리 보고 변경할 수 있습니다. 또한 각 변경 사항이 특정 텍스트, 블록, 미디어 등에 미치는 영향의 예도 볼 수 있습니다.
“스타일” 패널 오른쪽에는 사이트의 다양한 요소 유형(색상, 타이포그라피, 버튼, 이미지 등)의 미리보기가 있습니다. 특정 요소의 스타일을 편집하려면 다음 단계를 따르세요.
- 화면 오른쪽의 미리보기에서 요소(색상, 타이포그라피 등)를 클릭합니다.
- 왼쪽의 “스타일” 패널에서 요소의 스타일을 편집합니다.
- 요소 이름 옆에 있는 뒤로 화살표를 클릭하면 전체 요소 목록으로 돌아가서 스타일을 지정할 다른 요소를 선택할 수 있습니다.
- 완료 후 “디자인” 패널 하단에 있는 “변경 사항 검토…” 버튼을 클릭하여 변경 사항을 검토하고 저장합니다.
변경 사항을 저장하지 않고 나가려면 “디자인” 패널 왼쪽 상단의 아이콘을 클릭하여 변경 사항을 저장하지 않고 나가는 옵션을 선택합니다.
지원 