wordpress建网站详细教程(使用WordPress零基础自建外贸B2C独立站(完整教程))

wufei123 发布于 2024-01-29 阅读(134)

做外贸的朋友这些年都在转型或者转型成功,大家都考虑做品牌,增加客户的粘性,因此为品牌和产品建立一个网站就应运而生,对于欧美客户来说,有了网站,一个品牌或者公司也就显得更加正规,他们也对你的信任度大大提高。

以前可能很多朋友建站第一想到的是找建站公司,但其实自建独立的电商网站在国外早就很普遍,因为如上文说的,这是正规化的一个环节,近几年也进入了国内,因为不不需要懂得代码技术,外贸朋友你们也可以自己建立跨境电商独立站。

本文的教程是通过购买cPanel主机来自建WordPress+woocommerceB2C独立站,内容可能有点长,只是尽可能做到详细教程可能会随着平台、主题、工具插件等等版本更新而可能更新,但可能修改不及时,各位同学请见谅。

摘要:购买主机 - Interserver、Chemicloud等都不错,并注册域名,也可在第三方域名商注册域名比如 NameSilo安装SSL证书,如果在第三方域名商处注册域名需要解析域名安装wordpress

安装主题安装插件Woocommerce等设置和自定义网站添加页面和产品第1步:购买主机和域名主机是一台用来存储你的网站数据和文件的远程服务器,WordPress这个建站系统就需要安装到主机上建立外贸站,当然是国外主机更好。

为何国外主机对外贸独立站更有优势:外贸业务主要针对国外用户,网站托管在国外主机上对于国外用户打开的速度更快,对搜索引擎的优化会更好不需要备案,国内的主机你需要备案,虽然不麻烦,但是需要等待一段时间,这个过程具体时间不确定。

1. 购买国外主机国外主机千千万,起步主机一般托管的虚拟主机(web hosting)就足够了,这类主机包含大部分需要的建站功能,主机商对网站速度和性能等都做了很大的优化,针对大部分国家和地区的用户速度都不错,价格也便宜,不过都需要年付购买。

Interserver – 只有一个高级套餐,$2.5/月,Litespeed网络服务器,你可以购买一个月、一年或者两年,首次购买多久都是2.5美金/月,续费都是7美金/月,可搭建无数网站 Chemicloud。

(备选) – 这是我在使用的主机之一,用着挺舒服,也是Litespeed网络服务器,首年免费域名,客户回应速度快,价格也还不错,初级套餐价格一般都是在2.5到5美金/月之间,续费9.95美金/月,只能添加一个顶级域名,但大部分同学都只需要一个网站,起步是完全够了的。

之前interserver的购买页面国内打不开,现在已经修复,而且可以自己挑选防机器人认证,从性价比上看,Interserver更高,当然假如你使用interserver有任何问题,chemicloud仍然是一个不错的选择。

接下来主要以interserver为例,需要Chemicloud的可看:Chemicloud购买教程,除了购买步骤不同,之后的教程基本上是一样的2. 选择一个套餐并购买进入Interserver官网,你会看到主页几行醒目的大字“65% OFF WEB HOSTING$2.50/Per Month!*”,点击。

BUY NOW按钮直接购买就行了,当然你也可以点击More INFO了解一下他们的主机包含一些什么功能。

当然也可以先注册一个账号再去购买都一样3. 输入你的域名接下来就会需要你填写一个域名,强烈建议新手在在此处注册新域名(Register a new domain),不然你需要将其他地方的域名和Interserver主机绑定,即需要做。

域名解析。

如果懂得域名解析的话,可购买第三方域名商的域名,通常那样价格会便宜一点,此处可查看第三方不错的域名商:国外5+个常用的域名注册商域名解析教程:域名解析不想折腾的同学还是直接这里注册吧,别为了一年省几块钱浪费太多时间和脑细胞。

4. 设置购买主机的一些信息然后点击continue继续,接下来的页面开始会让你填写你的个人信息以注册一个帐号,当然你也可以先注册一个帐号,然后在此处也是可以登陆已有账号的,这都不需要多说,重点我说一下填完个人信息后接下来的购买详情选项,见下图。

