全网最详细Astra主题教程，网站毛坯变别墅
在这篇Astra主题教程中，我将一步步指导如何利用Astra主题来构建一个WordPress外贸网站。即便是零基础的新手，也能轻松跟随操作，掌握建站的核心技能。
内容列表
随着全球数字化转型，一个高质量的网站已成为品牌展示和转化客户的重要工具。作为WordPress中最受欢迎的主题之一，Astra凭借其轻量、灵活和高度自定义的特点，受到广大建站者的青睐。本文将为你提供一份详细的Astra使用教程，帮助你在短时间内将WordPress网站从“毛坯”升级为一个既美观又实用的“别墅”。
一、Astra介绍
在开始教程前，简单介绍下Astra的几个特点：
- 轻量和快速：Astra优化了加载速度，提升了用户体验和SEO表现。
- 高度可定制：支持颜色、布局、字体等多种自定义选项。
- 兼容主流页面构建器：支持Elementor、Beaver Builder等构建器，简化页面设计。
- SEO优化：内置SEO功能，提升搜索引擎排名。
- 丰富的预设模板：内含大量可选模板，适合快速建站。
- 免费版功能充足：免费版本能满足大部分建站需求。
- 支持中文：对于中文用户更友好。
国内很多建站新手为了省钱，去下载或购买一些来路不明的破解主题或汉化主题，这是一个及其不安全的行为，如果你真的想白嫖主题，建议你使用Astra，它的免费版也有很多模版（Demo），完全够你用。接下来，我将手把手指导你如何安装和使用它。
二、安装Astra
阅读到这儿，我已经假设你安装好了WordPress，并可以通过域名访问，如果你还没有搭建自己的网站，请先阅读： 3步完成VPS搭建WordPress终极教程
WordPress建站 1. 登录WordPress后台
首先，使用管理员账号登录到你的WordPress网站后台，这是你进行所有网站管理操作的地方。有的同学不知道后台怎么访问：输入你的域名网址+“/”+“wp-admin”，我的网址是1aha.com，那么1aha.com/wp-admin就是后台地址。
2. 基本配置
登陆 WordPress 后台之后，有几个选项必须要先设置。
关闭搜索引擎收录
如果你是按照3步完成VPS搭建WordPress终极教程操作，这一步可忽略。
首先访问“设置-阅读”，对搜索引擎的可加性勾选为不索引，通知搜索引擎不对我们的网站进行收录。等网站建完后再取消勾选，这样做的目的是有利于网站的 SEO 优化。
切换英文显示
英文不好的同学可以在网站上线最后一步再回来切换为英文。
如果你是做外贸独立站或面向国外用户，把 WordPress 设置为网站英文显示。方便国外客户访问网站时，不会看到中文。
切换后，记着保存配置。接下来我们就开始安装 Astra 主题。
添加新主题
在左侧菜单中，点击“Appearance（外观）” > “Themes（主题）”。你将看到当前已安装的主题列表。
点击“Add New Theme（安装新主题）”按钮，进入添加主题页。
在搜索框中输入“Astra”，你会看到Astra并点击。
找到Astra主题后，点击主题进入Astra详情页。在左上部分有一个“Install（安装）”按钮，点击进行安装。
安装完成后，再点击“Activate（启用）”以激活该主题。
恭喜你，你已经完成了Astra主题的安装，接下来你需要规划你的网站，并一步步的让它变成“别墅”。
三、选择你喜欢的模版
1. 规划你的网站
在继续教程之前，至少你要想明白你的网站名、网站副标题和你的网站logo这些都是你独立站重要的品牌信息。
2. 选择模版
确认好了之后，在网站后台左侧菜单中点击新增的”Astra“菜单，在页面头部点击”Starter Templates（模版启动器）”菜单。这个插件是 Astra 主题建站的核心，也是新手能自己搞定外贸建站的关键所在。
第一次进入Starter Templates会提示安装安装并激活，点击“Install & Activate（安装和激活）”。
安装完成后会有以下的提示，表示你已安装插件成功。
等待几秒或重新点击头部”Starter Templates”菜单，进入模版选择页。这里选择第二个卡片：经典模式。第一个选项是Astra推出的AI模式，测试后发现并不智能，而且绝大部分都是付费功能。
进入经典的模版创建页，在左上角切换编辑器为Elementor的模版。
接下来就可以根据你的业务和喜好筛选并选择一个模版（Demo）了。
点击对应主题可以预览模版详情
在左侧可以上传之前设计的网站logo，如果还没没有logo，可以先不上传，后续再配置。选择自己喜欢的字体和颜色点击“Continue（继续）”进行下一步。
3. 安装模版
点击“Continue（继续）”进入特性（插件）选择，一般情况红框的特性是必选，绿框是针对电商企业或有多产品列表的企业使用，因为我的网站需要展示商品，我勾选了eCommerce。后续会有一篇专门的WooCommerce介绍。选择好之后，点击“Continue（继续）”进入下一步。
在该页面可以直接填过继续下一步。
系统开始构建网页。差不多30s-120s之间会构建完成。
网页构建完成后，会显示如下图。
主题激活后，一个初具雏形的网站已然呈现在眼前，它成熟而强大，内容也无比丰富。此刻，你可以先查看一下网站的效果了。不过，需要注意的是，它目前还称不上是一个真正完全适合你的网站。接下来，我们会以现有的模板为根基，对网站展开一系列基本设置，从而让这个独立站更加完善。那么，现在就让我们一同来看看，怎样优化你的网站外观吧。
四、基本设置与自定义
1. 站点基础设置
回到你的WordPress网站后台，在左侧菜单中，点击“Astra” > “Cstomize（定制）”。这里是所有自定义选项的集中地。
在自定义界面，找到“Site identity（站点身份）”选项，点击进入。
点击“Site Titile & Logo Settings(站点的标题和标语)”
上传你的logo，填写网站标题。确保这些信息简洁明了，以便访客能够快速识别你的品牌。
滑动菜单到底部可以设置是否在不同的设备显示以及显示效果。
站点调整后，点击顶部“Publish（发布）“按钮完成修改。
设置好基本信息后，继续进行样式设置。
2. 颜色与字体设置
点击”毛笔“图标，进入样式设置页。
每个卡片都可以修改，但我不建议新手操作直接使用主题配置就好。这儿只介绍下字体样式。鼠标点击“Typography（排版）”卡片。
左侧菜单会字体配置页，选择合适的字体，确保文字清晰已读，可以提升用户的浏览体验。
颜色与按钮样式均未作调整，同时也不建议大家对其进行改动。这是因为它们都是主题预先默认配置好的。不过，若你具备一定的审美能力，可以自行配置。完成调整后，点击顶部的 “Publish（发布）” 按钮，即可完成修改。
3. 主菜单设置
菜单是网站最重要的展示入口，根据自己的情况创建一个清晰的导航菜单，使用户能够方便地找到所需信息。我这儿添加了首页、服务、产品、联系我们等重要页面。首先回到后台首页点击“Appearance（外观） – Menus（菜单）”进入菜单页。
如下图选择“Main menu （主菜单）” 后点击Select（选择），配置主菜单。
选择后，在下图左侧是可添加的菜单，菜单右侧是当前网站显示的菜单。支持页面、文章、自定义链接、分类、产品作为菜单。
点击不同类型勾选菜单后点击“Add to Menu（添加到菜单）”，添加到主菜单。
如果你想修改或删除当前菜单，点击右侧的菜单的倒三角图标展开菜单，你可以修改菜单名称，也可以点击”Remove（删除）“按钮，删除菜单。
最后，调整为适合你的菜单，点击”Save Menu(保存菜单)“按钮，保存主菜单。
在成功完成主菜单的配置工作后，我们就可以着手对表头和底部进行检查了。需要依据业务的实际情况来进行相应修改，确保表头和底部的内容、格式等都能与你的业务契合。
五、配置页眉和页脚
1. 配置页脚
Header（页眉，也被称作表头）无疑是网站自定义流程中首当其冲需要关注的部分，并且堪称整个网站的重中之重。它傲然居于网站的最上方，就像是一位总指挥，全面掌管着网站 Logo、网站导航、按钮等关键元素。接下来，为你介绍其自定义方法。
首先，点击 顶部“Customize（自定义）”，或通过进入管理后台“Astra-Customize（自定义）” 进入自定义配置页。
找到“Header Builder（头部/页眉生成器）” 。
点击之后，页面右侧会进入头部编辑器。此编辑器是一个类似 EXCEL 的表格框，框内的方块可供操作，通过这些方块能够添加或删除各种各样的网站元素。
网站标题和 Logo和菜单已在上文已经修改，你也可以在菜单栏点击继续修改，这儿不在介绍。因为我这儿不需要购物车功能，接下来删除头部最右侧的“Car（购物车）”。
点击“+”添加一个指向联系页面的询盘按钮。
再次点击按钮，在左侧菜单修改按钮名字和链接地址。即便你现在不清楚地址，也无需担忧。待后续完成 Contact Us（联系我）页的配置后，再回来调整即可。完成相关操作后进行发布，效果可参照下图。
完成后点击“Publish（发布）”，首页效果如下。
2. 配置页脚
页脚作为第二个需要修改之处，位于网站的最底端，负责管理网站链接、版权信息等一系列内容。这里是网站信息架构中不可或缺的一环，对维护网站的完整性和合法性有着重要意义。
首先，通过“Customize（自定义）”进入自定义编辑页面，找到页脚生成器的编辑框（跟页眉编辑器路径一样）。把页脚版权信息”Copyright [copyright] [current_year] [site_url]”后面添加“All rights reserved.(保留所有权利)”。
版权右侧社交媒体账号，点击”Social（社交）“，在左侧菜单，根据你的实际情况删减并填写上对应的社交链接地址。
点击页脚里的 Widget1 小工具修改图片，Widget2、3、4依次替换里面的内容，可以是文字说明，也是网站链接。
在完成所有的编辑和调整工作后，千万不要忘记点击 “Publish（发布）” 按钮，保存修改。页眉和页脚对于网站而言，就像是房屋的顶梁和基石，它们的精心调整为网站奠定了良好的基础。下一个重要的任务便是对产品显示页进行修改了。
六、设置产品页
产品显示页是整个网站的核心展示区域之一，它直接影响着用户对产品的认知和购买决策。确保产品都能完美地呈现在用户眼前，为用户带来优质的浏览体验。
产品页面会用到 WooCommerce 和 Astra 的一些自定义选项。首先，在网站后台Pages中找到 Shop 页面
通过点击“Quick Edit”快速编辑选项，把它的名字替换成。
这样做的目标的是方便我们设置独立站的产品路径，方便SEO。然后，选择“Settings（设置） – Permalinks（固定链接）”在Permalink structure下更改为Post name设置为文章名连接方式，方便后续SEO。
继续滑动页面到 Product permalinks ，选 Shop base，修改产品URL,方便SEO，最后点击保存修改。
因为我的网站不涉及到现在支付，只需要有询盘功能，所以这儿首先取消“Add to Car（添加到购物车）”的功能。通过“Customize（自定义）”进入自定义选项，找到 WooCommerce 点击进入
选择Product Catalog 的产品目录
菜单滑到底部关闭评级的显示选项,，因为我们的网站是新建立并没有评级和销量，这对我们的产品来说并不友好。
七、设置 Contact Us 询盘页
激活后，在菜单中会新增一个“WPForms” 的菜单， 点击查看表单列表，点击“Add New（添加新表单）” 添加表单
选择“Simple Contact Form（简单联系表单）”，点击“Use Template（使用模版）”按钮。
配置表单，修改表头描述为：“Get in Touch”，描述调整为“What can we help you with?”，提交按钮改为“SEND YOUR MESSAGE”
修改之后再页面右上角点击“SAVE”保存表单。
保存后，关闭表单，回到管理后台切换到“Pages（页面）-Contact（联系）“，点击Edit 修改 页面。进来是默认编辑器，切换为Elementor编辑打开。
Elementor 是一个可视化页面编辑器，所见即所得，支持拖拽，操作方便。后续单独开一篇内容介绍，不做过多介绍，如果遇到不会的，可以留言。
要注意的是，联系页面会用到邮件，我们还需要安装插件WP Mail SMTP。通过左侧菜单栏点击“WPForms – SMTP”，在左侧点击“Install WP Mail SMTP”按钮进行插件安装。
安装完成后，点击第二步进行邮箱配置。
如果是国内或企业邮箱，选择“Other SMTP”，独立站或个人选择 Gmail 邮箱。
我这儿我使用的SMTP，详细步骤可以查看我另外写的使用 SMTP 和使用 Gmail 的文章。
配置好后，一路点击“Save and Continue（保存并继续）” 按钮继续，到第5步时选择“Skip the Step（跳过这一步）” 跳过。
系统会自动测试邮箱是否正常，成功后，显示如下
如果出现这个页面，说明配置有问题，重点检查邮箱的授权码密码和SSL端口。
配置完成后，我们可以访问自己的网站，测试提交表单，你将收到这样一封邮件。
到此，Contact Us 询盘页就完成了，整个网站建业也基本介绍完毕。首页、关于我们等其他页面都可以用我介绍的这个方法用Elementor来编辑调整，建站的速度非常的快。
八、后续工作
Astra 主题是一款堪称惊艳的免费主题，其核心功能（模板）的优秀程度简直超乎想象。要知道，它虽是免费，但在使用体验上完全可以与付费主题相媲美。
通过模板+Elementor 编辑这一神奇的方法，任何人都能够迅速搭建起一个专业的 WordPress 外贸网站。不过，我们需要清楚地认识到，建站仅仅是构建独立站征程的第一步。在这之后，还有大量的工作在等待着我们。
比如，要对网站进行性能优化，确保网站的加载速度快如闪电，让用户无需漫长等待就能浏览网页内容；SEO 优化也至关重要，它能提高网站在搜索引擎中的排名，使更多潜在客户能够发现我们的网站；定期更新网站内容更是不可或缺，只有这样才能保持网站的新鲜感和吸引力，让用户每次访问都有新的收获；同时，网站的运维工作也不能忽视，它就像网站的守护天使，保障网站稳定运行，避免出现各种故障。
关于这些内容，我会持续更新相关文章，为大家详细讲解其中的奥秘和技巧。如果您对此感兴趣，欢迎关注网站更新并留言，让我们一起打造更优质的独立站。
总结
通过以上步骤，你可以将Astra主题从基础设置逐步完善到一个功能齐全、视觉吸引的独立站。不论是个人博客还是外贸电商，Astra都能满足你的需求。在这个教程中，我们详细介绍了Astra的安装、基本设置、页面设计、内容创建及表头和底部配置等多个方面，帮助你轻松搭建出理想中的网站。