Washlora — Hướng dẫn tổng hợp

Tài liệu từng bước đầy đủ, từ cài đặt và nhập ngách đến chỉnh sửa, đặt lịch, cửa hàng dịch vụ, AI Studio và ra mắt.

Trang chủ tài liệu › Hướng dẫn tổng hợp

Bạn thích xem video? Toàn bộ loạt Washlora có trên YouTube (11 tập).Mở toàn bộ danh sách phát trên YouTube

Bắt đầu nhanh

Sáu bước từ khi tải về đến một trang web hoạt động. Mỗi bước được giải thích chi tiết bên dưới.

  1. Tải lên và kích hoạt giao diện Washlora (washlora-theme.zip).
  2. Cài đặt và kích hoạt Washlora Core, sau đó là WordPress Importer miễn phí.
  3. Cài đặt trình chỉnh sửa bạn sẽ dùng (Elementor, WPBakery hoặc Classic Editor — Gutenberg có sẵn), cùng với WooCommerce và Contact Form 7.
  4. Mở Appearance → Import a niche và chọn một trong 105 ngách.
  5. Nhấp Import selected niche, sau đó mở Pages và chọn bố cục trang chủ cùng phiên bản trình chỉnh sửa của bạn.
  6. Thay nội dung mẫu: Niche identity, menu, dịch vụ, giá, đặt lịch và thông tin liên hệ.
Bước 1

Chuẩn bị staging và hosting

Hãy làm việc trên trang staging trước. Washlora cần WordPress 6.6 trở lên và PHP 8.0 trở lên.

  1. Tạo một bản sao lưu cơ sở dữ liệu và tệp có thể khôi phục.
  2. Yêu cầu nhà cung cấp hosting cấp 256 MB bộ nhớ PHP trở lên và thời gian thực thi khoảng 300 giây cho việc nhập.
  3. Đặt giới hạn tải lên cao hơn kích thước của các tệp ZIP bạn sẽ tải lên.
Đường dẫn quản trị: Tools → Site Health → Info

Chi tiết: Cài đặt và yêu cầu · Hosting và khắc phục sự cố

Bước 2

Cài đặt giao diện và plugin

Tải lên tệp ZIP giao diện có thể cài đặt, sau đó cài các plugin đi kèm và chỉ cài trình chỉnh sửa bạn định dùng.

  1. Tải lên và kích hoạt washlora-theme.zip (giao diện Washlora).
  2. Cài đặt và kích hoạt Washlora Core, plugin đi kèm bắt buộc.
  3. Cài đặt WordPress Importer miễn phí.
  4. Cài đặt Elementor, WPBakery hoặc Classic Editor (Gutenberg có sẵn), cùng với WooCommerce và Contact Form 7 nếu bạn cần.
Đường dẫn quản trị: Appearance → Themes → Add New / Plugins → Add New

Chi tiết: Cài đặt và yêu cầu

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

Bước 3

Nhập ngách của bạn

Chọn một trong 105 ngách. Mỗi ngách có ba bố cục trang chủ trong bốn phiên bản trình chỉnh sửa.

  1. Mở Appearance → Import a niche và chọn một ngách.
  2. Giữ nguyên dấu chọn Download demo images, hoặc bỏ chọn để chỉ nhập nội dung.
  3. Nhấp Import selected niche, rồi xem lại nhật ký.
  4. Mở Pages, chọn trang chủ và phiên bản trình chỉnh sửa, rồi đặt trang chủ trong Settings → Reading.
Đường dẫn quản trị: Appearance → Import a niche

Chi tiết: Nhập ngách

Bộ sưu tập 105 ngáchBộ sưu tập 105 ngách
Duyệt các ngách, bố cục trang chủ và lựa chọn trình chỉnh sửa trên trang Demos trực tiếp.
Bước 4

Chỉnh sửa bằng một trong bốn trình chỉnh sửa

Chọn Gutenberg, Elementor, WPBakery hoặc Classic Editor và giữ các phiên bản trang của nó. Các phiên bản là những trang riêng biệt, không phải bản chuyển đổi.

  1. Gutenberg: chỉnh sửa các khối Washlora Section và sắp xếp lại chúng trong List View.
  2. Elementor: chỉnh sửa các widget Laundry section trong vùng làm việc hoặc Navigator.
  3. WPBakery: chỉnh sửa các thành phần Washlora Section bên trong hàng và cột.
  4. Classic: dùng các điều khiển phần bên dưới trình chỉnh sửa và giữ nguyên [laundry_classic_sections].
Đường dẫn quản trị: Pages → All Pages

Chi tiết: Chỉnh sửa với bốn trình chỉnh sửa trang

Bộ chuyển đổi bố cục trang chủ và trình chỉnh sửaBộ chuyển đổi bố cục trang chủ và trình chỉnh sửa
Xem trước từng phiên bản trình chỉnh sửa của một trang demo gốc.
Bước 5

Thương hiệu, màu sắc và menu

Hãy thiết lập nhận diện trước, rồi đến cách trình bày, sau đó là thiết kế toàn cục. Các trang ngách gốc có tầng nhận diện và thiết kế riêng.

  1. Đặt Brand, Tagline, Phone, Email, Hours, Area, About và màu sắc trong Niche identity.
  2. Điều chỉnh chiều rộng nội dung, bo góc và khoảng cách giữa các phần trong Niche design.
  3. Dùng Design Studio và Washlora Options cho các tùy chọn toàn cục về header, footer, bố cục và menu.
  4. Cập nhật nhãn và đích đến của menu.