这里有个地方需要注意的:Domain,domian有两项费用,一个是域名费用,直接在interserver购买域名的话就是域名费用,第三方购买的话可以转移到interserver,那就是域名转移transfer费用,另外一个是Whois privacy费用,这个虽然并非必须要的,但是强烈建议购买这个隐私保护,不然你的域名资料完全公开。

价格其实也不贵,总共12.99美金一年,比我在namesilo上购买的稍微贵一点,所以我还是建议大家直接在interserver上购买域名,多花几块钱,可以省很多事情Billing Interval,这里就是选择你需要购买的主机年限,总共有四个选项,一个月、半年、一年和两年,

建议购买两年,因为首次购买是有优惠的,而且整个购买期限中的价格都是优惠价2.5美金/月,而首次之后续费的话就会按照实价7美金/月,当然你购买两年那么续费也是两年一次,购买一个月,续费就是月付,具体选哪个还是得自己决定。

总之不管首次还是续订都比很多主机划算Coupon优惠券: 若有,那就在此填写Total总计:在你设置并选好你需要的主机期限之后会显示域名和主机的总共价格,比如只购买两年主机不购买域名的话,本来首次购买就是60美金,加上域名费用就是72.99美金两年。

最后勾选同意条款并点击创建帐号和下单按钮进入到付款阶段。5. 填写个人帐号信息并支付Interserver支持信用卡、Paypal以及比特币等虚拟货币,你可以选在适合你自己的方式付款。

付款完成,你就已经获得了你的主机,之后就能进入cpanel来管理你的主机了第2步:安装SSL(其他地方购买的域名需要解析域名)*如果你第一步购买的主机商(Interserver)处直接购买的域名,你可以直接。

安装SSL**假如你是在第三方,也就是其他地方购买的域名,你需要先解析你的域名到你的主机才能安装SSL这也是我为什么在第一步建议新手直接在主机商处购买域名的原因你购买了第三方的域名,域名解析有详细教程看这里

,你也可以直接找主机商客服帮你解析安装SSL证书到域名域名解析成功后,我们先安装SSL(Secure Sockets Layer)证书,这是安全套接字协议,这个现在对Google搜索引擎是非常重要的,没有SSL的网站,Google是不会给展现率权重的。

这个协议主要作用是保护用户和网站主机之间敏感数据传输的安全性Interserver提供一键安装免费Let’s encrypt SSL证书,应该说任何网站都能使用Let’s encrypt的免费SSL证书。

首先需要进入cPanel,才能获取SSL的证书如何进入Interserver的cPanel面板?登录你的interserver账号后台,点击左侧菜单的Webhosting,你就会看到你购买的主机,不过显示的价格是实价。

看到comments下方一个蓝色的螺帽吗,点击进去,这里面是主机的一些相关信息和如何使用。

左下角看到LOGIN TO CPANEL了吧,点击就进入了cPanel界面(你看到的界面可能和这里的图片有些差异,因为cpanel可能升级了,但是功能一样),当然登录cPanel界面也可通过其他方法

Interserver最新的cpanel界面是最新的版本加最新的主题然后依次cPanel > SECURITY > Let’s Encrypt™ SSL > Issue a new certificate,获取最新证书。

*请注意别点SSL/TLS,那样是不能安装成功的,需要点击 Let’s Encrypt™ SSL,见下图。

点击Let’s Encrypt™ SSL进入到安装新证书界面,如下:

如果有二级域名例如图中http://blog.xxx.com,你需要分开点击+issue分别颁发证书我们先不管这些二级域名,因为大部分时候用不到在接下来的页面中“include?”这栏选择需要的打勾,我是三个都勾选,mail是有关企业邮箱的,。

但是一定要记得域名需要先解析成功,没解析颁发不了证书,然后点击底部蓝色按钮“issue”。

