使用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)

赞 (2) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