外贸建站教程：如何用Astra主题免费建外贸网站

在WordPress的外贸建站主题中，有许多备受欢迎的主题，如Avada、Astra、Hello、Kadence等最佳WordPress外贸主题，它们都能满足建站需求并在市场上广受认可。然而，今天我要介绍的是一个不断颠覆建站人员思维的黑马——Astra主题。

2024 年 WordPress 外贸建站 Astra 教程指南

近年来，WordPress外贸建站越来越受欢迎。然而，有一个奇怪的现象是，许多建站新手为了省钱，使用一些来源不明的破解主题模板，甚至有人愿意购买所谓的汉化主题......

如果你真的想免费使用，不妨试试今天介绍的Astra免费版。

Astra自带汉化，与Elementor可视化页面编辑器完美兼容，功能仅次于付费主题Avada。它提供了上百个模板，可以轻松导入、拼接和修改，简直是免费用户的福音。

接下来，我就详细介绍它的外贸建站流程，请大家请按照我的建站步骤一步一步操作。

特别提醒

• 不要买破解版的任何主题或者是插件！不要等到哪天网站被黑或者挂了再追悔莫及
• 非必要不装插件，插件越多只会影响网站的性能

第1步、选择最好的域名和主机

在进行外贸建站时，第一步是购买域名和主机。建议分开购买这两个服务。

域名，是网站在互联网上的唯一地址，类似于baidu.com、google.com等这样的网址。其他人可以通过它访问你的网站。我们推荐在 Namecheap官方网站 上注册购买。它是目前性价比最高的国外域名注册商，有免费的域名隐私保护和支付宝付款，安全可靠。相关教程请阅读 Namecheap域名购买。

主机是存放网站内容的地方，类似于一套商品房。它安装了建站系统，提供了网站所需的存储空间和服务器资源。域名就像是这个房子的门牌号，而网站的装修、家具等则对应网站的主题模板、文字和图片。

对于外贸建站如何选择国外的主机呢？主要从知名度、价格、性能、服务以及简单易用这几个因素挑选主机服务商。可以看看《外贸建站：如何选择合适的主机服务器》。

第2步、一键安装 WordPress

WordPress是目前最受欢迎的外贸建站系统。当我们购买了域名和主机，下一步就是网站搭建安装WordPress，请看《外贸建站：WordPress搭建外贸独立站零基础教程》这篇文章。

第3步、安装 Astra 主题模板

WordPress安装完成后，下一步是登录WordPress后台并安装Astra主题。WordPress的默认登录地址是：你的域名.com/wp-admin。输入您在安装过程中设置的用户名和密码即可登录。

首次登录WordPress后台，有几个必须设置的选项。首先，关闭搜索引擎收录，待网站建设完成后再开启。这样做有利于外贸网站的SEO优化。

然后，将WordPress设置为前端显示英文，后台显示中文。这样做既方便了国外访客浏览网站时不看到中文，也方便了自己在建站过程中理解后台选项。

接下来，开始安装Astra主题。在WordPress菜单栏中点击‘’外观‘’找到”主题”选项，点击”安装主题”，然后搜索Astra并一键安装并启用。

如果Astra主题启用失败，可以返回主题选项，再次尝试启用Astra主题。

Astra 主题启用后，接着安装Starter Templates模版导入插件，它与Astra配套结合使用的。 它提供了各类已设计好的模板，包含了网站的所有基本元素，用户可以根据自己的需要进行修改。

然后，点击Bulid with Templates。对于页面编辑器，推荐使用Elementor，

点击“Skip & Continue”跳过，点“Continue”，一直下一步就行了，等1分钟左右安装完成。

经过上面Astra主题模板已经成功导入，一个具备欧美风格、内容丰富、功能强大的网站雏形已经出来了，但它还不完全是一个真正的外贸网站。接下来，我们需要在模板的基础上进行自定义，进一步完善外贸建站。

第4步、自定义 Header 和 Footer

页眉（Header）是需要自定义的第一个部分，它位于网站顶部，包含网站Logo、导航菜单、按钮等元素。以下是自定义页眉的步骤：

