站长视角
用户至上

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

优质广告位招租,欢迎联系站长

随着互联网的发展,大部分建站方式都越发地成熟,WordPress当然也不例外,比早几年进步很多,现在搭建一个WordPress跨境B2C独立站非常方便,快捷,易使用,也不需要懂代码,而且价格还不高,真的是广大外贸新手和中小商家的福音。国外很多中小商家还利用wordpress搭建自己的电商网站,那说明我们外贸人同样可以用wordpress搭建外贸独立站。

WordPress简介

搭建wordpress外贸独立站,首先还是需要稍微介绍一下什么是wordpress,毕竟来到这文章的朋友也有第一次接触wordpress,甚至第一次学习建站的朋友。不想看的直接往下拉从第一步开始看。

WordPress是国外一款开源的内容管理系统,英文叫做Content Management System,简称CMS,你不需要懂这个概念,只要知道这个系统能帮你建站就行了。wordpress本身只是一个博客系统,也就是让人建立博客网站的平台,但是它本身又能安装各种插件。

随着发展,插件是越来越多,wordpress也不仅仅只用来建立博客网站,用户可以利用wordpress建立几乎任何类型的网站,比如搭配插件woocommerce就能建立一个标准的电商网站,也就是我们今天要学习建立的外贸独立站。

为什么用WordPress建搭建独立站

用Wordpress自建外贸独立站,我最少能说出6个理由:

  1. 永久免费 – WordPress是一个永久的开源系统
  2. 易用 – 对新手非常友好,无需代码,60岁会电脑的老奶奶都能学会
  3. 轻量 – WordPress本身体积很小,也不需要太多的主机资源
  4. 适合中小网站 – 对于预算不高的小商家,可以每月花费几美金就能建成一个很专业的站点
  5. 可扩展性强– 通过插件你可以给网站添加各种强大的工具和功能,比如可以优化网站,添加社交功能,站点分析等等
  6. 资源丰富 – 据最新数据统计,wordpress的站点在全球已经超过了40%,数据还在往上涨,wordpress的主题插件教程遍地都是,而且免费资源也丰富,对于新手是绝对的利好
  7. 更多……
如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

其实wordpress的优点当然不止这些,比如wordpress真正的独立性等等,假如你多用几个平台,你可能会发现更多。

*注意:建立wordpress之前你需要知道的是wordpress官网是wordpress.org, 而不是wordpress.com,wordpress.com是一个基于wordpress.org的在线建站平台,也能建立外贸独立站,只是费用稍高,请避免搞错。

接下来跟随我们一步一步操作,就算不懂代码也可以很快建立你自己的外贸或者跨境电商独立站。

第1步:购买GreenGeeks主机并注册域名

因为需要快速建站,小编推荐GreenGeeksSiteGround,这二款主机都有快速一键导航安装wordpress的主机。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

GreenGeeks主机套餐(最环保的主机)

机房可选四机房都可以选择,cPanel面板

  • 套餐:Ecosite Lite
  • 网站:1个
  • 空间:不限
  • 流量:不限
  • 数据库:不限
  • 证书:免费
  • 域名:免费首年
  • CDN:免费
  • 性能:无
  • IPv4:共享
  • 价格:$2.95/月
  • 购买:直达
  • 套餐:Ecosite Pro
  • 网站:不限
  • 空间:不限
  • 流量:不限
  • 数据库:不限
  • 证书:免费
  • 域名:免费首年
  • CDN:免费
  • 性能:2倍
  • IPv4:共享
  • 价格:$5.95/月
  • 购买:直达
  • 套餐:Ecosite Premium
  • 网站:不限
  • 空间:不限
  • 流量:不限
  • 数据库:不限
  • 证书:免费
  • 域名:免费首年
  • CDN:免费
  • 性能:4倍
  • IPv4:1个
  • 价格:$10.95/月
  • 购买:直达
如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程
口碑最佳的主机

