本站分享WordPress外贸建站技术,教你从0开始一步一步的搭建自己的外贸网站,本站教程涵盖域名注册、主机购买、WordPress基础知识、WordPress主题教程、插件教程、页面构建器Elementor教程、网站加速优化教程、SEO及数据分析等内容。通过本站的内容学习你可以掌握一整套的外贸网站搭建及运营的知识。
如果你想学习WordPress外贸建站技术,以下内容将由浅入深的带你了解和实现一个完整的B2B外贸网站。
WordPress是目前主流的内容管理系统(CMS),它一开始为博客而生,但是随着时间和生态的发展,它可以做更多的事情,通过WordPress你可以创建企业官网、电子商务网站、博客、论坛、会员网站等等…
根据w3techs的数据目前WordPress占据43.1%的市场份额,也就是说你访问的超过四分之一的网站可能由 WordPress 提供创建。
我理解WordPress为一种创建网站最佳方式,它可以让你实现无代码建站,借助主题和插件你即使不会代码,你可以创建自己的网站。WordPress本质上就是网站应用服务,当你启用一WordPress服务的时候,实际上就是在启动一个新的网站。
你可以通过文章《初学者指南:什么是 WordPress?》了解更多关于WordPress的内容。
当然,WordPress存在一些缺点,比如大多数好用的主题和插件都是需要收费,不同的插件和主题之间会存在兼容性问题,代码冗余等等,如果用的好,除了收费的主题和插件,其它问题大部分其实都可以避免。
收费也是为了能够提供更好的服务和功能,我更喜欢使用收费的主题和插件!
写在实操教程之前:
本实操教程是需要一定的资金和时间成本的,当然我的教程是免费的,在实操的过程中你需要购买域名、主机和一些必要的付费插件,但是最重要的,也是付出最多的还是你自己时间和精力,相对来说投入资金倒是不值一提了!
0成本建站或者所谓的小成本建站在我看来是不存在的,如果你相信那么最终的结果很可能就是花钱买教训,当然如果能花很少的钱买到一个有意义教训那也是值得的。
注册网站域名是搭建外贸网站的第一步,域名和主机我都视为数字资产,既然是自己花钱购买的资产,那么就要掌握在自己手里。
尤其是域名,你为网站所作的一切工作所带来的流量都是和域名绑定在一起的。
大部分WordPress托管主机在购买时就需要你绑定域名,所以我们应该先购买好域名,部分主机商会免费赠送一年。
我建议你尽可能不要使用主机商提供的域名,方便你后期自己管理域名。
在购买域名之前,你需要先检查域名是否已经被注册(你可以去NameSilo输入域名检测是否被注册),注册域名建议遵循一下原则:
Cloudflare注册的域名是不可以更改DNS服务服务器地址的(除非你升级到Cloudflare的企业版),如果你是使用SIteGround主机那么就不推荐在Cloudflare上注册域名,但是在Cloudflare上注册域名可以直接使用Cloudflare免费的CDN服务。
我自己比较喜欢在Namesilo注册管理域名,管理也非常灵活,付款方式比较多,还支持支付宝付费。
主机是用来存放网站文件和数据库资源的,但是运行WordPress还需要再主机中安装必要的服务,比如:Nginx、PHP、MySQL等等。如果你熟悉服务器的运维工作,这些你都可以自己安装搭建,但是对于新手而言,我更加推荐一些管理面板来快速实现环境的部署。
如果你熟悉服务的运维工作,目前市面上也有很多管理面板可以帮助你解决底层服务管理和维护的问题。你只要安装好面板之后们就可以通过面板来安装和管理例如:PHP、MySQL、Nginx等等这些服务。同时可以在管理面板中直接快速启动WordPress网站,同时管理和维护WordPress网站。
管理面板是运行在主机上的帮助你实现网站和网站运行环境管理的服务,他们通常都是有可视化的管理界面,方便操作和管理网站的运行环境及网站。
如果你购买的虚拟主机裸机的话,建议安装一个管理面板来管理网站和相关服务,
目前市面常见的管理面板有宝塔、Cpanel等等,部分WordPress主机会自带管理面板,比如Cloudways、SIteGround、Hostinger等等,另外还有些主机会和第三方面板集成,比如HostGator、Bluehost、DreamHost等是集成的Cpanel面板。
我自己对管理面板使用的一些心得:
最早我入门的时候使用的是宝塔面板,对国内用户来说确实是一个不错的选择,但是宝塔面板并不是完全针对WordPress的(Cpanel也是),所以在WordPress网站性能方面的优势不是特别明显。另外由于宝塔免费,使用的人较多,并且存在一些漏洞,容易成为黑客的攻击目标,同时它也容易中挖矿病毒(我自己就中过招😂)。
Cpanel我并没有像宝塔那样深度用过,但是也有网站是基于Cpanel做的(主要是使用的主机是集成的Cpanel管理面板)。最大的感受就是操作界面比较复杂,你想操作或者实现一个功能并不容易,我个人是觉得Cpanel面板要比宝塔面板还要复杂,所以目前我也不用它了。
我自己目前在用和推荐的是Runcloud管理面板,到目前为止我都没有发现任何明显的缺点,它的价格相对提供的功能来说我认为是值得的。如果你想安装SSL证书或者开启网站缓存加速,在应用管理中找对应的按钮,点击即可,它会自动完成,没有更多额外的操作。它对新手非常友好!
我将三款管理面板的价格和优缺点整理如下:
项目 | Runcloud | 宝塔 | Cpanel |
---|---|---|---|
价格 | 8美元/每月起步 | 有免费版,付费版699 元/年起步 | 15.99美元/每月1个账户起步 |
优点 | 性价比高,界面清晰简单,操作容易 | 有免费版本,性价比高 | 安全性高 |
缺点 | 暂时没有发现 | 免费版安全性低,操作相对复杂 | 价格贵,界面老旧,操作复杂 |
共享主机:
共享主机是基于一台独立的云主机虚拟出来的服务,它本质上不算是一台完整的主机,你没有主机的完整权限,只能使用用户权限范围内开通的服务。你可以理解为你的账号是一台云主机中的一个普通用户,和其他用户共享一台云主机资源。
我常用的共享主机有SiteGround主机,它自带管理面板擦,操作简单,第一年费用较低,对于新手入门非常友好。
VPS主机:
VPS主机是一台独立的虚拟云主机,对于使用者来说它是台独立的服务器,只不过它的内存和CPU等资源是虚拟的。你可以完全控制这台VPS主机,就像控制自己的电脑一样,可以自己重置操作系统,修改防火墙端口等等。
我自己在用的VPS主机Cloudways,也是自带面板的,是目前我觉得性价比较高的一款WordPress的VPS主机,它最大的优势在管理方便和性能好!
另外你还可以购买虚拟主机裸机(价格相对带面板的便宜一些),自己安装改管理面板(宝塔、Cpanel、Runcloud等等),来管理你的WordPress网站。
我自己也在用的方案就是Vutrl主机+Runcloud面板的方案。本站点就是放在国内的腾讯云主机并使用Runcloud面板管理的!
1、如果你是新手刚刚开始你的业务,并且需要时间学习,那么SIteGround是一个不错选择,它管理界面比较简单,操作容易,并且第一年价格便宜;
2、如果你预算充足,并且对主机的性能有较高的要求,你可以选择Cloudways主机,DO Premium(1核1G 25GB 1TB)的配置完全足够跑一个WordPress外贸B2B网站;
3、如果你动手能力比较强,预算没有那么充足,对服务器性能要求较高,并且需要管理多台服务器资源,可以尝试Vutrl的虚拟主机+Runcloud的面板。
如果你拿不定主意,可以通过页脚微信联系我咨询如何选择和购买主机。
域名解析就是设置将域名指向你放网站的服务器,解析的操作必须在域名的DNS服务器实现。
购买好域名和主机之后需要通过域名解析将域名指向服务器IP,添加域名解析的操作通常是在域名购买网站的对应管理界面或者域名DNS服务网站的对应管理界面完成。
通常,添加好域名解析之后你还需要将域名绑定到服务器的网站上,我们在服务器创建WordPress网站的时候填写域名就是将域名和网站进行绑定操作过程。
什么是DNS服务?
DNS的全称:Domain Name Server(域名服务),它是实现域名指向到指定服务器的一种服务,通常也是被部署在服务器上的,一般域名服务商会部署DNS服务,通过DNS服务你可以为你购买的域名的添加解析记录,解析记录你可以理解为指令,这个指令通过DNS服务器中的DNS服务执行,执行成功之后你就可以通过域名访问部署在对应服务器上的网站了。
一般情况下,每个域名都会绑定1-2个DNS服务器地址(2个或以上是用来做冗余的),你可以更换域名的DNS服务器地址,更换DNS之后你就需要到DNS服务的网站维护域名解析记录。
安装WordPress之后你需要了解WordPress后台的基础功能,在熟悉和了解基础功能之上你可以更好的使用、操作以及管理网站内容。
一个新创建的的WordPress网站为例,你需要了解的基础功能:
WordPress的主题就像是一套皮肤,不同的主题之间的差异非常大,更换主题意味着需要额外投入学习成本,不要轻易换主题,除非必须。你应该在规划建站的时候就考虑好选用什么样的主题。
我自己非常喜欢Hello Elementor主题,再加上Elementor Pro的Theme Builder功能我完全可以自定义主题。本站基于Hello Elementor主题制作。
Astra也是我非常喜欢的主题,因为它非常轻量化,当我需要制作透明页头和Mega Menu时我会选择Astra主题。
没有十全十美的主题!适合的就是最好的!
以下是我在B2B外贸建站过程中用到的插件汇总,这些插件基本可以满足一个完整的B2B外贸网站搭建。如果你还需要额外的功能,比如接入Whatsapp就需要额外接入插件来实现。
Elementor Pro提供了表单功能可以实现外贸网站的询盘功能,你不需要再额外购买和安装额外的插件。
插件名称 | 主要功能 | 官方价格 | 备注 |
---|---|---|---|
Woocommerce | 产品管理(B2B网站不需要使用其电子商务的功能) | 免费 | Woo有配置要求,如果可以不装,建议不安装,如果你的产品比较少,可以使用Post管理,如果只有几个产品落地页使用page也可以展示产品。 |
Elementor | 可视化页面编辑器 | 免费 | |
Elementor Pro | 可视化页面编辑器高级版本,创建主题模板自定义主题,元素可以设置动态数据。必须安装Elementor插件。 | $49/1个站点/年起步 | 站长资源49元/年1个授权 |
Iks Menu Pro | 超级可定制的手风琴菜单,可以制作非常精美的侧边栏菜单,通过简码添加到网站的任何地方。 | $99.9终身无限 | 联系站长购买49元无限终身版本 |
Rank Math SEO | SEO管理工具,非常完备的网站SEO管理功能,而且免费。 | 免费 | |
Ultimate Addons for Elementor | Elementor元素扩展,增加额外的元素可以在使用Elementor页面编辑器中使用。我最喜欢的一款Elementor元素扩展。 | $59/年起(不限网站) | 福利:添加微信或者进入微信群可以领取一个站点终身授权!!! |
WP Rocket | WordPress加速优化插件,可以设置网站缓存,优化CSS和JS文件,设置预加载,图片懒加载,以及CDN等。 | $49/1站点/1年起步 | |
Redis Object Cache | 缓存设置,配合主机的Redis缓存服务使用,可以在网站后台刷新网站的Object缓存。 | 免费 | |
Perfmatters | 轻量级 WordPress 性能插件,和WP Rocket部分功能重复,优势在于可以禁用一些不需要的脚本以提升网站速度。 | $24.95/1个站点/1年 起步 | |
Post SMTP | 设置网站询盘等信息的邮件转发。 | 免费 | |
ShortPixel image optimizer | 图片压缩工具,免费账号每个月有100张的压缩额度,你可以购买一次性额度。比免费的reSmush.it Image Optimizer效果更好! | $3.99/每月7000张图片起步,或者一次性$9.9910000张起步 | 可以使用免费的图片压缩插件reSmush.it代替,但是付费版的效果更佳。 |
Wordfence Security | 网站安装保护,可以设置登录保护,防止恶意扫描等。 | 免费版本足够用 |
B2B外贸网站不建议接入在线聊天工具,一方面需要加载外部资源,会影响网站速度,另外你需要有有一个24H在线的支持人员,如果开启在线聊天,客户的消息不能及时回复,会流失客户,反而询盘表单更加好一点,或者WhatsApp更加好一点。
我非常喜欢Elementor Pro的Theme Builder功能,它可以自定义主题。我的B2B外贸建站模板都是使用Theme Builder来实现的。
如果你要使用Elementor Pro来制作外贸网站,你可以
首先,你需要设置SMTP服务,部分主机自带了SMTP服务,也可以在WordPress网站后台通过Post SMTP插件来配置SMTP服务。
配置SMTP服务过程就是将一个邮箱地址(可以是任何邮箱,包括企业邮箱或者个人邮箱地址)配置到你的网站进行邮件转发,当网站收到用户提交的询盘时,SMTP服务的邮箱会转发一个询盘邮件到你任意邮箱(接收询盘的邮箱可以是多个,通常在表单中配置即可)。
然后,设置一个询盘表单,并配置接受询盘消息的收件箱,同时需要将询盘发送的邮箱地址设置为你配置SMTP服务的邮箱。
网站加速优化的终极指南还在更新中,敬请期待!
域名邮箱是外贸必不可少的工具,SiteGround提供了免费的域名邮箱服务(我猜这大概是第二年续费价格昂贵的原因之一),Cloudway也提供域名邮箱服务,$1/每月一个邮箱账号。当然也可以从阿里云或者其它平台购买邮箱服务。
本文介绍如何排查WordPress网站兼容性问题,由于WordPress是一个开源的CMS系统,它的很多功能都需要安装第三方的主题或者插件才能实现,但是日常维护过程中不可避免的会出现一些兼容性的问题。 在什么情况下需要排查WordPress网站兼容性问题? 1、网站后台可以登录,但是前端显示出问题,
本文介绍Sticky Header Effects for Elementor插件实现Elementor Pro粘性和透明页眉教程。Elementor Pro原生插件一直没有引入粘性和透明页眉的功能,虽然可以通过元素的sticky属性来实现下拉固定页眉,但是没法同步实现透明页眉的效果,这款插件很完美
本文介绍如何通过GTranslate免费版插件实现WordPress网站多语言自动翻译,多语言自动翻译可以帮助不同语言的用户阅读网站的内容。 什么是WordPress网站多语言自动翻译? 网站多语言自动翻译本质并不算多语言网站,它是通过翻译插件实现的页面自动翻译,实际效果和我们使用浏览器翻译插件翻译
本文介绍WordPress网站锚点链接被顶部固定导航遮挡解决方法,在试用Table of Content做导航时,跳转链接会自动定位到内容,但是由于顶部有固定导航栏,会遮挡定位部分的最上方的内容显示。 1、找到锚点链接元素选择器 通过浏览器工具找到锚点链接的元素,我这里是一个空的Span标签元素 2
最近很多人升级到Elementor V3.16时发现网站菜单或者页面布局显示会出现不正常的情况,我也遇到了同样的问题,所以写了这篇文章来详细的说明该问题和解决发方法,希望可以帮助到大家。 1、升级到Elementor V3.16出现的BUG复现 在操作之前我强烈建议你做好网站的备份,以免遇到不可知问
外贸网站加速优化是SEO的必经之路,网站速度达不到预期,一切都是徒劳!本文介绍我是如何做到LCP小于500毫秒的,如果你采用和我一样的做法,你也可以将你的网站LCP提升到500毫秒以内! 下图是我网站在GTMetrix中测试的结果: 1、关于网站域名 域名对网站速度的影响并不是最主要的,但是DNS服