WordPress Astra 主题从零上手教程:安装、启用、模板导入全流程

一、简介

  1. 永久免费主体 :WordPress 官方收录上架,代码经过安全审核,无后门、无捆绑广告,不限站点数量永久免费使用,官方持续迭代更新,适配新版 WordPress、PHP8 环境。
  2. 适配场景广泛 :个人资讯博客、中小企业官网、外贸产品展示站、WooCommerce 电商店铺均可使用;搭配 Elementor 可视化编辑器拖拽修改页面,零基础也能设计专属网页。
  3. 核心优势 :体积小巧不会拖慢网站加载速度,完美契合谷歌 SEO 考核标准,移动端自适应效果优秀,非常适合需要出海获客的外贸站点。

二、安装 Astra

  1. 登录你的 WordPress 网站后台管理面板;
  2. 左侧菜单栏依次点击:外观 → 主题 → 添加新主题;
  3. 顶部搜索框输入:Astra,检索结果首位即为官方原版主题;
  4. 点击安装,等待文件下载完成后,点击启用,主题即刻生效。

三、安装插件

单纯启用主题无法一键搭建完整网站,需要安装 3 款核心免费插件,后台「插件→添加新插件」搜索安装并全部激活:

  1. Astra Starter Templates Astra 官方模板工具,内含大量预设官网、企业、外贸演示样板,支持一键导入整站页面,是建站效率提升关键;
  2. Elementor 主流免费可视化拖拽编辑器,首页、产品页、案例页面都能可视化修改,不用编写代码;
  3. WPForms Lite 简易询盘表单插件,外贸站点用来搭建客户询价入口,收集客户联系方式与需求。

四、选择模板

  1. 后台左侧找到 Astra 菜单,点开选择 入门模板(Starter Templates);
  2. 模板类型选择:经典入门模板,编辑器选定 Elementor;
  3. 行业分类筛选 Business(企业站点),挑选简约大气的海外企业官网样式
  4. 点击「导入完整网站」,耐心等待 1~3 分钟; 导入完成后,首页、关于我们、产品展示、联系我们页面会全部自动生成,网站雏形直接搭建完毕。
    ⚠️ 注意:海外模板素材服务器在境外,导入卡顿可以切换网络环境重试。
选项 中文含义 作用说明
Page Builder 可视化页面编辑器 拖拽搭建首页、产品页、案例页,就是你正在用的 Elementor,必选
Contact Form 联系表单 客户提交定制询价、尺寸需求、咨询留言,外贸获客核心,必选
eCommerce 电商商城 线上下单、购物车、付款;你是 B2B 工程定制(橱柜 / 酒窖),极少线上直接付款,不勾选
Donations 募捐捐款 公益用途,和家具业务无关,不勾选
SEO & Search Visibility 搜索引擎优化 谷歌收录、关键词排名,做海外 SEO 刚需,已勾选,保留
Website Emails & SMTP 网站邮件推送 客户提交表单后,自动把询价发到你的邮箱,建议勾选
CRM & Contacts 客户管理系统 储存所有询价客户信息、跟进记录,方便维护海外客户,建议勾选
Cookie Consent Cookie 授权弹窗 欧美地区法律强制要求,访问网站弹出 Cookie 许可,合规必备,已勾选,保留
Free Live Chat 免费在线客服聊天 访客实时弹窗咨询,提升询盘转化率,建议勾选

五、基础设置

入口:WordPress 后台左侧Appearance → Customize 左侧设置栏英文名称 + 修改操作,右侧实时预览网页,全部调好点右上角 Publish 保存生效

1. Site Identity 站点身份(LOGO、网站名、浏览器小图标)

点击展开:Site Identity

  • Site title:网站名称,填写 Chiffini / Ciematic

  • Tagline:品牌简介副标题,不需要就清空

  • Logo:Select logo 上传品牌透明 PNG LOGO

  • Site Icon:浏览器标签小图标,上传正方形图标

2. Header 页眉 (顶部导航、电话、 询盘 按钮)

展开:Header

  1. Header Layout:页眉布局 外贸首选:Logo left + Menu right(左侧 LOGO,右侧导航菜单)

  2. Primary Menu:选择你提前建好的英文导航菜单(Home、Products、About Us、Projects、Contact Us)

  3. 可添加组件:

  • 右上角联系电话、邮箱

  • Quote / Get a Quote 询盘按钮,可自定义颜色、跳转链接 免费版只支持基础导航布局,够用。

3. Colors 全站颜色统一

展开:Colors

  • Primary Color:品牌主色调(高端家居推荐哑光黑、深灰、浅咖轻奢色系)

  • Link Color:文字链接颜色

  • Button Color:按钮底色 + 鼠标悬浮色 右侧页面实时变色,不合适随时调换。

4. Typography 字体排版(英文阅读适配海外用户)

展开:Typography

  • Base Font:全站基础字体:推荐 Inter / Open Sans(欧美打开速度快,英文观感舒适)

  • Headings:各级标题 H1/H2/H3 字号大小,拉开层级

  • Line Height:正文行间距,稍微调宽松,英文阅读更舒服

5. Footer 页脚(底部版权、地址、联系方式)

展开:Footer

  1. Footer Layout:选择多栏布局

  2. Footer Columns 分别填写:

  • 栏目 1:简短公司介绍

  • 栏目 2:快捷导航链接

  • 栏目 3:地址、邮箱、联系电话

  1. Copyright Bar 底部版权文字修改 示例:© 2026 Chiffini. All Rights Reserved. Custom Wine Cellar & Kitchen Cabinets Manufacturer, Foshan China

最终保存

全部调整完成,点击页面右上角蓝色按钮:Publish 修改立刻上线前端网站; 暂时不想上线点 Draft 存草稿。

六、修改页面

  1. 进入「页面」,找到首页(Home),点击 使用 Elementor 编辑

  2. 直接点击文字、图片就能修改:

  3. 替换成你的实景产品图

  4. 修改产品介绍、工厂优势、服务内容

  5. 调整询盘按钮跳转链接

  6. 产品列表、案例、客户评价区块都可以自由增删

相关推荐
梓彤科技20 小时前
武汉企业做GEO内容工程:如何设计更易被AI检索理解的信息结构
seo·geo·ai搜索·信息架构·结构化数据
李恒-聆机智能专精数采1 天前
新网站在搜索引擎完全搜不到怎么优化?(四)——提交搜索引擎搜索资源平台
搜索引擎·seo·next.js·百度收录·网站优化
e6zzseo3 天前
独立站不做SEO,流量从哪来?
外贸独立站·内容营销·搜索引擎优化·独立站seo·流量来源
SEO_juper5 天前
2026年Schema自动注入实战:用Python批量给1000个页面加上JSON-LD,AI引用率实测提升38%
人工智能·python·json·seo·独立站
李恒-聆机智能专精数采6 天前
新网站在搜索引擎完全搜不到怎么优化?(二)
seo·next.js·网站优化
小也说互联网10 天前
2026年|正规靠谱外贸独立站建站渠道全景解析
大数据·外贸独立站·独立站搭建·谷歌seo优化·外贸建站·谷歌建站服务商推荐·外贸出海企业必看
SEO_juper10 天前
用Google Search Console数据做内容审计:找出网站上哪些页面在“吃白饭“
大数据·人工智能·外贸独立站
hyf32663311 天前
泛程序:从零开始搭建稳定程序项目框架
运维·服务器·爬虫·百度·seo
拓海SEO外贸11 天前
SEO 数据工具链:从 GSC 到 Looker Studio 的全流程搭建
seo·跨境电商·独立站搭建·seo优化