SiteGround套餐介绍(口碑最佳的主机)

限时优惠,最高可享73%折扣。30天退款保证。

  • 型号:StartUp
  • 可建网站:1个
  • 存储:10 GB
  • 无限数据库
  • 免费电子邮件
  • 带宽:无限
  • 免费CDN
  • 30天退款保证
  • 价格:$14.99 /月 优惠价$2.99 /月
  • 购买:点击直达
  • 型号:GrowBig
  • 可建网站:无限
  • 存储:20 GB
  • 无限数据库
  • 免费电子邮件
  • 带宽:无限
  • 免费CDN
  • 30天退款保证
  • 按需备份,PHP速度提升30%
  • 价格:$24.99 /月 优惠价$4.99 /月
  • 购买:点击直达
    • 型号:GoGeek
    • 可建网站:无限
    • 存储:40 GB
    • 无限数据库
    • 免费电子邮件
    • 带宽:无限
    • 免费CDN
    • 30天退款保证
    • 按需备份,PHP速度提升30%
    • 免费私人DNS,最高级别资源,优先支持
    • 价格:$39.99 /月 优惠价$7.99 /月
    • 购买:点击直达

稍微介绍一下GreenGeeks,他们是一家以可再生的环保能源来运行他们服务器的主机商,你如果选择他们的主机,他们即可帮助再生能源机构获取3倍于你主机消耗的每一份能量。除了这点,GreenGeeks和其他主机商也没多大区别。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

先进入Greengeeks网站,点击Get Started Now,进入到套餐页面,新手选择Lite就行,价格是2.49美金/月(3年),这个价格可能会有变动,而且几乎每一个主机商的价格都是一年期以上的价格,所以不用太纠结这个。来看看Lite的基础属性:

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

你会发现他们的基础属性超过了大部分的主机商,而且首购价格非常低,只不过续费有点高,点击Get Started进行购买,接下来的页面会要你输入域名,你可以用自己之前在别处买的,也可以在greengeeks上直接注册,因为今天的教程时快速建站,所以直接在greengeeks上注册,他们首年域名免费,之后每年续费13.95美金/年。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

虽然在greengeeks注册域名贵一点,但是一年的价格也不多,主要有一点就是假如你在其他地方购买域名,在greengeeks上解析会稍微麻烦一些,因为他们要求只能用他们的域名服务器,新手可能不懂,但只要知道,过程对新手比较麻烦就行了,费力还浪费时间。在geengeeks注册好域名后,不再需要另外解析域名,而且安装ssl和之后设置邮箱都方便很多。点击Next

GreenGeeks外部域名解析

假如你真的想使用外部也就是第三方购买的域名的话,请点击以下按钮了解如何绑定域名到GreenGeeks主机上。

GreenGeeks域名解析
如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

看到没,总共包含域名是USD89.64,这个价格3年一次性购买的价格,几乎所有的主机商都是这样销售的。续费价格USD10.95/月,但是三年之后如果业务做得好,我估计你都要升级了,还在乎哪个续费价格吗?假如没有打算续费,在到期之前,最少提前一个月和主机商联系取消,大部分主机商都是自动续费的。

按照页面要求填写你的资料,往下拉,你就会看到套餐价格列表,也就知道了不同年限的价格了。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

做外贸或者跨境电商都是一件长期的事业,3年真的不长,如上图,选择三年期,100美刀都不到,你可能国内上个什么课程就超了,真不贵。然后一定要买WHOIS Privacy,一年9.95美金/年,假如不买的话,你的域名信息会被放到网上公开,很多广告电话或者邮件的。最后就是输入你的付款信息:

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

只要一张双币卡就行,做外贸的别跟我说没有这种信用卡,去招行开一个,很方便。最后点击create account,然后你的邮箱会收到好几封邮件,告诉你注册账号成功,购买主机成功,付款的发票等等,当然还有登录信息,他们会把随机生成的密码发你邮箱。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

