WordPress 主题本身不带商店功能，核心是安装 WooCommerce 电商插件，再配合「WooCommerce 友好主题」即可完整开通商店。下面是完整、可直接照着操作的步骤（2026 最新）。
一、准备条件（必须满足）
- 你用的是 自托管 WordPress（.org）（不是 wordpress.com 免费版）
- 已安装 SSL 证书（https 开头，支付 / 购物车必须加密）
- 主题最好是 WooCommerce 友好型（大部分现代主题都支持）
二、安装 WooCommerce（核心步骤）
- 进入 WordPress 后台 → 插件 → 安装插件
- 搜索 WooCommerce → 安装 → 启用
- 启用后自动弹出 设置向导（按步骤填）：
- 商店地址、国家、货币（如 CNY 人民币）
- 行业类型、产品类型（实物 / 虚拟 / 下载）
- 支付方式（PayPal、Stripe、货到付款）
- 物流 / 运费规则（按重量 / 固定价 / 满额包邮）
三、让主题 “支持商店”（关键）
方式 1：用 WooCommerce 官方 / 优化主题（最稳）
安装以下主题（后台 外观 → 主题 → 安装）：
- Storefront（WooCommerce 官方主题，100% 兼容）
- Astra（轻量、速度快）
- Flatsome（可视化拖拽，适合商城）
- WoodMart（大型商城、多品类）
安装后主题会自动：
- 显示 商店首页、产品列表、购物车、结算页
- 出现 加入购物车、选择规格、价格 等按钮
方式 2：你现有主题兼容 WooCommerce（通用）
大部分现代主题已内置支持，只需：
- 后台 → 外观 → 自定义
- 找到 WooCommerce / 商店 / 产品页 选项
- 开启：
- 产品列表布局（网格 / 列表）
- 购物车图标（顶部导航）
- 产品详情页样式（侧边栏 / 全屏）
方式 3：主题不兼容（修复）
如果你的老主题不显示购物车 / 价格：
- 安装插件：WooCommerce Shortcodes
- 手动在页面插入短代码：
- 商店首页：
[products] - 购物车：
[woocommerce_cart] - 结算：
[woocommerce_checkout]
- 商店首页：
四、设置商店页面（自动生成）
WooCommerce 安装后会自动创建 4 个核心页面：
- 商店（产品列表）
- 购物车
- 结算（Checkout）
- 我的账户
检查：
后台 → WooCommerce → 设置 → 高级
确认页面已正确关联
五、添加商品（完整流程）
- 后台 → 产品 → 添加新产品
- 填写：
- 产品标题、描述
- 产品数据：简单 / 变量 / 虚拟 / 下载
- 价格、促销价、SKU、库存
- 重量、尺寸（物流计算用）
- 主图 + 相册图（白底高清）
- 分类、标签
- 发布
六、支付方式（国内 / 跨境）
国内常用
- 微信支付：安装插件 WooCommerce WeChat Pay
- 支付宝：安装 Alipay for WooCommerce
- 银行卡转账、货到付款
跨境常用
- PayPal、Stripe（信用卡）
- 安装对应扩展并绑定商户号
七、物流 / 运费设置
后台 → WooCommerce → 设置 → 配送
- 新建 配送区域（中国 / 全球）
- 添加运费方式：
- 固定运费
- 按重量
- 免费（满 X 元包邮）
八、菜单加入 “商店 / 购物车”
- 外观 → 菜单
- 添加：
- 页面：商店
- 自定义链接：
/cart（购物车）、/checkout（结算）
- 保存 → 显示在顶部导航
九、主题样式美化（常见）
- 产品列表列数（2/3/4 列）
- 商品卡片样式（阴影 / 圆角）
- 按钮颜色（加入购物车）
- 字体、间距、布局
- 移动端适配（必须开启）
十、常见问题（必看）
- 购物车不显示：主题不兼容 → 换 Storefront/Astra
- 价格不显示：启用 SSL（https）
- 产品图太小：外观 → 自定义 → WooCommerce → 产品图尺寸
- 移动端错位：开启主题「响应式 / 移动端优化」
总结（一句话开通）
安装 WooCommerce → 选兼容主题 → 走向导 → 加商品 → 配支付物流 → 菜单加购物车
你的 WordPress 网站立刻变成完整商城。