Đường dẫn quản trị: Appearance → Niche identity / Niche design · Washlora AI Studio → Design Studio

Chi tiết: Thương hiệu, thiết kế và nội dung

Bước 6

Dịch vụ, giá và hình ảnh

Thay dịch vụ, giá và ảnh mẫu bằng thông tin doanh nghiệp thực tế của bạn.

  1. Chỉnh sửa trang Services trong trình chỉnh sửa của bạn và quản lý các bản ghi dịch vụ trong loại nội dung service.
  2. Nếu bạn bán trực tuyến, hãy đặt giá, thuế và tình trạng sẵn có thực tế trong WooCommerce.
  3. Thay ảnh mẫu và thêm văn bản thay thế hữu ích.
Đường dẫn quản trị: Pages → Services · Products → All Products

Chi tiết: Thương hiệu, thiết kế và nội dung

Phần sổ dịch vụPhần sổ dịch vụ
Một phần sổ dịch vụ trong bản demo Tent & Awning Care.

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

Bước 7

Đặt lịch, lấy đồ và giao trả

Trang đặt lịch thu thập các yêu cầu. Một yêu cầu không phải là đơn hàng đã thanh toán hay đã xác nhận.

  1. Giữ phần chức năng đặt lịch trên trang đặt lịch.
  2. Thay các khu vực phục vụ và giờ hoạt động mẫu.
  3. Submit a test request on staging and confirm that the request record is stored.
  4. Xem lại Pickup Slots, Garment Items và Delivery Routes cho quy trình làm việc của bạn.
Đường dẫn quản trị: Pages → Booking

Chi tiết: Đặt lịch, lấy đồ và vận hành

Biểu mẫu yêu cầu lấy đồ và giao trảBiểu mẫu yêu cầu lấy đồ và giao trả
Biểu mẫu yêu cầu thực tế, hiển thị mà không gửi dữ liệu khách hàng.

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

Bước 8

Cửa hàng và thanh toán

Commerce Studio bổ sung một cửa hàng dịch vụ giặt ủi trên nền WooCommerce gốc.

  1. Chỉnh sửa dịch vụ trong Products; chỉ điền những chi tiết dịch vụ mà doanh nghiệp của bạn có thể thực hiện.
  2. Dùng các shortcode cửa hàng [laundryes_commerce_store] hoặc [laundryes_woocommerce_store niche="laundromat"] khi cần.
  3. Hãy cấu hình nhà cung cấp thanh toán của riêng bạn. Việc nhập một ngách không bao giờ bật cổng thanh toán.
  4. Hoàn tất một đơn hàng thử trước khi ra mắt.
Đường dẫn quản trị: Products · WooCommerce → Settings → Payments · WooCommerce → Settings → Products → Washlora shopping

Chi tiết: Commerce Studio và cửa hàng

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

Thêm video hướng dẫn

Bước 9

AI Studio: trình tạo và trợ lý

Tạo bản nháp trang có thể chỉnh sửa từ các mẫu đã cài đặt. Không cần khóa API AI bên ngoài.

  1. Mở AI Website Generator bằng tài khoản quản trị viên và nhập tên doanh nghiệp, ngách, trình chỉnh sửa và bố cục trang chủ.
  2. Xem trước kế hoạch trang web và kiểm tra các cảnh báo.
  3. Tạo các bản nháp, xem lại từng bản và chỉ xuất bản sau khi đã xem lại.
  4. Hãy tự gán trang chủ và menu — menu được tạo sẽ không tự động được gán.
Đường dẫn quản trị: Washlora AI Studio → AI Website Generator / AI Theme Assistant

Chi tiết: AI Studio

Bản demo lập kế hoạch của trình tạoBản demo lập kế hoạch của trình tạo
Bản demo lập kế hoạch công khai. Quy trình của quản trị viên sẽ tạo các bản nháp.

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

Thêm video hướng dẫn

Bước 10

Slider, ngôn ngữ và kiểm tra chất lượng

Kiểm tra các phần hero, slider tùy chọn, bản dịch, bố cục từ phải sang trái và khả năng truy cập trước khi đưa trang web vào hoạt động.

  1. Chỉnh sửa các phần hero gốc trong trình chỉnh sửa trang; chỉ dùng plugin slider nếu trang thực sự nhúng slider.
  2. Chọn ngôn ngữ của trang web và cung cấp nội dung đã dịch.
  3. Kiểm tra RTL, điện thoại nhỏ, tiêu điểm bàn phím và nhãn biểu mẫu.
Đường dẫn quản trị: Settings → General

Chi tiết: Ngôn ngữ, RTL và khả năng truy cập

Bước 11

Ra mắt và duy trì ổn định

Xóa mọi giá trị mẫu, kiểm thử các quy tắc kinh doanh thực tế, sao lưu rồi mới xuất bản.

  1. Thay các tên mẫu, địa chỉ ví dụ, số điện thoại, giá và chính sách.
  2. Kiểm thử đặt lịch, liên hệ, giỏ hàng và thanh toán trên máy tính và thiết bị di động.
  3. Xóa bộ nhớ đệm và kiểm tra trang web công khai khi đã đăng xuất.
  4. Giữ mã tùy chỉnh trong giao diện con và thử các bản cập nhật trên staging.

Chi tiết: Ra mắt, cập nhật và hỗ trợ