以上是首次登录的greengeeks后台。

第2步:利用GreenGeeks Launch Wizard快速安装WordPress

首次登录GreenGeeks,后台会直接显示Quick Launch Wizard(Starter Wizard),即快速安装向导,可快速搭建wordpress独立站,总共有四个选项:

  • Start New Website – 开始自己建立新网站
  • Migrate Website – 迁移网站,如果你从别的主机商转过来可以选择这项,他们会免费帮你迁移网站
  • Starter Site – 你可以请他们的专业团队帮你建立网站
  • Skip This – 跳过

1. 新手选择第一个start new website,然后又有三个选项,你可以单独建立wordpress网站,或者直接建立wordpress+woocommerce的电商站,或者利用weebly建立网站。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

2. 今天说的就是wordpress建立独立站,选第一个和第二个区别不大, 因为woocommerce在之后的wordpress后台是可以随时安装的。选择wordpress点击Select然后点击continue到wordpress设置页面。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

在这一步,你可以不设置任何东西,不选主题,不选插件,直接拉到底部点击Create My Website,因为你设置的一切都可以在wordpress后台修改或者安装。

3. 之后一会儿,wordpress就安装好了。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

之后你可以进入你的wordpress后台,也可以在浏览器中输入你的域名,看看刚刚安装好的wordpress前台

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

其实到这里这个网站在网络上谁都能浏览了,之后当然主要是一些自定义的东西,这就是greengeeks快速建立wordpress独立站的优势所在。

安装SSL证书

为了网站的信息传输更加安全,google现在要求每一个网站都必须要有SSL证书,不然不会给你展示机会,这也影响到网站SEO,SSL证书可以给你的主机和访客之间的传输数据加密,从而保护各种敏感信息传播。GreenGeeks提供了免费的Let’s encrypt SSL证书,在账号后台左侧找到Security,点击进去。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

在greengeeks上注册的域名有个好处就是,不需要再去做域名解析,而且在这一步安装证书一路点击下一步就行,不需要等待。然后点击右上角ADD SSL CERTIFICATE,你可以选择两种SSL,一种付费一种免费,一开始免费就可以了,付费的贵,自然安全性更高。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

所以选择SELECT LET’s ENCRYPT,系统一开始检测你的域名是否绑定了主机,因为你的主机和域名都是来自greengeeks,这个默认就是绑定了的。然后一直下一步,最后点击install安装证书。你再到浏览器刷新一下你的网址,看看网址左边是否出现了一把小锁,是的话,就说明安装成功。

接下来你就进入你的wordpress后台,因为安装的时候,密码是自动生成的,你可能不太记得,可以到User这一步去更改一下密码,用户名也是可以更改的。

第三步:安装wordpress主题和插件

主题对于Wordpress网站是必不可少的,而建立电商网站,Woocommerce插件也是必不可少的,另外还有不少插件是不可或缺的,接下来就是安装主题和插件。

安装主题模板

WordPress安装完成之后是有自带主题的,上文预览的就是官方的主题之一叫做twenty twenty-one2021/2022,不过官方的主题只是博客主题,建立电商网站一般不用,所以我们一般都会删除。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

进入WordPress管理后台,左侧是菜单栏,点击Appearance>Themes,你会看到三个wordpress自带的三个主题,你可以保留一个已经激活的那个,因为wordpress需要最少一个主题,等安装完其他新主题再删掉剩下的。

免费主题

WordPress的主题可以分为两类,免费和付费,说的好像没说,但这就是事实,免费的基本都可以从你的wordpress后台Themes中直接下载安装,如上图中点击Add New就会有成千上万的主题供你选择,新手肯定很茫然,所以我这里选了几个比较优秀的免费主题,包括有名的Astra, Generatepress和Kadence等,可以直接点击install安装激活。

wordpress后台面板得主题你也可以在wordpress.org官网找到,这里面主题有少部分是完全免费的,大部分是免费+付费共存,也就是免费版有基本的功能,如果需要更多的功能可能要升级到付费版。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

