문서 홈 › 브랜딩, 디자인 및 콘텐츠
동영상 튜토리얼 보기
EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube
설정이 계층화되는 방식
Washlora에는 여러 설정 계층이 있습니다. 가장 구체적인 계층에서 가장 전역적인 계층 순으로 작업하세요.
- 페이지 콘텐츠 — 페이지 에디터에서 편집하는 섹션의 텍스트, 이미지, 링크입니다.
- Niche identity와 Niche design — 네이티브 니치의 공통 아이덴티티와 표현 방식입니다.
- Washlora Design Studio와 Washlora Options — 표준 테마 셸의 전역 시각 컨트롤입니다.
니치에서 직접 제작한 헤더와 푸터가 표준 전역 셸보다 우선할 수 있습니다. 네이티브 데모에서 전역 색상 변경이 적용되지 않으면 먼저 Niche identity에서 설정하세요.
Niche identity
관리자 경로: Appearance → Niche identity
- 편집하기 전에 니치를 선택하세요.
- Brand, Tagline, Phone, Email, Hours, Area, About을 설정합니다.
- Primary, Dark, Accent, Soft, Ink 색상을 조정한 다음 Save identity를 클릭합니다.
- 니치의 홈페이지와 하위 페이지에서 헤더와 푸터를 확인하세요.
공통 아이덴티티를 변경해도 데모의 모든 문단이 다시 작성되지는 않습니다. 섹션별 텍스트는 페이지 에디터에서 편집하세요.
Niche design
관리자 경로: Appearance → Niche design
- 니치를 선택하고 Atelier, Dispatch, Enterprise, Home care 같은 표현 스타일을 고릅니다.
- 콘텐츠 너비는 1040~1320 px, 모서리 반경은 0~48 px, 데스크톱 섹션 간격은 64~120 px 범위에서 설정합니다.
- 디자인을 저장하고 동일한 니치를 둘 이상의 에디터에서 미리 확인하세요.
섹션 구성을 다르게 하려면 대신 페이지 에디터의 레이아웃 컨트롤을 사용하세요.
Washlora Design Studio
관리자 경로: Washlora AI Studio → Design Studio
표준 테마 셸을 위한 전역 시각 컨트롤입니다. Save Design을 클릭하면 적용됩니다.
| 컨트롤 | 선택 항목 |
|---|---|
| 색상 | Primary, Secondary, Accent, Body background, Text colour. |
| Header style / Footer style | 헤더 스타일 12종과 푸터 스타일 12종. |
| 로고 너비 | 60~360 px. |
| 슬라이더 스타일 | 스타일 1~5. |
| 사이트 레이아웃 | Wide 또는 Boxed. |
| 헤더 옵션 | Sticky header, Mega menu, Menu search, Menu cart. |
Washlora Options
Redux Framework를 활성화하면 표준 테마 셸에 적용되는 전역 브랜딩, 색상, 타이포그래피, 헤더, 푸터, 블로그, 성능 컨트롤을 Washlora Options에서 사용할 수 있습니다.
메뉴, 헤더 및 푸터
관리자 경로: Appearance → Menus
- 니치에 해당하는 메뉴를 선택하고 레이블을 업데이트합니다.
- 샘플 이동 대상을 실제 페이지로 교체하고 기본 메뉴 지정을 확인하세요.
- 니치 헤더가 마지막 메뉴 항목을 행동 유도 버튼으로 사용한다면, 그 항목을 주요 문의 또는 예약 동작으로 유지하세요.
- 공통 연락처와 비즈니스 텍스트는 Niche identity에서 업데이트하세요.
- 저장한 후 모바일 메뉴, 키보드 포커스, 푸터 링크, 모든 버튼을 확인하세요.
공개 105개 데모 쇼케이스의 메가 메뉴는 제작자의 데모 브라우저입니다. 쇼케이스 자체가 비즈니스 사이트에 가져와진다고 가정하지 마세요.
서비스, 가격 및 이미지
편집용 페이지 문구는 서비스 기록 및 유료 상품과 분리하여 관리하세요.
- 서비스 표시 방식을 바꾸려면 선택한 에디터에서 Services 페이지를 편집하세요.
- WordPress의 service 콘텐츠 유형에서 세탁 서비스 기록을 관리하세요. 제목, 설명, 서비스 세부 정보를 검토합니다.
- 온라인으로 판매한다면 WooCommerce에서 해당 Products를 편집하고 실제 가격, 세금, 이용 가능 여부를 설정하세요. Commerce Studio를 참조하세요.
- 각 섹션의 이미지 컨트롤로 샘플 사진을 교체하세요. 미디어 라이브러리에서 의미 있는 대체 텍스트를 추가하세요.
- 휴대폰과 와이드 화면에서 이미지 잘림을 확인하고, 제3자 사진의 출처와 라이선스 기록을 보관하세요.
미리보기 사진과 샘플 가격은 비즈니스 약속이 아닙니다. 다시 사용하기 전에 각 데모 사진의 라이선스를 확인하세요. 미디어 크레딧을 참조하세요.
히어로 이미지와 선택형 슬라이더
네이티브 히어로 섹션과 제3자 슬라이더 모듈은 서로 다른 콘텐츠 유형입니다.
- 네이티브 히어로는 선택한 페이지 에디터에서 섹션 이미지, 제목, 본문, 행동 유도 버튼을 편집하세요.
- 페이지에 실제로 슬라이더가 삽입되어 있다면 해당 모듈을 확인하고 슬라이더 플러그인(Slider Revolution, Smart Slider 3 또는 Master Slider)을 여세요. 미리보기 사이트에서는 Prime Slider와 Serious Slider도 활성화되어 있습니다.
- 가져온 후 삽입된 슬라이더가 존재하는지, 숏코드나 위젯이 올바른 모듈을 가리키는지 확인하세요.
- 모바일에서 자동 재생, 키보드 접근성, 모션 감소, 이미지 로딩을 테스트하세요.
기본 슬라이더 옵션을 선택해도 네이티브 히어로 섹션이 슬라이더 모듈로 바뀌지는 않습니다.
Demo-Data의 슬라이더 데이터베이스 내보내기 파일을 원시 SQL로 운영 데이터베이스에 가져오면 안 됩니다. 통제된 마이그레이션 절차를 사용하세요. 각 슬라이더 플러그인의 패키지 내용과 라이선스를 확인하세요.