WP TOOLS

“主机购买与 WordPress 基础设置”

首页 建站工具 Ecommerce · WooCommerce
约 7 分钟·
🔒 登录后可标记已读

开一家 WooCommerce 网店的第一步:买主机、跑一次建站精灵装好 WordPress,再做几个每个新网站都该做的基础设置。这篇整合 Hostinger 官方教学和 YouTube 完整建站实录里关于「起步阶段」的部分——两份素材内容高度重叠(都是买主机 → 建站精灵 → 装 WooCommerce),因此合并成一篇,不重复列两次几乎一样的步骤。


重点内容


买主机、跑建站精灵

  1. 买主机套餐——建议选 Business 或以上级别,因为通常带 NVMe 存储,比基础版的 SSD 快;网店流量大、图片多的时候,这个差异会比较明显。
  2. 用主机商的建站精灵(Onboarding Wizard):
    • 选「新建网站」→ 输入登录信息 → 网站类型选 Online Store

[截图:主机商 Onboarding Wizard 的网站类型选择页面,"Online Store" 选项]

  • 选一个预建模板(pre-built template)快速上手,或选空白主题自己设计。
  • 领取免费域名(大部分年缴套餐都附送)。
  • 选离目标客户最近的服务器机房——不是决定性因素,因为主机商通常都带 CDN,全球访问速度都不会太差。
  1. 精灵跑完后会自动帮你装好 WordPress,部分主机商(如 Hostinger)选「Online Store」类型时还会一并自动装好 WooCommerce。如果没有自动装,进 WordPress 后台手动装:
    Plugins → Add New Plugin → 搜索 "WooCommerce" → Install Now → Activate。
  2. 装好后会跳出 WooCommerce 自带的引导设置精灵(Setup Wizard),可以先快速走一遍填好商店基本信息(国家、货币、行业类型等),细项设置留到后面章节再逐一调整。

[截图:WooCommerce Setup Wizard 引导页面,国家/货币/行业类型的填写表单]


装完之后必做的基础设置

这几项跟 WooCommerce 本身没有直接关系,但每个新 WordPress 网站都该做:

  • Users → Profile:改后台配色(个人喜好)、确认注册邮箱、按需改密码。
  • Settings → General:网站名称、Tagline、网站图标(favicon)、网站语言(如果读者用中文/其他语言,也可以把后台语言切过去)。
  • Settings → Discussion:关掉「Allow people to submit comments」,避免垃圾评论/广告轰炸。
  • Settings → Permalinks:永久链接结构选 Post name,比默认的日期结构对 SEO 更友好,网址也更干净。
  • 删除 WordPress 自带的 demo 内容(Hello World 文章、demo 页面),以及 WooCommerce 自带的示例产品:
    Products → All Products → 全选 → Bulk actions 选 Move to trash → Apply。
  • Site visibility:网站还没做完时先设成「Coming soon」,做完再切回「Live」——很多主题的 Theme Customizer 只有网站切成 Live 之后才会显示实际改动效果。

选主题:为什么要选「电商优化」主题

WordPress 主题控制网站的外观骨架(页头、页脚、Shop 页、产品页长什么样),但不负责实际内容。选主题时优先选明确支持 WooCommerce/电商的主题,理由:

  • 电商主题通常自带专门给 Shop 页、产品页用的样式设置面板(Theme Customizer),不用自己从零手刻。
  • 很多电商主题(例如 Bloxy)会附带「Starter Sites/一键导入模板」功能——直接选一个电商类模板导入,连 WooCommerce 都会一并帮你装好,几分钟内就有一个能看的网店雏形,比自己从空白页面开始拼快很多(这部分具体操作见 Bloxy 主题美化的笔记)。
  • 免费好用的电商主题选择:Astra(轻量、通用性强)、Zigcy(适合服装/电子/珠宝/家具类)、Woostify(自带预建版式和视频画廊)、WooCommerce Storefront(官方自家主题)、Bloxy(详见另一篇 Theme Customizer 笔记)。

换主题步骤:Appearance → Themes → Add New Theme → 搜索主题名 → Install → Activate。


常见误区 / 常见问题

  • 以为随便一个免费主题都能撑起网店——普通主题没有专门给 Shop/产品页用的样式面板,很多细节要自己手刻 CSS,远不如直接选电商优化主题省事。
  • 忘记删除 WooCommerce 自带的示例产品/demo 内容,导致上线后 Shop 页混着一堆无关的示范商品。
  • 网站还在施工阶段却没设成「Coming soon」,让访客看到没做完的半成品页面。

Sources

YouTube:

  1. How To Build An eCommerce Website With WordPress & WooCommerce

Blog / Website:

  1. WooCommerce tutorial: how to set up ecommerce on WordPress(Hostinger 官方教学)