为何说商城付费主题,因为这和前面说的免费+付费共存的付费主题是有区别的,前方说的都是一些专业的开发团队开发,而商城的主题大部分是个人或一两个人开发的主题,就像淘宝集市和公司的区别。

WordPress主题商城有很多,但比较有名的如下:

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

点击直达themeforest

最大的主题商城

业界最大的主题商城,几乎囊括了所有建站方式的主题,包括所有类型的网站模板,价格合理,一次性付费,终身免费更新

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

优秀的主题商城

这是除Themeforest之外最优秀的主题商城,同样拥有各种建站方式的主题,对主题要求更加严格,人工审核,一次性付费,终身免费更新

国内用户对themeforest肯定是熟悉,因为价格相对便宜,一次性买断,很多wordpress外贸独立站点都是用的Themeforest的主题,这类主题的特点:

  • 虽然付费,但是一次性购买,终身免费更新
  • 后台自带很多插件,主题稍显臃肿
  • 大部分应该谈不上代码简洁
  • 同样也适合新站点,毕竟价格不高,可节省成本,网站也能很好的运行,选择themeforest或者template monster主题绝对是一种折衷的办法。
  • 也有一些优秀的主题,例如Avada,假如你不确定哪个主题好,就选这个吧,销量第一,没啥毛病。

以Kadence为例安装主题

安装主题没什么技巧,wordpress后台的直接选择点击install然后激活,其他地方购买的把主题下过来然后同样在Themes里面点击Upload Theme,之后激活即可。

以Kadence为例,在Add Themes中搜索Kadence,他们家有三个主题,安装第一个,这是最新的:

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

1. 鼠标移到主题上就看到了Install,点击安装激活,然后会提示你Install Kadence Starter Templates插件,至于其他主题安装后有需要的插件也会提醒你安装,你就按照提示安装就行。

这个Starter Templates插件里面包含二十几个整站设计模板,除了首页,还包括其他一些页面设计,比如about, contact等等。你可以选择一个合适的然后修改内容,或者你也可以不选,甚至不安装,自己用他们的区块插件自己设计网站,也就是说一个主题可以有无限个网站模板,这就是这类主题的强大之处。

如果你使用这类主题,当然还是安装这个插件更好,就算你不用这里面的模板,你也可以参考对吧。Kadence还算现成模板比较少的,假如你去看看Astra,Blocksy你会发现上百个,这都是一些利基模板,Kadence也在添加更多的模板中。

2. 点击安装 Starter Templates,然后你可以在Appearance里面找到Kadence的下级菜单Starter Templates里面选择你想要的模板,模板也分两类,一类是用得Gutenberg(古腾堡编辑器)创建的主题,一类是用的Elementor创建的。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

小编推荐用古腾堡的,如上图,因为这是wordpress自家的编辑器,虽然比较新,但是发展很快,也更契合wordpress系统。了解wordpress的人肯定知道elementor是wordpress最强大的页面编辑器,但是这款编辑器是半免费版的,也就是说有些功能要付费,使用这些模板在以后如果你没有付费的elementor,可能修改会受到限制。

导入模板

在古腾堡模板中会有大概20几个模板(还在持续增加中),电子商务类的不多,就三个,一个还是付费的,不过print shop不错,可以试一下,其实你也可以使用其他模板然后自己安装woocommerce插件,或者之后你可以完全自己设计每一个页面,让你的网站更具独特性。

导入print shop这个模板看看,点击这个模板,下一页会让你选择导入首页还是整站模板,选择整站吧,其实就是导入一些页面和一些插件,模板只需要两个插件也就是woocommerce和kadence block,还可以选择颜色和字体。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

这里要说一句kadence block是非常强大的一个古腾堡区块库,有了这个就真的可以各种玩转个性化页面了。假如你的主题没有自带这种区块库的话,你可以到插件中去搜索,有很多区块库可用,并不只有kadence block一家的。

