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. 产品列表、案例、客户评价区块都可以自由增删

相关推荐
SEO_juper2 天前
2026年用Python批量审计XML Sitemap:揪出sitemap.xml中的“配置错误/死链/过期页“(附完整代码)
java·python·seo·外贸独立站·谷歌优化
SEO_juper3 天前
2026年用Python检测网站薄内容与重复页:用向量相似度找出“搜索引擎眼中一样“的页面(附完整代码)
开发语言·前端·seo·独立站·谷歌优化
SEO_juper3 天前
2026年用Python检查多语言站点hreflang:自动揪出“回链缺失/标错语言“等致命错误(附完整代码)
开发语言·前端·seo·独立站·谷歌优化
SEO_juper5 天前
2026年用Python做关键词聚类:把1000个关键词自动分成内容选题(附完整代码)
大数据·运维·人工智能·seo·外贸独立站
2601_950513595 天前
AI 搜索正在分走一部分流量:企业内容到底该往哪投
内容运营·seo·geo·ai搜索·生成式引擎优化
SEO_juper6 天前
2026年用Python分析网站访问日志:看清Googlebot和AI爬虫怎么爬你的站(附完整代码)
开发语言·前端·seo·独立站·谷歌优化
SEO_juper7 天前
Java 并发编程实战:从线程基础到高并发架构
运维·人工智能·爬虫·chatgpt·seo
VIP_CQCRE12 天前
用 Ace Data Cloud 把 WordPress 变成你的 AI 内容营销中枢
ai·seo·wordpress·内容营销·ace data cloud
SEO_juper12 天前
你的服务器正在被 AI 爬虫“白嫖“带宽:2026 用日志把 Googlebot 和 AI 洪流分开算账(附脚本)
运维·人工智能·爬虫·python·chatgpt·seo
SEO_juper13 天前
外贸多语言站最隐蔽的流量杀手:hreflang 错了,谷歌把德语页推给美国人(附审计脚本)
开发语言·前端·python·seo·独立站·谷歌优化