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 步

准备测试站点和主机

请先在测试站点(staging)上操作。Washlora 需要 WordPress 6.6 或更高版本,以及 PHP 8.0 或更高版本。

  1. 创建可恢复的数据库和文件备份。
  2. 请向主机商申请 256 MB 或更多的 PHP 内存,以及导入时约 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 个细分行业中选择一个。每个细分行业都有三种首页布局,每种布局提供四种编辑器版本。

  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 步

使用四种编辑器之一进行编辑

选择 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

详情:使用四种页面编辑器编辑

首页布局与编辑器切换器首页布局与编辑器切换器
预览原生演示页面的每个编辑器版本。
第 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. 将自定义代码放在子主题中,并先在测试站点上测试更新。

详情:上线、更新与支持