选好颜色和字体点击full site然后会告诉你导入什么,等等,点击继续导入就行了,这里会需要一会儿导入。如果你是用的其他模板没有woocommerce,稍后自己安装就行了,这个做跨境电商的必须要这个插件,不然怎么上架产品?!

导入完之后就可以点击按钮Finished! View your site,查看你的网站看看,当然现在都是模板的内容,主题到这里就差不多安装好了。

安装插件

其实前面安装主题和导入模板的时候已经安装了一些主题必须的插件,你可以到Plugins中查看已经安装的插件,如下图,还有一个未激活的是安装wordpress时自带的,可要不可要。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

除了这些插件,还推荐你安装一些很有必要的插件,对网站功能完整度以及以后运营可以说时不可或缺,点击Add New,如图有两个地方可以点击进去搜索安装新插件。以下是我推荐的一些插件:

  • Child Theme子主题插件:在网站还未真正设置之前,安装一个子主题插件,为激活的主题创建一个子主题吧,之后这个插件可以删掉。
    *推荐Child Theme Wizard, WP Child Theme Generator
  • 加速插件:可以优化网页速度,减少页面打开的加载时间。
    *推荐:GreenGeeks主机用的是Litespeed web server, 首推LiteSpeed Cache
  • SEO插件:SEO英文全称Search Engine Opitimization即搜索引擎优化,简单点就是提高你的网页在google等搜索网站的排名和曝光率。
    *推荐RankMath, Yoast SEO, All in one SEO
  • 表单插件,主要为网站添加邮件表单,让客户可以提交邮箱,如果是用kadence的话,kadence block中包含这个区块,可以不安装。
    *其他推荐Contact form 7 wpforms

假如之前没有安装的Woocommerce的话,当然不要忘记安装了,还有其他你觉得有必要的插件可以自行搜索安装。插件安装就这样,没啥难得,非常简单,搜索,点击安装激活然后使用。

第四步:设置和自定义网站

这应该是建站过程最需要时间的一步吧,因为网站的基本框架,网站成型,添加一些你定制的业务信息主要在这一步了。这一步我只能告诉你在哪里编辑修改,但具体怎么做还得看你自己了。

基本设置(Setting)

首先你需要对wordpress网站进行一些基本项的设置,这些设置主要还是算是后端吧,从侧边的菜单Setting进去:

  • General Setting – 常规设置,这里是一些关于你网站的基础信息,包括网站名(Site Tile)和副标题(Tagline),根据你自己的行业和产品填写信息,网站名想好了别做过多的更改,然后就是wordpress网址和站点网址,最好是一样,带不带www.就随你喜好了,其他的可以不要修改。
如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程General设置
  • Writing – 这个主要是针对blog文章写作的设置,可以不改。
  • Reading – 设置你网站的首页和blog首页,最后底部那个Search Engine visibility可以先勾选,勾选就是叫搜索引擎不要抓取你的网页。很多教程也是建议你先勾选,他们的建议当然是有道理的,比如有些页面是模板页面,也就是和别人一样的页面,没有修改可能会被降权,而且模板的页面一般都是内容不多,这代表页面质量不高,同样影响排名。
  • Discussion – Blog文章评论的相关设置,可以不要改。
  • Media – 媒体文件设置,保持默认。
  • Permalink – 永久链接,也叫固定链接,选择custom Structure然后点击%postname%,或者直接点击Post name,然后保存。
如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程Prmalink设置
  • Privacy – 在这里添加网站隐私政策页面,建议任何外贸网站添加Privacy Policy页面,在国外这个非常重要,尤其是欧盟区,从18年起加入了新的GDPR条例,或者找一些不错的国外电商网站借鉴一下。

另外可能还有一些别的选项,比如安装的kadence Block设置也会添加在这里,还有一些插件的设置项也会在这里,具体看你安装的主题和插件了。

