Washlora — 마스터 가이드

설치와 니치 가져오기부터 편집, 예약, 서비스 샵, AI Studio, 출시까지 단계별로 안내하는 전체 문서입니다.

문서 홈 › 마스터 가이드

영상으로 보고 싶으신가요? Washlora 전체 시리즈가 YouTube에 있습니다(11편).YouTube에서 전체 재생목록 열기

빠른 시작

다운로드부터 작동하는 사이트까지 여섯 단계입니다. 각 단계는 아래에서 자세히 설명합니다.

  1. Washlora 테마(washlora-theme.zip)를 업로드하고 활성화합니다.
  2. Washlora Core를 설치하고 활성화한 다음, 무료 WordPress Importer를 설치합니다.
  3. 사용할 에디터(Elementor, WPBakery 또는 Classic Editor — Gutenberg는 기본 내장)와 WooCommerce, Contact Form 7을 설치합니다.
  4. Appearance → Import a niche를 열고 105개 니치 중 하나를 선택합니다.
  5. Import selected niche를 클릭한 다음 Pages를 열어 홈 레이아웃과 에디터 버전을 선택합니다.
  6. 샘플 콘텐츠(Niche identity, 메뉴, 서비스, 가격, 예약, 연락처 정보)를 교체합니다.
1단계

스테이징과 호스팅 준비

먼저 스테이징 사이트에서 작업하세요. Washlora에는 WordPress 6.6 이상과 PHP 8.0 이상이 필요합니다.

  1. 복원 가능한 데이터베이스 및 파일 백업을 만드세요.
  2. 호스팅 업체에 PHP 메모리 256 MB 이상과 가져오기를 위한 약 300초의 실행 허용 시간을 요청하세요.
  3. 업로드 제한을 업로드할 ZIP 파일의 크기보다 크게 설정하세요.
관리자 경로: Tools → Site Health → Info

자세한 내용: 설치 및 요구 사항 · 호스팅 및 문제 해결

2단계

테마와 플러그인 설치

설치용 테마 ZIP을 업로드한 다음, 보조 플러그인과 사용할 에디터만 설치하세요.

  1. washlora-theme.zip(Washlora 테마)을 업로드하고 활성화합니다.
  2. 필수 보조 플러그인인 Washlora Core를 설치하고 활성화합니다.
  3. 무료 WordPress Importer를 설치합니다.
  4. Elementor, WPBakery 또는 Classic Editor(Gutenberg는 기본 내장)를 설치하고, 필요하면 WooCommerce와 Contact Form 7도 설치합니다.
관리자 경로: Appearance → Themes → Add New / Plugins → Add New

자세한 내용: 설치 및 요구 사항

EP 1 · Washlora: Laundry & Dry Cleaning WordPress Theme with WooCommerce (105 Demos) · 5:18 · YouTube

3단계

니치 가져오기

105개 니치 중 하나를 선택하세요. 각 니치에는 4가지 에디터 버전으로 제공되는 3가지 홈 레이아웃이 있습니다.

  1. Appearance → Import a niche를 열고 니치를 선택합니다.
  2. Download demo images는 선택된 상태로 두거나, 콘텐츠만 가져오려면 선택을 해제합니다.
  3. Import selected niche를 클릭한 다음 로그를 검토합니다.
  4. Pages를 열어 홈과 에디터 버전을 고르고, Settings → Reading에서 프런트 페이지를 설정합니다.
관리자 경로: Appearance → Import a niche

자세한 내용: 니치 가져오기

105개 니치 컬렉션105개 니치 컬렉션
라이브 Demos 페이지에서 니치, 홈 레이아웃, 에디터 선택 항목을 둘러보세요.
4단계

4가지 에디터 중 하나로 편집

Gutenberg, Elementor, WPBakery 또는 Classic Editor 중 하나를 선택하고 해당 페이지 버전을 유지하세요. 각 버전은 변환본이 아니라 별개의 페이지입니다.

  1. Gutenberg: Washlora Section 블록을 편집하고 List View에서 순서를 바꿉니다.
  2. Elementor: 캔버스 또는 Navigator에서 Laundry 섹션 위젯을 편집합니다.
  3. WPBakery: 행과 열 안의 Washlora Section 구성 요소를 편집합니다.
  4. Classic: 에디터 아래의 섹션 컨트롤을 사용하고 [laundry_classic_sections]를 유지합니다.
관리자 경로: Pages → All Pages

자세한 내용: 4가지 페이지 에디터로 편집하기

홈 레이아웃 및 에디터 전환기홈 레이아웃 및 에디터 전환기
네이티브 데모 페이지의 각 에디터 버전을 미리 확인합니다.
5단계

브랜드, 색상 및 메뉴

아이덴티티를 먼저 설정한 다음 표현 방식, 마지막으로 전역 디자인을 설정하세요. 네이티브 니치 페이지에는 고유한 아이덴티티와 디자인 계층이 있습니다.

  1. Niche identity에서 Brand, Tagline, Phone, Email, Hours, Area, About 및 색상을 설정합니다.
  2. Niche design에서 콘텐츠 너비, 모서리 반경, 섹션 간격을 조정합니다.
  3. 전역 헤더, 푸터, 레이아웃, 메뉴 옵션에는 Design Studio와 Washlora Options를 사용합니다.
  4. 메뉴 레이블과 이동 대상을 업데이트합니다.