首先，点击自定义"Customize"，找到页眉生成器。它类似于一个Excel表格的编辑框，可以移动、添加或删除各种网站元素。

接下来，从"网站标题和Logo"开始，替换原始Logo，并关闭"高分辨率Logo"选项。

然后，点击"自定义透明页眉"，关闭"透明页眉使用不同Logo"选项。

最后，点击"设计"，将页眉背景颜色设置为白色，菜单设置为黑色，完成后点击"发布"。这样做的目的是方便制作Logo（无需透明背景），而且白色背景与任何Logo都搭配得很好。

Logo和页眉背景颜色修改完成后，下一步是对主菜单进行排序、删除和添加操作。如果您还没有确定主菜单的内容，可以在制作完网站的各个页面后再进行设置。

菜单修改完成后，接下来删除页眉中的购物车图标，并添加一个指向联系页面的询盘按钮，完成后点击"发布"。

页脚（Footer）是需要修改的第二个部分，它位于网站底部，包含网站链接、版权信息等内容。

首先，通过"自定义"进入自定义编辑页面，找到页脚生成器的编辑框。

接下来，将页脚版权信息替换为自己的信息，正确的格式和写法如下所示。

然后，点击页脚中的小工具（Widget），逐个替换其中的内容，可以是文字说明，也可以是网站链接。

第5步、自定义 Product 产品页面

在使用 WooCommerce 和 Astra 进行产品页面自定义时，可以按照以下步骤进行操作。首先，找到"Store "页面，通过快速编辑选项将其名称更改为"Products"。

接下来，修改固定链接名称。在常规设置中，将文章名称作为常规固定链接设置，将"产品固定链接"设置为"Shop base"，保存修改。

然后，通过"自定义"进入自定义选项，找到 WooCommerce 的产品目录，并关闭价格和评级的显示选项。

通过以上步骤，已经完成了网站导航中的"产品"页面的编辑。接下来，我们将编辑单个产品页面。首先，在 WordPress 后台菜单中找到"产品"选项，选择一个产品进行编辑。

然后，修改产品的标题、URL和详细描述。可以使用 Elementor 进行描述的编辑，它可以添加各种可视化元素，如表格、图片、图表等

删除产品模板中的价格，这样产品页面上的"add to cart 添加到购物车"按钮也会自动删除。

修改产品页面的简短描述，并在底部添加一个询盘表单。

删除产品属性，因为详细描述中可以更好地描述产品。

设置产品分类，确认无误后，点击"更新"按钮，发布产品页面。

最后，在 WooCommerce 菜单中找到"设置产品"，禁用产品评价，并保存修改。

第6步、自定义 Home、About 和 Contact 页面

如果你觉得网站首页看起来很复杂，其实有一个快速的方法可以使用 Astra 的模板来进行拼接。下面是具体步骤：

首先，打开首页的编辑页面，并点击 Elementor 编辑按钮。

然后，将页面滚动到最下方，使用 Astra 的模板功能，导入一个名为"Local Business"的首页模板。

接下来，找到 Elementor 页面编辑器中的导航栏，删除第一个模板中的模块，并点击"更新 Update"。

最后，将新模板中的文字和图片替换为你自己的内容。由于 Elementor 是一个可视化页面编辑器，操作非常简单，我就不一一演示了。如果遇到不会的地方，可以随时留言咨询。

完成网站首页的编辑后，其他页面（如about 和contact页面）也可以使用相同的方法使用模板进行拼接，这样可以快速建立整个网站。

唯一需要注意的是，联系页面会使用到表单插件 WPForms。使用方法是找到预先创建好的表单，在进入表单设置中点击"Settings 设置 "和"Notification 通知"，将通知邮箱修改为你自己的邮箱地址，然后保存即可。

第7步、自定义 Blog 文章页面

博客页面的编辑与前面提到的页面编辑有所不同。首先，在页面选项中创建一个名为"博客"的页面，并发布它。

然后，返回 WordPress 菜单中的"设置" - "阅读"，选择"文章页面"为"博客"，保存修改。

接下来，开始撰写文章，并发布新的文章，以吸引更多的流量和进行谷歌SEO优化，提升排名。