店面主题：如何安装和配置它

已发表: 2018-01-12

在使用 WordPress 启动 WooCommerce 商店时，店面是最灵活和可扩展的主题之一。

由于其简洁的代码架构，它在用户中广受欢迎，目前有超过 100,000 家在线商店使用 Storefront 作为其 WordPress 主题。

安装 WooCommerce 店面主题

有两种方法可以安装 Storefront 主题，通过从 WP 仪表板搜索主题或手动上传主题。

使用 WordPress 仪表板安装

安装 Storefront 的最快方法是通过 WordPress 仪表板。 按照以下步骤通过 WordPress 仪表板安装 Storefront。

  1. 转到外观>主题>添加新
  2. 在搜索框中输入“店面”，然后按 Enter。
  3. 将鼠标悬停在 Storefront 屏幕截图上。
  4. 选择“安装”按钮。
  5. 点击激活

手动安装店面

  1. 从 wordpress.org 下载最新版本的 Storefront
  2. 转到外观>主题>添加新
  3. 单击上传主题并选择先前下载的 zip 文件。
  4. 点击立即安装
  5. 点击激活

设置主页

Storefront 有一个经过深思熟虑的内置主页模板。 其简洁的结构将帮助您的受众轻松找到您销售的产品。

默认店面主页模板中有 6 个部分。 但是您可以根据需要添加或删除该部分。

默认主页部分：

  • 页面内容
  • 产品类别
  • 最近的产品
  • 特色产品
  • 热门产品
  • 特价商品
  • 畅销产品

分配主页模板

要设置主页模板，请执行以下步骤：

  1. 转到仪表板 -> 页面并创建一个标题为“主页”或任何您喜欢的页面。
  2. 添加您喜欢的任何欢迎内容，这些内容将显示在产品上方。
  3. 在右侧，您会找到一个标题为“页面属性”的框
  4. 从“模板”下拉菜单中选择“主页”。
  5. 单击发布或更新以保存更改。

显示主页模板

发布页面后，现在您必须将此主页显示为您网站的首页。 因此，任何登陆您网站的人都会首先看到此页面。 要进行此设置，请执行以下步骤：

  1. 转到仪表板 > 设置 > 阅读
  2. 在您的主页显示下选择一个静态页面（在下面选择）
  3. 在主页下拉菜单中选择以前的主页模板分配页面。
  4. 点击保存更改

重新排序店面主页部分

您可以使用挂钩或使用名为 Homepage Control 的插件来更改 Storefront Homepage 部分的顺序。 请按照以下步骤重新排序您的主页部分：

  1. 下载并安装主页控件
  2. 转到外观 -> 自定义 -> 主页控制
  3. 根据您的需要拖动和重新排序部分。
  4. 单击保存并发布以保存更改。

配置导航菜单

在店面主题中，您可以在 3 个位置显示菜单。

  1. 主菜单 – 出现在站点徽标的正下方。
  2. 二级菜单 - 在搜索框附近的徽标旁边。
  3. 手持菜单 - 移动设备的菜单。

设置菜单

默认情况下，如果未设置特定的主菜单，WordPress 会将所有页面显示为主菜单。 有时它会让用户感到困惑，让他们很难弄清楚这些页面是如何出现在菜单上的。

创建新菜单并向其添加页面

  1. 然后转到管理面板，外观 > 菜单
  2. 在顶部，您将找到菜单名称字段。 在这里写下您的菜单名称。
  3. 从左侧单击页面（假设您要将页面添加到菜单）
  4. 单击查看全部以获取所有已发布页面的列表。
  5. 勾选您希望出现在菜单上的页面。
  6. 选择页面后，单击添加到菜单按钮。
  7. 拖放菜单项以根据您的喜好重新排列它们。
  8. 点击保存菜单

分配菜单

创建菜单后，将菜单分配到您希望它显示的位置。 导航到外观 > 菜单 > 菜单设置，然后从显示位置复选框中检查位置。

将产品类别添加到您的菜单

  1. 然后转到管理面板，外观 > 菜单
  2. 单击左上角的屏幕选项并检查产品类别
  3. 现在在左侧窗格中将显示一个产品类别选项卡。
  4. 单击产品类别选项卡展开，选择类别
  5. 选择后单击添加到菜单按钮。
  6. 拖放菜单项以根据您的喜好重新排列它们。
  7. 点击保存菜单

小部件设置

Storefront 允许您在 3 个不同的区域中显示六个小部件区域。

  1. 侧边栏 - 主站点内容的左侧或右侧，
  2. 标题下方 - 就在网站标题下方和内容上方。
  3. 页脚栏 1 - 页脚区域
  4. 页脚栏 2 - 页脚区域
  5. 页脚栏 3 - 页脚区域
  6. 页脚栏 4 - 页脚区域