관리자 경로: Appearance → Niche identity / Niche design · Washlora AI Studio → Design Studio

자세한 내용: 브랜딩, 디자인 및 콘텐츠

6단계

서비스, 가격 및 이미지

샘플 서비스, 가격, 사진을 실제 비즈니스 정보로 교체하세요.

  1. 에디터에서 Services 페이지를 편집하고 service 콘텐츠 유형에서 서비스 기록을 관리합니다.
  2. 온라인으로 판매한다면 WooCommerce에서 실제 가격, 세금, 이용 가능 여부를 설정합니다.
  3. 샘플 사진을 교체하고 유용한 대체 텍스트를 추가합니다.
관리자 경로: Pages → Services · Products → All Products

자세한 내용: 브랜딩, 디자인 및 콘텐츠

서비스 원장 섹션서비스 원장 섹션
Tent & Awning Care 데모의 서비스 원장 섹션입니다.

EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube

7단계

예약, 수거 및 배송

예약 페이지는 요청을 수집합니다. 요청은 결제되었거나 확정된 주문이 아닙니다.

  1. 예약 페이지에 예약 기능 섹션을 유지하세요.
  2. 샘플 서비스 지역과 운영 시간을 교체합니다.
  3. Submit a test request on staging and confirm that the request record is stored.
  4. 워크플로에 맞게 Pickup Slots, Garment Items, Delivery Routes를 검토합니다.
관리자 경로: Pages → Booking

자세한 내용: 예약, 수거 및 운영

수거 및 배송 요청 양식수거 및 배송 요청 양식
고객 데이터를 제출하지 않고 보여 주는 실제 요청 양식입니다.

EP 7 · Laundry Pickup & Delivery Booking Form in WordPress (Built-in) · 4:15 · YouTube

8단계

샵과 결제

Commerce Studio는 네이티브 WooCommerce 위에 세탁 서비스 스토어를 추가합니다.

  1. Products에서 서비스를 편집하고, 비즈니스에서 실제로 이행할 수 있는 서비스 세부 정보만 입력하세요.
  2. 필요한 곳에 샵 숏코드 [laundryes_commerce_store] 또는 [laundryes_woocommerce_store niche="laundromat"]를 사용합니다.
  3. 직접 사용하는 결제 대행사를 구성하세요. 니치를 가져와도 게이트웨이는 활성화되지 않습니다.
  4. 출시 전에 테스트 주문을 완료하세요.
관리자 경로: Products · WooCommerce → Settings → Payments · WooCommerce → Settings → Products → Washlora shopping

자세한 내용: Commerce Studio 및 샵

EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube

더 많은 동영상 튜토리얼

9단계

AI Studio: 생성기와 어시스턴트

설치된 템플릿으로 편집 가능한 페이지 초안을 만듭니다. 외부 AI API 키는 필요하지 않습니다.

  1. 관리자 계정으로 AI Website Generator를 열고 비즈니스 이름, 니치, 에디터, 홈 레이아웃을 입력합니다.
  2. 웹사이트 계획을 미리 보고 경고를 확인합니다.
  3. 초안을 빌드하고 각각 검토한 후에만 게시합니다.
  4. 홈페이지와 메뉴는 직접 지정하세요. 생성된 메뉴는 자동으로 지정되지 않습니다.
관리자 경로: Washlora AI Studio → AI Website Generator / AI Theme Assistant

자세한 내용: AI Studio

생성기 계획 데모생성기 계획 데모
공개 계획 데모입니다. 관리자 워크플로는 초안을 만듭니다.

EP 10 · Laundry Checkout with Pickup Fields, Website Generator & Docs · 4:26 · YouTube

더 많은 동영상 튜토리얼

10단계

슬라이더, 언어 및 품질 점검

공개하기 전에 히어로 섹션, 선택형 슬라이더, 번역, 오른쪽에서 왼쪽 레이아웃, 접근성을 확인하세요.

  1. 네이티브 히어로 섹션은 페이지 에디터에서 편집하세요. 페이지에 실제로 슬라이더가 삽입되어 있는 경우에만 슬라이더 플러그인을 사용하세요.
  2. 사이트 언어를 선택하고 번역된 콘텐츠를 제공합니다.
  3. RTL, 작은 휴대폰, 키보드 포커스, 양식 레이블을 테스트합니다.
관리자 경로: Settings → General

자세한 내용: 언어, RTL 및 접근성

11단계

출시 후 건강하게 관리하기

모든 샘플 값을 제거하고, 실제 비즈니스 규칙을 테스트하고, 백업한 다음 게시하세요.

  1. 샘플 이름, 예시 주소, 전화번호, 가격, 정책을 교체합니다.
  2. 데스크톱과 모바일에서 예약, 문의, 장바구니, 결제를 테스트합니다.
  3. 캐시를 지우고 로그아웃한 상태에서 공개 사이트를 확인합니다.
  4. 사용자 지정 코드는 차일드 테마에 보관하고 업데이트는 스테이징에서 테스트합니다.

자세한 내용: 출시, 업데이트 및 지원