证书颁发成功后,页面会返回成功页面,到这里SSL证书就算是安装完成*请注意其他地方购买的域名域名必须要解析成功才能获取证书成功,没解析完成,请不要安装证书安装完成后你可以在浏览器打开你的域名试试看,看看地址栏左边地址开头有没有带一把锁,如果没有,在一个新的浏览器或者用Chrome的无痕模式多试两次。

正常安装成功,都会出现一把锁表示网站数据传输已经被加密以后cpanel会自动帮你续期域名,一次性安装,相当于永久安装了SSL证书第3步:安装WordPress再次进入cPanel,直接拉到cPanel最底部,你会看到MOST POPULAR APPS这一项中有很多不同软件,第一个就是WordPress了。

点击它进入到一个叫softaculous面板,这里会显示WordPress的简介,还有安装按钮,继续点击按钮“Install Now”到下一页,这是安装之前的一个设置页,你需要添加一些东西。

这个页面你需要注意的几个地方是:Version(版本)- 选择最新的,数字最大的那个就是,现在的版本是5.6Choose installation URL – 如果你已经安装成功SSL证书,选择https//,后面的网址随便,加不加www效果都一样,其实这个在安装WordPress之后都能更改的(托管商一般都已经做了301重定向)。

Admin Username – 这个是安装WordPress之后需要登录的用户名,要记牢Admin Password – 登录用户名,更要记牢Admin Email – 管理员邮箱,也要记牢其他的都不要设置,因为之后都能改,现在设置也没什么意义,然后拉到底部,点击

Install,WordPress就开始安装了,只要几十秒,总之少于一分钟。以下是安装成功页面,里面有两个链接,一个是你的网站主页,一个是管理后台,你可以点击打开看看现在你的网站啥样。

安装成功页面

到这里wordpress就安装完成了,就是这么简单,记得保存Administrative URL,以后要通过此链接进入后台管理第4步:安装主题从Administrative URL页面进入WordPress后台管理,左侧是菜单栏,点击Appearance>Themes,你会看到三个wordpress自带的三个主题,你可以保留一个,因为wordpress需要最少一个主题,当然等你安装完新主题再删掉不需要的主题也行。

为何需要安装新主题,因为这几个主题都不太适合做电商网站,也缺少很多支持电商的功能,对搜索引擎也不友好哪里能够获得主题1. 直接从Appearance>Themes>Add New,里面有几千个,不过这里的大部分都是免费和免费增值的主题,什么是免费增值?就是该主题既有免费版本也有付费版本,这些主题都是第三方专业主题设计公司设计的,当你的免费版本不足以支持你的业务的时候你可以升级付费版本。

2. 专门的主题销售商城,最大的主题商城是Themeforest(主题森林),属于Envato Market不管你用什么平台建站,你几乎都能在上面找到主题,Themeforest上面的wordpress主题甚至比Wordpress上面还要多。

另外TemplateMonster也不错WordPress和ThemeForest商城主题的大致区别WordPress一开始你可能想找免费主题建站,不过要找一个完全免费的电商主题不是很容易的事,除非你用那种免费增值主题,等你的业务提升的时候升级到付费版本,这种主题确实有很多不错的,但是付费版本价格也相对比较贵,毕竟专业主题设计公司制作的主题水准更高。

除了年付版本也有终身版本,终身制的支持永久售后支持和更新,而且还有很多独家插件,例如Astra、Kadence,我们网站用的是Kadence这类主题最大的特点就是:有免费的版本可使用、易用、轻量、付费版相对更贵、不过可在无数网站使用,也适用建站公司使用。

亲身体验,这类主题网站速度更快,页面自由度更高,可以设计出无数不同的外观,而且还漂亮啊,想要网站流畅专业并且更独特选这类主题吧主题商城类商城类主题专门的主题销售商城比如Themeforest,和淘宝类似,就是很多设计者或者团队在上面建立一个店铺,不断地制作新主题上架销售,一般主题是一次性付费,终身使用永久更新,售后大概是半年或者一年,有个好处就是能够获得一些付费插件,只要你激活主题就能获得主题自带的一些付费高质量插件。