自定义(Customize)

接下来就开始进行网站的外观设置(Appearance),也可以说是前端设置,这里的设置就是你的网站真正呈现在互联网的样子,也就是访客能看到的模样。外观设置最主要的就是自定义设置Customize了,这是整个网站框架的一个设置,如下图,还是以Kadence主题为例。

**请注意,这里不可以设置具体页面内容,要设置页面内容去后台的Page里面找到具体的页面设置!!!

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

不同的主题这里可能有些不一样,大致差不多,你只要一项一项设置过去不会有什么问题的,看一下每一项的设置都是做什么的吧。

  • General – 常规设置,每个主题都有这个设置,主要包含网页默认布局,颜色,字体,侧边栏显示,按钮等等一些设置,这些主要是看每个人喜好,边改边看效果,也可以不改,不过Breadcrumbs和Performance两项里面的选项最好是都勾选。
  • Header和Footer – Kadence主题的页头和页尾设置真的很人性化,都是分三行,每一行可以自由拖曳添加他们提供的小部件,不像其他主题那样固定了页头和页尾的布局,最近更新的版本中,Kadence的footer也可以使用古腾堡区块(block)了,让你更加放飞自我,建立自己想要的页头页尾,见下图。
如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程
  • Page Layout、Blog Posts和Search Results – 这分别是网页(wordpress后台page哪项里面的页面),Blog页面(post页面)和搜索结果页面的布局,设置这些的时候,你最好打开相应的页面进行设置,如何设置同样根据你自己的喜好。
  • Site Identity、Homepage Settings – Site Identity是添加网站logo和网站图标,并可设置造型,Homepage Setting相当于基本设置中常规设置的Reading。
  • WooCommerce – 这是woocommerce的店铺设置,店铺各个页面布局的设置,包括catalog,单个产品页面,checkout页面,my account页面,可以不更改或者根据你的喜好更改。
  • Additional CSS – 层叠样式表,更改网站页面布局和外观的一种静态网页外观语言,你需要懂点相关的代码知识,请跳过。
  • Import/export – 导出导入,即导出导入customize设置,所有设置好之后,你可以导出保存,以免以后出问题又要重新一个一个去设置。

另外还有菜单和小工具 (Menu & Widget) ,这两个最好是分别去设置,在后台设置里面也有这两项单独的设置,接下来就说说这两个设置吧。

菜单和小工具(Menus & Widgets)

菜单是网站的导航,就像你网站的一个窗口,可以进入到你网站不同的页面和栏目,这是相当重要的。

菜单Menus

在wordpress中菜单编辑和设置也在外观(Appearance)里面,从侧边导航的Appearance->Menus进去即可设置,参考下图。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

menu编辑页面

如图所示,设置还是挺清晰的,在导入Kadence或者任何主题之后,主题一般都会有几个设置好的菜单,你可以直接编辑、添加或者删除。

  • 编辑菜单,默认打开的选中菜单是主菜单(primary menu),也就是你网站页头(页眉)的菜单,你可以点击每一个页面右边的小倒三角编辑链接或者删除链接,需要添加新的链接就从左侧的链接中选中然后点击add to menu,左边基本上包括你网站的任何单一的链接,你甚至可以添加自定义链接(custom links)。菜单中的链接你都可以任意拖曳来摆放位置,或者拖曳来放入二级目录,菜单的每一个链接都能单独设置显示名,也就是说你的页面本身名字比如是about,你可以在这里设置成about us,等等。
  • 新建菜单,点击图片上红框中的Create a new menu就可以创建新菜单了,可以给新菜单取个名字以方便以后使用,然后编辑菜单。
  • 删除菜单,假如你不需要哪一个菜单,可以从select a menu to edit中选中,然后拉到最底部,点击delete menu。然后添加自己的菜单
  • 菜单位置,在上图靠底部的位置有个红框,display location,在编辑或者创建菜单的时候你可以选择你的菜单摆放位置,其实除了主菜单记得勾选,其他可以不需要设置,到时候在customize(上一步)中的header或者footer去添加。另外也可以通过顶部的Manage locations去更改位置,菜单的位置根据不同主题一般是不同的,具体看你是什么主题了。

