使用WordPress和WooCommerce搭建一个跨境电商独立站(4)

目前我们已经完成了下面的工作：

1. 购买域名和主机：在namesilo注册域名，在SiteGround买主机
2. 设置主机和域名邮箱
3. 安装Wordpress和WooCommerce，选择Storefront主题
4. 添加必要的页面：About Us/Contact Us，Terms & Conditions，Privacy Policy，给网站设置LOGO

网站已初步成形，但是看起来还不那么美观，现在网站的导航菜单是这样的：

我打算做成下面这样的：

话不多说，直接开干。添加菜单的步骤如下，打开WordPress管理后台，依次点击：Dashboard—>Appearance—>Menus，进入菜单管理界面：

在Menu Name这里输入菜单的名字，然后点右下角的Create Menu。现在创建的是Top Menu(网站顶部菜单)，我打算把Privacy Policy、Terms & Conditions、My account放在网站最上方，因此需要把这几项添加到刚创建好的菜单里，如图：

添加以后是这样的：

你可以通过鼠标调整这三项的顺序，调整好以后点“Save Menu”保存菜单。

接下来我们再创建一个菜单，我取名为”Main Menu（主菜单）”，点击上图中的”create a new menu”，步骤跟创建”Top Menu”一样，这次我把Contact Us， Checkout，Cart，Shop几个选项添加进菜单。

把顺序调整为：Shop，Cart，Checkout，Contact Us，如图：

现在我们有两个菜单可以选，如图：

接下来我们来设置菜单的显示位置。进入路径如下：Dashboard—>Customize—>Menus，可以看到我们刚刚创建好的两个菜单，如图：

我们需要分别设置这两个菜单的显示位置。先来设置Top Menu，这里把它设置为”Secondary Menu”，如图：

选好以后点”Publish”。

把”Top Menu”设置为Primary Menu，WordPress设置很方便，可以实时看显示位置和效果。保存以后，我们的菜单变成了这样：

网站正一步一步朝我们期待的方向发展！

终于，我们要设置网站的Categories了。绝大多数电商网站都有分类，方便客户按分类查找相关的商品。

操作路径：Dashboard—>Products—>Categories，默认已经有四个分类，我将之删除，换成宠物相关的分类：Toys，Beds，Clothes

添加好了三个分类，如图：

一般情况下，客户希望在Shop菜单里找到我们的商品分类，因此我们需要将这三个分类添加到Shop菜单里，变成Shop菜单的子菜单。

操作路径：Dashboard—>Appearance—>Menus

点击右上角的”Screen Options“，选中”Product categoreis“，否则下方无法看到产品分类，也就没办法添加

先把三个分类添加到主菜单，然后用鼠标拖动，使之变成子菜单，如图：

接下来我们将添加商品页面，有简单的商品以及各种复杂属性的商品，例如宠物床，有不同的尺寸、颜色、材质等不同属性。

转载记得给个链接：VPS大玩家 » 使用WordPress和WooCommerce搭建一个跨境电商独立站(4)