这些主题的特点主要是第三方插件比较多,比较臃肿,可能需要更多时间来熟悉使用,我觉得这上面大部分主题都是页面设计的非常漂亮,但是一安装之后自带很多插件,简单点说就像一个整容的美女,不过整体价格相对会比较低。

***** 打算长期建站,对网站要求比较高的话,建议选第一种,专业的,贵的自有他的道理!!!*****怎么选择请根据自己的实际情况来,但不建议频繁更改主题,每次更改主题就相当于你要重新设置你的网站,还有从SEO优化的角度来说,更改主题可能对搜索引擎不利,有可能会导致搜索引擎重新抓取你的网站数据。

好像安装之前讲得太多,但是并不是,因为主题对于一个WordPress是非常重要的,一开始就用好了一款主题,后面很省事,其实很多免费主题也都具备电商网站的基本功能,如果一开始只是希望挂上你的产品开始售卖,并拥有基本的SEO权重的话,那么免费主题也完全够用。

开始安装主题1.免费主题如果你还是想试一下免费主题,为了节省你找主题的时间,我推荐我现在用的Kadence主题,这是一款轻量的响应式主题,速度快不占资源,接下来我都会以这个主题作示例,因为我们自己的外贸网站一开始用的这款主题,之后也没打算换主题,主要是轻量,易操作。

这个主题有独立的免费版和付费版,免费版对于起步非常够用的,免费版直接在后台theme中Add New里面可以搜索Kadence

他们家有三个主题,安装第一个Kadence就是, 鼠标移到主题上就看到了Install,点击安装激活,主题就安装好了当然还有更多的免费主题,基本市面上能找到的大部分免费主题,你都能在admin后台Themes中搜索到,进入网站后台Appearance > Themes, 点击Add New,看看哪个主题你喜欢或者适合电商使用,你直接点击安装然后激活就行,真正安装主题过程就是这么简单。

如上图主题已经激活,主题会提醒你安装一些需要的插件2. 付费主题到底哪个主题好?我不能给你确定答案,优秀的主题太多,看看Themeforest上前十,排第一的叫Avada,很多人用这个,说明使用量还是挺高,因为该主题功能比较多,但实际可能会相对较臃肿,对于新手可能设置都要半天,所以你也不一定非要用这个,排行前面的都是功能丰富的主题,毕竟每一个网站都不需要千篇一律,最终选不选择在于你自己。

进入ThemeForest,注册一个帐号,选好主题后直接购买,支持paypal, Skrill和信用卡付款,付款后,登入你的帐号,在帐号下的Downloads你就能看到你刚刚购买的主题了。

下载主题文件,你只要下载“Installable WordPress File only”就行,这就是主题文件,我们进入网站后台Appearance > Themes, 点击Add New,看到左上角Upload Theme吗?点开,你可以点击选择你刚刚下载的主题文件上传,或者直接把下载的主题文件直接拖入页面中就会上传了,上传完成然后点击激活就好了

themeforest的另一种安装方式请看这里第5步:安装WooCommerce等必要的插件继续Kadence主题,Kadence一开始只会要求你安装Kadence Starter Templates,点击安装,页面跳转到需要你选择一个网页建站工具,并且在Appearance菜单下多了一项Kadence>Starter Templates,根据选择的建站工具不同,模板不同,主要有两个建站工具:。

Gutenburg – 国内称古腾堡,Wordpress自带的模块建站工具Elementor – 应该算是第三方最强的WordPress建站神器,没做过调查,只能说应该

我选择wordpress自带的Gutenberg,这两年,此建站工具发展特别快,主要是因为wordpres的自带吧,还有诸多免费插件包含很多以前需要付费的模块选择好建站工具就会跳转到模板页面,Kadence的Gutenberg总共提供了9个模板,是针对不同行业以及不同类型的网站提前制作好的模板,你只要选择其中一个导入就行。

这里选择Print Shop,因为这就是一个电商模板,适合我们外贸独立站

点击模板可以预览一下模板,左侧栏提供颜色和字体供你选择,支持你单个页面导入和整个模板导入,当导入模板的时候,会安装所有所需要的插件,Kadence要求得插件不多,只要两个,WooCommerce和Kadence Blocks。