所有的都设置好你就点击save保存,然后去页面看看效果,至于一些非常复杂的菜单,比如mega menu可以下拉显示丰富内容的菜单你就需要通过插件完成了。

小工具/小部件(Widgets)

Widgets即小工具,也叫小部件,这是wordpress一个特色功能,一般你可以通过小部件设置侧边栏和页脚,但是也有一些主题会增加其他位置,比如页头(页眉)。

以前的版本小工具设置起来可能稍微复杂一点,当然对于用习惯的又会觉得还是老的好。为什么我认为现在更方便了,因为从wordpress5.8版本以后小工具的编辑器和页面编辑器统一了,都是用的古腾堡,你只要添加block区块就行,然后编辑区块内容,所以这里就不多介绍如何使用小工具了,之后会在添加页面这一步详细说明一下,看个图参考一下先。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

其实在kadence主题中,因为主题的先进,小工具除了主要作用于侧边栏之外,其他位置都会慢慢荒废掉。

Woocommerce设置

搭建wordpress外贸独立站最后肯定是要对店铺进行设置,这一项就像你做跨境电商平台一样,要给后台进行设置,添加个人信息,付款方式以及物流设置等等。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

这一步其实没什么好说的,主要是是关于你经营的一些信息,可能在shipping这一项会有点费神,至于支付方式,做外贸的这个是最基本的。

网站的设置和自定义差不多就是这些,wordpress的后台还有一些其他的设置,没必要的话都不要去修改,因为也没什么要修改的了,不过以后想熟悉wordpress可以一项一项去了解。

第五步:添加内容

假如说搭建网站像建房子一样的话,那么上一步可以说是完成了毛坯,这一步就开始装修并且添加家具和用品了。

添加页面

在导入kadence模板的时候,主题自动给你添加了一些模板相关的页面,假如哪些页面你需要的话就保留然后编辑就行,如果不需要可以进入Page里面删掉。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

除了woocommerce自带的一些页面不要删除,其他的都可以编辑修改和删除。对于一个外贸或者说跨境电商网站,确实需要添加一些页面来丰富网站,也让客户能更加容易了解你们的品牌以及产品,如何添加或者编辑页面,比如我们添加一个叫About Us的页面:

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

请按照图片上的编码了解每一项的功能:

  1. 标题
  2. 添加Block(区块)- 有两个地方可以添加区块,如图的两个➕按钮,具体有哪些区块要点开左边模块栏,根据需要添加所需模块,可以很大的丰富网页。除了wordpress自带的一些区块,安装kadence的时候安装了kadence block,其实还可以到插件中搜索其他区块插件,不过kadence block已经可以完成大部分功能了。
    区块的作用真正让wordpress网站达到了对网页最大自由设计
  3. 对文本的设置,可更改字体颜色添加链接,下划线等等
  4. 页面设置
    • page – 页面设置,包括发布时间,permalink固定链接,评论,等等
    • block – 对你选取的模块进行设置,比如你添加的模块是图片,那这个设置就是对这个图片进行设置
  5. 页面布局设置 (随Kadence主题来的),具体看实际安装的主题而定
  6. Kadence模块设置
  7. Gutenberg设置 – 即对Gutenberg这个网页编辑器的设置

页面编辑器中还可能出现一些其他随插件而带来的设置,比如SEO插件,请根据具体插件而定。页面内容一般是一边创建,系统自动会帮你保存,但有时候急事离开请记手动点保存,以免丢失一些新加的内容,创建好后,你可以先预览一下,没问题就可以点击publish了。

上传产品