设置 WooCommerce

安装 WooCommerce

  1. 转到仪表板 > 插件 > 添加新> 搜索插件
  2. 搜索“WooCommerce”。
  3. 点击立即安装。
  4. 点击激活。

配置 WooCommerce

激活 WooCommerce 后，系统会提示您使用向导安装 WooCommerce。 它将处理所有初始设置。 它分为6个部分。

  • 页面设置- 自动配置基本页面（商店、购物车、结帐、我的帐户）。
  • 商店位置- 配置商店位置、货币和销售税
  • 运输- 配置重量单位和尺寸单位
  • 支付– 设置支付网关。
  • 主题– 安装 WooCommerce 兼容主题。
  • 就绪-（可选）允许 WooCommerce 收集使用信息。

您可以随时从 WooCommerce 仪表板中进行所有这些设置。

将产品添加到 WooCommerce

  1. 转到 WordPress 仪表板
  2. 点击产品 > 添加新的
  3. 在产品名称字段中写下您的产品名称或标题。
  4. 在下面的编辑器中写下您的产品描述。
  5. 现在，您必须将产品的一张特色图片和其他图片上传到产品库。
  6. 您会在右侧找到标题为“产品图片和产品库”的框
  7. 将特色图片上传到产品图片，将其他图片上传到产品图库
  8. 点击发布。

设置产品价格和属性

设置产品价格 转到仪表板 > 产品并选择任何产品。 然后向下滚动到产品数据部分。 以下是所有产品数据部分设置的简短说明：

产品类别

  • 简单产品：简单的单品。
  • 分组产品：作为集合的一部分的产品。
  • 外部/附属产品：在您的商店中列出但实际产品在其他地方出售的产品。
  • 可变产品：具有变化（尺寸、颜色）的产品
  • 虚拟产品：不需要运输的产品。
  • 可下载产品：您必须提供可下载文件的产品。

一般的

  • 常规价格：常规产品价格。
  • 销售价格：折扣产品价格。

存货

  • SKU ：库存单位 (SKU) 跟踪产品
  • 管理库存：启用库存管理
  • 库存状态：产品是否有库存或缺货。
  • 单独出售：可单次出售。

船运

  • 重量：产品的重量。
  • 尺寸：产品的长度、宽度和高度。
  • 运输类别：将同类产品分组到某种运输方式。

链接产品

  • 追加销售：在产品详细信息页面下方显示相关产品。
  • 交叉销售：在购物车页面显示相关产品。
  • 属性：选择您的产品全局属性。

先进的

  • 购买说明：完成购买后发送给客户的说明。
  • 菜单顺序：此产品的自定义订购位置。
  • 启用评论：启用或禁用产品评论。

自定义店面

如何添加徽标

请按照以下步骤向您的网站添加和显示徽标：
1. 转到 WordPress 管理员然后外观 > 自定义
2.然后转到站点标识>徽标
3. 单击选择徽标以上传您的徽标图像。 （推荐图片尺寸：470px X 110px）
4. 单击发布。

在哪里上传网站图标

请按照以下步骤向您的网站添加和显示网站图标：
1. 转到 WordPress 管理员然后外观 > 自定义
2.然后转到站点标识>站点图标
3. 点击选择图片上传您的徽标图片。 （推荐图片尺寸：512px X 512px）
4. 单击发布。

如何更改帖子存档或博客布局

  1. 转到外观 > 自定义 > 博客定制器 > 发布档案
  2. 从发布存档布局中选择布局
  3. 点击发布

如何更改帖子存档或博客专栏

  1. 转到外观 > 自定义 > 博客定制器 > 发布档案
  2. 从Post Archive Column中选择列号（全宽、2 列、3 列和 4 列）
  3. 点击发布

如何更改单个帖子或文章布局

  1. 转到外观 > 自定义 > 博客定制器 > 单个帖子
  2. 从单个帖子布局中选择布局
  3. 点击发布

如何更改字体

  1. 转到外观>自定义>常规样式>排版
  2. 从字体配对中选择字体
  3. 点击发布

WooCommerce 定制

如何更改商店页面布局

  1. 转到外观 > 自定义 > WooCommerce > 商店页面 - 产品列表
  2. 从产品存档布局中选择布局
  3. 点击发布

如何更改产品详细信息页面布局

  1. 转到外观 > 自定义 > WooCommerce > 商店页面 - 产品列表
  2. 从产品存档布局中选择布局
  3. 点击发布