整个导入,之后直到把内容换成你自己的,再设置调整页面布局

导入过程需要一定时间,包括模板中的图片也会一并导入,这个过程请不要关闭网页,等导入完成后会提醒你已经完成你可以浏览以下你的网站查看一下还是挺漂亮的基本所有主题都是这个模式,给你模板选择然后导入,你再更改所需的内容。

至于其他的插件通过左侧菜单的pLugins>Add new搜索或者上传需要的插件安装第6步:设置及自定义网站安装完并导入模板后,你现在需要设置并且给网站添加你自己的内容设置接下来从网站后台面板的左侧的菜单开始设置,点击Setting,看一下那些需要你修改:。

General Setting – 基本设置,这里是一些关于你网站的基础信息,主要有两项需要修改,网站名Site Tile和副标题Tagline,根据你自己的行业和产品填写信息,其他的可以不要修改Writing – 这个主要是针对blog文章写作的设置,可以不改。

Reading – 设置你网站的首页和blog首页,最后底部那个Search Engine visibility可以先勾选,勾选就是叫搜索引擎不要抓取你的网页很多教程也是建议你先勾选,他们的建议当然是有道理的,比如有些页面是模板页面,也就是和别人一样的页面,没有修改可能会被降权,而且模板的页面一般都是内容不多,这代表页面质量不高,同样影响排名。

怎么让搜索引擎收录网站,请看这篇文章Discussion – Blog文章评论的相关设置,可以不要改Media – 媒体文件设置,保持默认Permalink – 永久链接,选择Post name,然后保存。

Privacy – 在这里添加网站隐私政策页面,建议任何外贸网站添加Privacy Policy页面,在国外这个非常重要,尤其是欧盟区,从18年起加入了新的GDPR条例,你可以参考本网站页末的隐私政策,只是没翻译,你们可以自行翻译,或者找一些不错的国外电商网站借鉴一下。

Kadence Blocks – 这个是导入Kadence模板后增加的,列出了一些模块,别动。

Prmalink设置自定义网站现在可以设置和更改前台内容以及网站布局了,还是从后台左侧栏开始,Appearance > Customize,左侧选项可以更改设置,右边是实时结果,你可以同时设置桌面,平板和手机端的不同显示效果(这就是所谓的响应式),这个模式很好,你一边更改一边能看到网站什么内容。

同样让我们来看一下每一个选项是做什么用的:General – 通用设置,每个主题都应该有这个设置,主要包含网页默认布局,颜色,字体,侧边栏,按钮等等一些设置,这些大都是看个人喜好,边改边看效果,或者干脆不要改,不过Breadcrumbs和Performance两项里面的选项可以都勾选。

Header和Footer – Kadence的页头和页尾设置真的很人性化,都是分三行,每一行可以自由拖曳添加他们提供的小部件,不需要像其他主题那样固定了页头和页尾的布局,见下图。

Page Layout、Blog Posts和Search Results – 这分别是网站页面,blog页面和搜索结果页面的布局,设置这些的时候,你最好打开相应的页面进行设置,如何布局还是看你自己喜好,每个主题都应该有这个设置。

Site Identity、Homepage Settings – Site Identitysh是添加网站logo和网站图标,Homepage Setting相当于上一步中的ReadingMenu、Widgets。

– 建议这两项通过后台面板的Appearance进去设置,Menu即菜单,在菜单中你可以添加无数个新菜单,这些菜单可以放置到四个不同的地方;Widgets是小部件,这是wordpress一个特色功能,一般你可以通过小部件设置侧边栏和页脚。

这两个你可能要多操作几次才能懂得其中的原理,基本步骤就是创建-放置-保存

WooCommerce – 这是woocommerce的店铺设置,主要还是有关店铺各个页面布局的设置,包括,catalog,单个产品页面,checkout页面,my account页面,可以不更改或者根据你的喜好更改。

Additional CSS – 层叠样式表,更改网站页面布局和外观的一种静态网页语言,你需要懂点相关的代码知识,请跳过import/export – 字面你就知道导出导入,即导出导入customize设置。

