Bricks主题外贸建站教程

本文介绍如何使用Bricks主题外贸建站,本文从域名注册和主机购买开始,直到网站上线,是一个适合新手的全面的外贸B2B建站教程。

本文内容较长,建议先收藏再阅读。

教程目录
教程目录

为什么选择Bricks主题外贸建站?

Bricks主题最大的优势在于它更快的速度更加干净简洁的代码。Bricks使用Vue.js框架,丢弃了JQuery,把性能放在了第一位,这也是相比其他主题和页面编辑器来说更加吸引人的地方。

当然我有必要在你使用之前提示,Bricks是一个非常年轻的主题,它和很多插件功能都还没有实现集成比如WPML、RankmathSEO等等,但是我相信在短暂的未来它一定都可以实现,Bricks公开了自己的路线路,你可以了解它的开发计划。

如果你对Bricks主题有信心,那么就和我一起开始使用它来搭建自己的外贸网站吧!

扫一扫加入Bricks建站交流群
不想花时间学习建站,想要快速的拥有一个专业的外贸独立站?

我们可以为你提供专业的外贸独立站建设服务,你只需要提供你的想法和素材,一切交给我们!

扫一扫企业微信联系我咨询建站服务!

第一步:注册域名

域名注册是建站网站的第一步,你需要有一个域名,用户才能通过域名和对应URL地址访问到你的网站和内容。

如何选择域名?

1、简短原则

域名越简短越好,越短的域名越容易被用户记住。

2、避开数字和符号

尽量不要在域名中添加数字和一些特殊符号,域名中没有意义的数字和符号对SEO没有帮助。

3、用关键词或品牌词

域名的选择首先推荐产品关键词或者品牌词,可以帮助相应的关键词提升排名。

在哪里注册域名?

注册域名你有很多选择:

国内你可以选择阿里云或者腾讯云注册域名。国内注册需要进行实名验证。

国外你可以选择NamesiloCloudflareNamecheap等平台注册域名。

如果你计划使用Cloudflare的CDN服务,你可以直接从Cloudflare注册域名,这样就不用再修改域名的DNS服务器地址,可以直接配置Cloudflare的免费CDN服务。

第二步:购买主机

有了域名之后,你需要一个主机来放置网站的代码以及文件和数据,并通过域名解析将主机和域名进行绑定之后,用户就可以通过域名访问到你的主机上的网站了。

如何选择外贸网站主机?

在购买之前你需要对WordPress主机做一些基础性的了解,以便自己知道如何选择网站主机。

1、共享主机

共享主机(Shared Hosting),就是一个共享的虚拟主机,它是基于一个虚拟主机(也可能是物理主机,大部分情况下是虚拟主机)之上的一个共享的服务。

你可以理解为你是一个虚拟主机中的一个普通用户,只可以使用这个虚拟主机管理员分配给你的权限和服务(网站服务、邮件服务等),你没有这个虚拟主机的完全控制权限,你不能去安装或者升级这个虚拟主机的PHP服务、Mysql服务,因为只有管理员才有权限操作。

你不知道你和多少个人共享这个虚拟主机,正常情况下,管理员会动态调配这个主机的资源配置,确保这个虚拟主机上的每一个网站都可以正常运行。但是如果某一个网站或者服务突发性的资源加载暴增,就会影响到你的网站的访问和运行。