不用多说,产品才是电商网站的核心所在。同样在导入模板的时候kadence主题会自动添加一些样板产品,先别删除,你可以参考一下,之后等你产品上线了是需要删掉这些产品的,这些产品一般都不完全,也不是你自己的产品,而且价格也是随意填写的。

如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

Woocomerce产品描述编辑器还是用的wordpress的经典编辑器,很多wordpress老用户喜欢这种编辑器,如果你也喜欢这种编辑器来编辑页面的话可以去插件里面下载,但是我自己是回不去了,用古腾堡习惯了。不过只是编辑产品描述,这个编辑器反而会更好,也够用。同样我用数字标出了每一项的功能如下。

  1. 产品标题
  2. 产品详情,这里也可以添加图片,链接等等,截的图片是代码模式,请改成Visual,即可视化编辑
  3. 产品数据设置,产品类型、价格、库存、运输、相关产品、属性(颜色、尺寸)等其他设置,在variable products(变体产品)中可以添加不同颜色尺寸的产品
    • Simple product – 单一产品,单一颜色,单一尺寸,单一型号,也可以添加虚拟产品,比如什么会员,下载类产品
    • Grouped – 组合产品, 比如一套衣服,包括上衣,裤子,衬衣,可以组合一起销售
    • External/Affiliate – 外部产品或联盟产品,你可以发布产品但是链接指向其他网站例如亚马逊,推广你自己的产品或者推广别人的产品拿佣金
    • Variable – 变体产品,大部分是这种产品吧,因为大部分产品都是有颜色尺寸等不同选项的
  4. 产品图片,图片中少标记了一个
    • Product image – 这个是设置主图片的
    • Product Gallery – 这个是图片相册,图片轮播的话这里可以添加多张
  5. 产品类目,分两种
    • Product categories – 产品目录
    • Product Tags – 产品标签
如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程

试着随便传了一个变体的产品如上图,仅供参考。

其实你还可以写一下博客文章,在侧边的post里边添加文章,写一些关于产品或者行业的文章可以通过搜索引擎一一些流量到网站,post的编辑和页面编辑基本一样,你打开就知道了。好了,到这里你的网站也就差不多了。

第六步:发布你的WordPress跨境B2C独立站

等你上传好了两到三个产品就可以去设置的Reading里面去掉搜索引擎的勾选,并且添加网站到搜索引擎,让他们来抓取网页,然后每天持续更新产品。

发布网站之后注意一些问题:

  • 别随便更改网站名字描述等一些框架性的内容
  • 别随意换主题
  • 注意页面和产品链接别太长
  • 通过SEO插件来优化网站
  • 经常保持更新网站,一周两到三次增加新内容,添加产品就可以,以后可以适当的发布一些文章。

总结

文章可能看起来有点长,对于新手朋友这还是很有必要的,只是希望尽可能的详细,能够一看就懂怎么操作。可以让看到这篇文章的朋友能够建站的时候轻松一些,不那么费脑,新手刚刚接触的时候确实是这样,熟能生巧,当你都熟悉操作后,会发现wordpress真的很强大和方便。而用wordpress建外贸独立站的优势:真正的独立性,自由度,以及更低的成本。

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权, 转载请注明出处。
文章名称:《如何自己搭建WordPress跨境B2C独立站,Woocommerce电商网站教程》
文章链接:https://cnidc.co/33899.html
【声明】:国外主机测评仅分享信息,不参与任何交易,也非中介,所有内容仅代表个人观点,均不作直接、间接、法定、约定的保证,读者购买风险自担。一旦您访问国外主机测评,即表示您已经知晓并接受了此声明通告。
【关于安全】:任何 IDC商家都有倒闭和跑路的可能,备份永远是最佳选择,服务器也是机器,不勤备份是对自己极不负责的表现,请保持良好的备份习惯。
香港110M(含10M CN2)大带宽独服限量促销,香港E3-8G-1T硬盘-3IP,月付仅799!

登录

找回密码

注册