基本上自定义设置也就这些,不同的主题大同小异,具体主题具体操作,一项一项更改没什么特别需要注意,重点是页面布局没问题,然后你喜欢其他后台设置Media – 上传媒体文件,包括图片,视频,音频等等Comments – 管理blog评论。

Users – 管理网站用户(不是店铺买家),店铺买家在woocommerce里面Plugins – 安装添加管理插件Products – 产品管理Analytics – 网站页面流量分析Marketing – 营销

Tools – 网站性能,健康等等系统工具,导出导入网站内容工具第7步:添加页面和产品这是非常重要的一步,页面和产品是一个外贸独立站的基本元素,就像人体细胞,客户也是通过这些才能了解你的网站,产品,品牌。

添加页面在导入模板的时候已经导入了一些电商网站所常用的网页,你直接编辑每一个页面,然后把里面的内容替换成你自己的就行,这些都是需要的,而且模板都很不错。

当然你也可以添加新页面,然后自己编写内容,比如我们添加一个About Us:

标题添加Block(模块 )- 有两个地方可以添加模块,具体有哪些模块要点开左边模块栏,根据需要添加所需模块,可以很大的丰富网页对文本的设置,可更改字体颜色添加链接,下划线等等页面设置page – 页面设置

block – 对你选取的模块进行设置,比如你添加的模块是图片,那这个设置就是对这个图片进行设置5. 页面布局设置 (随Kadence主题来的),其他主题没有或者有相应的设置6. Kadence模块设置

7. Gutenberg设置 – 即对Gutenberg这个网页编辑器的设置需要添加什么新网页这个在于各位的需求,建议另外添加一个terms and conditions页面,这个对于一个完整的外贸独立站也是很重要的,还有cookies policy,如果privacy policy没有包含的话另外添加一个页面也是可以的,总之一个网站该有的页面齐全对于客户来说这是非常正规的,他们对网站也更加信任,大大增加购买机会,甚至成为回头客。

添加产品在导入模板的时候同样导入了一些产品模板,不过不建议你直接更改,但先不要删除,可以参考导入的产品添加自己的新产品。见下图如何添加一个产品。

产品标题产品详情,这里也可以添加图片,链接等等产品数据设置,产品类型、价格、库存、运输、相关产品、属性(颜色、尺寸)等其他设置,在variable products(变体产品)中可以添加不同颜色尺寸的产品

Simple product – 单一产品,单一颜色,单一尺寸,单一型号Grouped – 组合产品, 比如一套衣服,包括上衣,裤子,衬衣,可以组合一起销售External/Affiliate – 外部产品或联盟产品,你可以发布产品但是链接指向其他网站例如亚马逊,推广你自己的产品或者推广别人的产品拿佣金

Variable -大部分是这种产品吧,因为大部分产品都是有颜色尺寸等不同选项的4. 产品图片5. 产品类目添加完你的产品,你的网站差不多也就建好了添加文章/Post这个和添加页面一样,只是可以分类添加标签,有时间的朋友可以写写博客,这个很多时候能提高网站流量,很多人在blog文章中推广自己的产品。

文章类型可以非常广泛,只要你想到的都能写完结写到这里,这个教程也就完成了,看起来好像有点长,只想做得尽可能地详细,理论上来讲,其他主机如果使用的也是cPanel操作面板的话,此教程一样适用本文只是以一个主题模板举例,你们如果选择不同的主题,可以根据主题自带的文档教程安装并使用主题,其他资源包括主机、域名、主题等等都可自主选择,不过我文中推荐的都是相对较优的选择。

** 简单点说,我希望给你们展示的是这个方法和这个过程,主要目的还是教大家自建站的整个框架和流程,至于最终的内容还是按照你们自己需求为主,这样网站更具独立性不管你选取什么资源你都能完成自己的网站,还有一些细化的教程会在以后慢慢加进来,希望授之于你的是渔,而非鱼。

亲爱的读者们,感谢您花时间阅读本文。如果您对本文有任何疑问或建议,请随时联系我。我非常乐意与您交流。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。