SiteGround主机Hostinger主机(共享主机)都是共享主机(Hostinger主机也有VPS主机

2、VPS主机

VPS(Virtual Personal Hosting)顾名思义就是虚拟个人主机。他是基于硬件组合之上的虚拟出来的个人主机,你可以把它理解为一个带有完整权限操作系统的虚拟机。

在VPS中你拥有这个主机的最高权限,可以完全控制这个主机。

它的性能是基于服务商基于硬件分配给这台虚拟主机的配置,比如内存容量、CPU核数(其中还包含采用的处理器性能)、存储容量、带宽限制等等。

如果你选择VPS那么久需要配合管理面板使用,管理面板是用来帮助你管理网站运行所需要的服务的,比如PHP服务、Mysql服务等等,借助面板你可以轻松的实现对这些服务的安装和管理。

其实大部分WordPress的VPS主机都会带有面板服务,比如Cloudways主机HostingerVPS主机等等。

当然你也可以购买VPS裸机,比如Vutrl主机,如果你不懂运维管理和操作,就需要自己再单独购买管理面板并且部署到主机才能实现对网站的管理。

如果你直接购买带有面板的主机和自己购买裸机再配置面板其实在价格上差不多,甚至你直接购买带有面板的主机会更加便宜,并且节省你的工作量。

WP主机对比推荐配置(套餐)管理面板参考价格评价
SiteGround共享主机GrowBig自带管理面板

3.99美元/月(第一年)

折合人民币:27.46元/每月

Hostinger共享主机高级版虚拟主机

自带Cpanel面板

23.99港币/每月(48个月价格续,费价格翻倍)

折合人民币:21.02元/每月

Hostinger VPSVPS 1(1核1G 20GB 1TB)

27.39港币/每月(48个月价格,续费价格翻倍)

折合人民币:24元/每月

Cloudways VPSDO Premium(1核1G 25GB 1TB)

自带面板

12.5美元/月

折合人民币:86.02元/每月

以上主机的速度测试,是基于同一个Demo网站进行的,可以横向对比出共享主机和VPS之间的差别,同时也可以对比不同VPS之间的差别。另外在购买主机之前建议关注一下主机续费的价格。

3、常用的管理面板

国内最常用的就是宝塔面板,宝塔面板分免费和收费,通常免费版本可以满足网站的管理需求,但免费版存在安全风险。

国外你可以选择Cpanel、RunCloud等。

面板名称是否有免费版价格优点缺点
宝塔699 元/年起步

有免费版本,性价比高

免费版安全性低,操作相对复杂

Cpanel没有15.99美元/每月1个账户起步安全性高价格贵,界面老旧,操作复杂
RunCloud没有8美元/每月起步性价比高,界面清晰简单,操作容易暂时没有发现

4、总结

从理论上来说,VPS的性能是比共享主机要好的,但是不排除有些共享主机性能非常好,表现可以比VPS还要优秀,当然这样的共享主机价格也会比较高。

如果预算有限并且业务刚刚开始,第一年可以选择共享主机(SiteGround和Hostinger共享主机续费较贵,不建议续费);如果对主机性能有要求,并且希望迁移到新主机以获得更加的体验效果,推荐Cloudways的VPS主机。如果爱折腾可以购买裸机之后自己部署管理面板来维护。

如果你不确定自己需要选择什么样的主机和配置,也可以通过页脚二维码加微信向我免费咨询外贸主机购买方案。

如何购买外贸网站主机?

以下是我写的关于主机注册购买使用的教程:

域名解析(将域名和主机进行绑定)

购买主机和域名之后需要先做好域名解析,域名解析就是通过DNS服务,将你购买的域名解析到你购买的主机IP地址,通过解析,用户可以使用域名访问到你对应IP主机上的网站。

解析的操作需要在你购买域名的DNS服务中进行设置,通常你在哪个网站购买域名就是在哪个网站进行设置,但是如果你设置了CDN修改了域名的DNS服务器,比如你使用Cloudflare的CDN服务,那么就需要将域名的DNS服务器改成Cloudflare提供的DNS服务器,那么做域名解析的操作就需要到Cloudflare的DNS中进行。

第三步:创建一个WordPress网站

大多数WordPress主机都支持一键创建WordPress网站。你通常只需要按照主机提供教程操作即可快速的创建一个新的WordPress网站。

Cloudways主机教程:创建一个新的WordPress网站

SiteGround主机教程:创建一个新的WordPress网站

宝塔一键部署WordPress网站

创建好一个新的WordPress网站之后,第一件事情是将网站的搜索引擎可见性关闭,这么做是避免搜索引擎收录一些没有做完的网站内容,等到网站就绪上线之前再开放收录。

具体的操作方法就是进入网站后台的【设置】下面的【阅读】界面,勾选【建议搜索引擎不索引本站点】。

第四步:安装启用SSL证书服务

通常创建网站之后你需要给网站部署安装SSL证书服务。

网站为什么需要安装SSL证书服务?

1、安全角度:SSL证书可以保护网站和访问网站的用户数据,防止访问数据被窃取或者篡改。

2、SEO角度:SSL证书可以提高网站的SEO排名,因为搜索引擎会优先显示使用SSL证书的网站地址。

3、支付角度:如果你的网站使用了在线支付,那么就必须使用SSL证书来确保支付安全。

4、用户角度:安装过SSL证书的网站用户访问时会显示安全锁图标和Https的前缀,来表示网站的经过验证和加密的,以提高用户对网站的信任。

WordPress网站如何安装SSL证书?

SSL证书有免费的也付费的,大多数情况下(不涉及支付),直接安装免费的Let’s Encrypt证书即可。

大多数主机的管理面板支持一键快速安装Let’s Encrypt免费证书。

SiteGround主机:如何给WordPress网站安装SSL证书服务?

宝塔安装Let’s Encrypt免费SSl证书

Cloudway安装Let’s Encrypt免费SSl证书

CPanel安装Let’s Encrypt免费SSl证书

第五步:WordPres网站基础设置及功能介绍

WordPress后台登录

仪表盘

WordPress网站创建之后

第六步:安装配置Bricks主题

Bricks主题的安装配置以及相关介绍,你可以阅读我的Bricks主题入门指南相关的文章。

  • Bricks主题购买安装指南2023

    本文介绍Bricks主题购买安装操作指南。本文适合新手阅读。 本站提供Bricks主题官方终身授权99元/站点,如有需要请通过本站页脚二维码联系获取。 了解Bricks主题 1、Bricks简介 Bricks是一款WordPress主题,同时也是一款强大的页面编辑器,它和Elementor一样提供页眉、页脚以及之间的内容及模版的定义,是一款高度可定制的可视化…

    阅读更多

  • Bricks主题的模版功能介绍

    本文介绍Bricks的模版功能,帮助你理解和适用Bricks构建网站。 Bricks的模板和Elementor的Theme Builder模版非常相似,如果你已经使用过Elementor的Theme Builder你将非常容易理解Briccks的模版工作逻辑。 Bricks主题的模版功能在哪里? 在Bricks主题菜单下的【模板】中可以进入我的模版管理界面,…

    阅读更多

  • Bricks主题设置

    本文介绍Bricks主题设置,带你了解Bricks主题设置中有哪些功能以及如何设置。 进入Bricks主题设置页面 首先通过网站后台Bricks主题菜单下的【设置】进入Bricks的基础设置页面。在页面中我们可以看到多个设置标签,这些标签会在下文中一一介绍。 Bricks提供了设置的导入和导出功能,通过管理页面的【导出设置】和【导入设置】你可以将一个网站的B…

    阅读更多

  • Bricks主题添加自定义字体

    本文介绍如何向Bricks主题添加自定义字体。自定义字体可以避免从外部加载字体,从而提升网站性能。 如果你使用Google字体,可以设置Google 字体本地化来解决从外部加载字体文件的问题。但是Bricks本身没有Google字体本地化的设置项目,我们可以通过插件来实现,比如Prefmatter设置Google字体本地化。 这里我们还是回到如何添加自定义字…

    阅读更多

  • Bricks主题本地化Google字体

    本文介绍如何在Bricks主题中本地化Google字体。如果你的网站中使用了Google 字体,本地化Google字体可以避免网站一直加载外部的字体文件,从而导致性能的降低。 1、付费插件Perfmatters本地化Google字体 Perfmatters是一款轻量级 WordPress 性能插件,通过减少 HTTP 请求、禁用插件、剥离代码和优化数据库来提…

    阅读更多

  • Bricks的侧边栏介绍

    Bricks的侧边栏可以创建任意的侧边栏项目,创建之后,你可以通过外观小工具给侧边栏添加内容,然后在Bricks编辑器中通过侧边栏元素调用相应的侧边栏目。但是我测下来这个功能目前有BUG,不能正常使用。 查了Bricks的论坛,说是以后可能会直接做到模版中,就添加一个侧边栏的模版类型来实现。 同时,我自己很少再使用小工具这种方式添加网站的侧边栏,通过小工具生…

    阅读更多

  • 如何使用Bricks Builder编辑我的第一个页面

    本文介绍如何使用Bricks Builder编辑第一个页面,适合新手阅读,你可以了解Bricks编辑器是如何工作的,并且知道如何使用Bricks编辑器来编辑页面、文章等内容。 通常情况下我喜欢用古腾堡编辑器来编辑文章(也就是WordPress自带的默认编辑器),古腾堡可以让我专心于文章的内容,如果你希望使用Bricks编辑器来编辑文章也是可以的,本文会介绍如…

    阅读更多

第七步:Bricks主题外贸建站必备插件

以下是我整理的使用Bricks主题做B2B外贸网站要用到的插件清单,你可以参照安装配置。

Advanced Custom Fields插件

插件名称:

Advanced Custom Fields高级自定义字段

主要功能:

高级自定义字段,帮你为内容添加一些额外的字段,自定义内容类型,帮助你定义产品、案例等内容类型,你还可以给这些内容类型定义分类,我用它来定义外贸B2B网站的产品内容。

插件费用:

我用的付费版本,因为我需要用到付费版的Gallery字段,你也可以使用Advanced Custom Fields免费版+ACF Photo Gallery Field插件(免费)来实现。

官方购买:Advanced Custom Fields Pro 49美元/年/1站点(官方目前取消了终身版)

本站购买:Advanced Custom Fields Pro终身授权/1站点 159元

相关教程:

使用ACF插件自定义产品内容类型完整教程

POST SMTP插件

插件名称:

POST SMTP Mailer 邮件转发服务

主要功能:

配置网站邮件转发服务,通过配置SMTP服务,可以实现询盘及网站相关的消息提醒转发到你的邮箱地址。

插件费用:

免费插件

Wordfence Security插件

插件名称:

Wordfence Security 防火墙和安全扫描器

主要功能:

Wordfence Security 包括端点防火墙、恶意软件扫描程序、强大的登录安全功能、实时流量视图等。为 Wordfence 提供最新的防火墙规则、恶意软件签名和恶意 IP 地址,以确保您的网站安全。Wordfence 由 2FA 和一套附加功能完善,是可用的最全面的 WordPress 安全解决方案。

插件费用:

我使用的为免费版本

BricksExtras插件

插件名称:

BricksExtras Bricks扩展(非必须,但是我会用到)

主要功能:

31 个高级元素和附加功能,重点关注可访问性和灵活性,以帮助您释放 Bricks Builder 的潜力。

插件费用:

付费插件,这个插件可以帮助我扩展Bricks的功能,提升我的效率。

官方价格:BricksExtras终身无限版139美元

本站购买:BricksExtras终身版49元/1站点,购买Bricks主题将赠送1个授权

相关教程:

你的文字在这里…选择文本的任何部分来访问格式工具栏。

Rank Math SEO插件

插件名称:

Rank Math SEO SEO管理(可以用其他SEO插件替代)

主要功能:

实现网站的SEO管理,目前Bricks主题还没有和RankMath做集成,但是已经在路线图当中了。

插件费用:

免费版本功能已经非常够用,但是我用的是付费版。

官方价格:Rank Math SEO Pro 个人无限版59美元/年

本站购买:Rank Math SEO Pro 个人版59元/年/站点

相关教程:

你的文字在这里…选择文本的任何部分来访问格式工具栏。

ShortPixel Image Optimizer 插件

插件名称:

ShortPixel Image Optimizer  图片优化(可以其他插件代替)

主要功能:

帮你优化和压缩网站的图片,提升网站的加载速度。

插件费用:

免费版本每月有100个免费学分,付费有包月套餐和一次性购买学分。我使用的是付费版,自己处理图片压缩太麻烦了,用插件很方便,一键快速压缩。

官方价格:ShortPixel Image Optimizer 包月套餐3.99美元每月7000学分起步

购买链接:Shortpixel官网

第八步:使用Bricks主题构建外贸网站内容

为了方便理解,我将网站内容划分为几个部分:用于构建主题的模版、用于内容展示页面、用户产品展示的产品、用于博客新闻展示的博客

我将针对这些不同的内容进行详细介绍。在这之前你需要理解这些内容之间存在的逻辑关系。

1、网站的布局结构主要是通过模版来构建的;

2、页眉和页脚分别通过Header模版和Footer模版构建,它们在布局上是固定的,但是你可以针对不同的内容制作不同页眉和页脚,通过显示条件来控制不同的页眉和页脚的显示范围;

3、网站的内容部分可以是:页面、文章分类列表、文章详情、产品分类列表、产品详情、搜索结果、404等内容;

4、网站的页面内容(Pages)通常不会用模版去构建,因为页面的差异较大,并且网站中页面的数量也相对较少,通常都是直接创建并使用编辑器编辑即可;

5、文章的分类目录页面通过Archive模版构建,文章详情页面通过Single Post模版构建,在模版中通过动态数据调取不同文章的对应字段来展示;

6、产品的分类目录页面通过Product Archive构建,产品详情页面通过Single Product模版构建;

7、文章和产品的内容和对应的构建模版之间关系都是多对一的关系,通常一个模版用来展示多个产品或者文章;

8、你可以为不同分类的文章或者产品制作不同的详情页展示模版,需要通过显示条件来控制不同模版的展示范围。

博客(Post)

博客就是对应的Post

产品(Product)

产品内容不是WordPress核心的内容类型,我们需要借助一些插件和方法来实现网站的产品内容管理。

最常见的方法就是借助Woocommerce插件来实现,但是Woocommerce插件是一套完整的电子商务系统,适用于B2C网站,当然你可以只用它的产品管理来实现B2B网站的产品展示功能。

另外,还有一种方法就是通过自定义内容类型来实现产品内容管理,你还可以结合自定义字段插件来为产品内容添加一些你想要的字段。这种方法仅适用于B2B展示型的网站。如果你后期有转B2C的计划,就不建议使用。

对于B2B网站来说,我个人比较推荐这种方法,因为它在网站性能提升上会有帮助!并且没有冗余的功能干扰。

页面(Page)

页面是WordPress核心基础的内容类型,我们常用来展示的Home、About、Contcat通常都是使用页面来制作的。页面除了页眉和页脚一样,其他的内容都可以不一样。

页面的内容和布局差异较大,我们通常不会使用模版去构建页面内容,直接使用编辑器编辑即可。

有时候,几个页面的内容布局相似的情况下,也是可以通过模版来控制相同部分的内容展示效果。实际上就是定制一个Single 类型的模版应用于几个相似布局的页面,将固定的部分用模板来展示,也可以结合动态数据来制作,而页面中不相同的内容则通过Page Content元素展示即可。

如何使用模版定制一套About Us内容?

模版(Templete)

模版就是由Bricks主题提供的模版功能,通常模版是用来构建网站结构,一般不会开放收录和对外展示,仅用于我们在后台预览。

第九步:网站SEO设置(RankMath SEO)

网站内部的SEO设置RankMath SEO插件就可以帮助你完成一切,你需要做的就是安装并配置好RankMath SEO插件。

SEO基础和全局设置

针对具体内容的TDK设置

第十步:网站上线

开放网站收录

域名注册是建站网站的第一步,你需要有一个域名,用户才能通过域名和对应URL地址访问到你的网站和内容。

网站审核

你的文字在这里…选择文本的任何部分来访问格式工具栏。

开通Google Search Console并提交收录

你的文字在这里…选择文本的任何部分来访问格式工具栏。

开通Bing Webmaster Tools 并提交收录

你的文字在这里…选择文本的任何部分来访问格式工具栏。

Google数据分析教程

你的文字在这里…选择文本的任何部分来访问格式工具栏。

最新文章
  • Fancy Animations—Bricks Builder 的精美动画组件

    Fancy Animations是Bricks主题的一款附加组件,它可以帮助你基于Bricks Builder编辑实现精美的动画效果,所有的效果都是做好的,你只需要点击选择就可以实现。 该插件收录在了我的购买清单中,如果你需要给你的Bricks网站添加动画效果,可以从我的主页以非常优惠的人民币价格购买。 Fancy Animations的可以添加那些动画效果…

    阅读更多

  • Bricks元素的悬停样式设置

    Bricks元素的悬停样式是通过伪类实现的,他可以通过切换或添加伪类来实现不同状态下的元素样式。 操作也非常简单,我们以最常用的按钮元素为例: 在页面中添加一个按钮元素,并设置好默认状态下的按钮样式。 在选中按钮元素的情况下,点击伪类按钮。 点击之后在伪类框中选择【:hover】伪类(注意这里默认可选的一般3个,你可以根据自己的需求添加伪类并使用)。 选中h…

    阅读更多

  • 如何在古腾堡编辑器中设置图片点击放大?

    本文介绍如何在古腾堡编辑器中设置图片点击放大效果。 在使用古腾堡编辑器编辑博客时,添加一张图片,然后点击图片,并设置图片连接。 在连接选项中选择【点击展开】选项,然后更新你的文章。 访问文章并点击图片查看效果,点图片之后,图片会在浏览器窗口中以灯箱的形式放大展示,点击右上角的关闭按钮即可退出放大展示。

    阅读更多

  • 关于BricksUltimate安全事件的一些看法

    最近在Bricks Community讨论组里很多人都在讨论BricksUltimate 的安全问题,事情的大概过程是BricksUltimate的作者为了解决盗版的问题在插件的代码中埋入了一段代码,这段代码会检测你网站使用的BricksUltimate插件是否有授权码验证,如果没有的话,这段代码会自动删除你Post里面的全部数据。 首先,BricksUlt…

    阅读更多

  • 2023最佳WordPress页面构建器

    本文介绍2023最佳WordPress页面构建器排行榜,排列在前三的分别是:Bricks Builder、Spectra、Brizy。数据来源TemplateMonster 举办的最大 WordPress 社区奖。 我们来简单了解一下这些编辑器的功能和特点。 1、最佳WordPress页面构建器Bricks Builder(No.1) Bricks Buil…

    阅读更多

  • 2023最新:Bricks Buider主题推出新订阅和计划(即将涨价)

    官方最新消息Bricks Buider主题推出新订阅和计划,将打破终身订阅制度,开启年度订阅,新的订阅和计划将于2024年1月15日开始。除了价格的调整,也即将发布Bricks Buider 2.0版本。 官方原文《即将推出:新计划和定价》→ Bricks 于 2021 年 3 月推出,一次性付款终身价格为 149 美元,适用于无限站点,在过去2年半的时间里…

    阅读更多

  • Bricks Builder元素Style设置详细介绍

    本文是针对Bricks Builder元素Style设置的详细介绍,通过本文你将了解元素的Style设置选项卡下每一个设置项目的作用和设置方法。 1、如何进入元素的Style设置选项卡

    阅读更多

  • 如何申请Bricks Builder主题试用【官方试用】?

    本文介绍如何申请Bricks Builder主题试用,Bricks Builder主题提供了试用环境,任何人都可以通过邮件申请在线试用,以便你确认是否要讲网站切换到Bricks Builder。 Bricks Builder主题试用申请地址:https://try.bricksbuilder.io/ 输进入页面之后输入你的邮箱地址,并点击创建账号。 提交之后…

    阅读更多

  • Bricks Builder VS Elementor价格、性能、易用性?

    本文介绍Bricks Builder VS Elementor对比,从何价格、性能、易用性等方面详细对比两个页面编辑器的特点。

    阅读更多

教程目录

本站购买Bricks官方终身授权99元/1站点,附赠一个BricksExtras终身授权

外贸建站服务 · WordPress技术咨询请扫描二维码联系