WordPress外贸建站Astra免费版教程指南(2024)

news2024/11/27 4:01:30

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

原文来源:WordPress外贸建站Astra免费版教程指南(2024) | 果木鱼跨境电商导航 (guomuyu.com)icon-default.png?t=N7T8https://guomuyu.com/wordpress-astra-theme.html

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

wpastra

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

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

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

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

特别提醒

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

第1步、注册购买域名和主机

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

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

主机是存放网站内容的地方,类似于一套商品房。它安装了建站系统,提供了网站所需的存储空间和服务器资源。域名就像是这个房子的门牌号,而网站的装修、家具等则对应网站的主题模板、文字和图片。我们推荐在Cloudways上注册购买VPS主机。它是目前性价比最高的外贸建站主机,享有独立IP。另外还有3天的免费使用期,相关教程请阅读Cloudways主机评测-最快的WordPress专用主机推荐

顺便说下,Cloudways 有一个免费的网站搬家服务,可以把网站从以前的主机迁移出来。搬家期间你的网站不会受到任何影响,非常适合想换主机但又不会换的新手使用。

第2步、一键安装 WordPress

WordPress是目前最受欢迎的外贸建站系统。当我们购买了域名和主机,接下来安装WordPress,点击打开Cloudways跳转到后台首页,点击「+Add Server」添加服务器。

进入服务器的一个配置界面,根据自己的需求,选择合适的服务器提供商和配置,然后下一步。

cloudways价格

等待几分钟,服务器左边的红色点变成绿色,代表服务器运行正常状态,网站就创建好了。

点击Applications标签,可以切换到应用列表,可以查看当前的网站应用列表。

点击应用名称可以进入应用详情页面,在应用详情页面可以看到网站所有信息下图的界面。

第3步、域名解析到Cloudways主机

经过上面三个步骤后,我们已经有了域名和主机服务器,那么接下来就是将两者关联绑定起来才能访问。这一步操作的专业说法是,域名解析。首先需要先获取服务器的IP地址,可以在应用详情页面找到服务器IP地址并复制下来。

如果域名从NameSilo购买的那么登录进入:在Manage My Domains 里面列出了你在namesilo购买的所有域名,点击:蓝色的圆球进入域名解析管理

NameSilo域名购买解析教程及优惠码clvps

域名解析和其他域名商的解析方法差不多,大同小异,先删掉namesilo域名商自带的几条解析记录,在做自已的解析。

将复制的Cloudways服务器IP地址填到IPV4 ADDRESS,比如服务器的IP地址是:192.185.166.39,点击 A|AAAA|CNAME|MX|TXT/SPF|SRV|CAA 中的A做二条解析记录:

第一条,hostname填:www IPV4 ADDRESS填:192.185.166.39

第二条,hostname填:留空不填 IPV4 ADDRESS填:192.185.166.39

点击SUBNIT保存即可
 

NameSilo域名购买解析教程及优惠码clvps


​接下来,回到Cloudways后台点击Applications标签,在应用详情页面中,切换到Domain Management界面进行域名绑定。

在弹出框中输入域名,并点击【Add Domain】,将域名绑定到网站。

绑定完成之后还需要将域名设置从主域名。

在弹出框中点击【Set As Primary】按钮确认设置为主域名。

image 44 - Cloudways主机注册购买指南(超详细) - NUTSWP

设置完成之后,可以看到主域名已经换成自己绑定的域名。

第4步、安装 Astra 主题模板

WordPress安装完成后,下一步是登录WordPress后台并安装Astra主题。WordPress的默认登录地址是:你的域名.com/wp-admin。输入您在安装过程中设置的用户名和密码即可登录。如果不知道WordPress账户密码,可以在cloudways后台面板里查看

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

Discourage search engines from indexing this site

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

wordpress 语言设置1

wordpress语言设置2

wordpress语言设置3

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

安装wordpress主题

安装astra主题

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

启用astra主题

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

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

use demo 2

然后根据类别选择自己喜欢的模板,有“PREMIUM”标记是要收费的。这里我选择“Brandstore”模版,因为它包含了外贸建站中最重要的产品页面,可以最大程度地减少建站所需的时间成本。

use demo 3

use demo 4

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

use demo 6

use demo 7

use demo 8

最后,在WordPress后台的插件栏中,禁用并删除一些与外贸建站无关的插件。

astra删除插件

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

第5步、自定义 Header 和 Footer

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

header页眉

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

astra修改页眉的位置

页眉生成器

我们需要修改logo、Site Title(网站的名称)、Tagline(网站的简短描述)、Site Icon(网站的图标),并添加产品分类。

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

网站logo

更换logo

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

自定义透明页眉

透明页眉使用不同Logo

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

修改页眉背景颜色

修改菜单颜色

修改菜单点击颜色

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

astra网站主菜单

配置菜单

编辑菜单

t添加或删除菜单名称

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

删除购物车

添加询盘按钮

询盘按钮设置

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

footer页脚

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

自定义页脚

页脚生成器

页脚生成器编辑框

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

页脚版权

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

页脚小工具

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

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

store页面

products页面

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

文章固定链接

产品固定链接

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

woocommerce自定义

产品目录

关闭价格和评级显示

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

编辑单个产品页面

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

产品标题URL描述

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

删除产品价格

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

添加询盘表单

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

删除产品属性

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

产品类别

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

woocommerce产品设置

不允许产品评价

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

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

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

首页编辑

使用 Elementor

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

Local Business模板

导入首页

点击导入

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

页面导航

删除多余模块

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

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

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

wpforms表单

wpforms通知邮箱

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

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

新增blog页面

blog

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

文章页设置

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

写文章

发文章

总结

Astra 主题作为一个免费主题,其内置的核心功能(模板)非常强大,堪比付费主题。通过使用模板拼接的方法,任何人都可以快速搭建一个专业的 WordPress 外贸网站。

此外,结合本文介绍的 Cloudways主机外贸建站方案,以及附赠的 LiteSpeed 插件用于优化网站,可以实现快速加载速度,特别适合希望通过谷歌推广获取流量和询盘的用户使用。

chemicloud谷歌测速

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1563016.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Javascript 漫游】【050】数据类型 Symbol

文章简介 本篇文章为【JavaScript 漫游】专栏的第 050 篇文章,对 ES6 规范新增的 Symbol 数据类型的知识点进行了记录。 概述 ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,我们使用了一个他人提供的对象,但又想为…

ts 中数据约束类型

在 swagger 等接口文档中,查看 json代码,复制 将其导入到 json.cn,便于查看 在api文件夹下,新建一个定义ts类型的文件 type.ts。 定义数据类型 ---> export interface Bbb {} 调用数据类型----> export type Xxx Bbb[]…

多导购分摊业绩比例

业务场景&#xff1a; 开单是多个销售参与开单的&#xff0c;但是每个人贡献不一致&#xff0c;所以分摊的业绩比例不一致&#xff0c;总业绩比为100%。 //点击按钮&#xff0c;弹窗 <image bindtap"handleAddsales" src"/images/add.png" style"…

mongodb sharding分片模式的集群数据库,日志治理缺失导致写入数据库报错MongoWriteConcernException的问题总结(下)

一、接着上文 上文介绍了mongodb sharding的分片集群搭建&#xff0c;本文侧重于讲述日志治理。 这里使用linux自带的日志治理工具logrotate&#xff0c;无论是哪个端口的进程&#xff0c;其日志治理方式类似。 查看/data目录下的文件大小&#xff0c; du -hs *二、Logrota…

应用方案 | 内置ALC的音频前置放大器D2538A和D3308芯片

一、应用领域 D2538A和D3308是芯谷科技推出的两款内置ALC&#xff08;音频限幅器&#xff09;的前置音频放大器芯片&#xff0c;其中D2538A为单通道&#xff0c;D3308为双通道&#xff0c;它特别适用于胎心仪、个人医疗防护、立体声收录机、盒式录音机等涉及音频放大与限幅的产…

算法——矩阵,被围绕的区域

. - 力扣&#xff08;LeetCode&#xff09; 最开始也是考虑使用dfs&#xff0c;对于矩阵中的每个点&#xff0c;如果能到达边界的O&#xff0c;则跳过继续dfs。否则如果上下左右四个方向都无法到达边界的O&#xff0c;则说明当前的无法到达&#xff0c;在一个set中记录他的行数…

聚焦后成本时代赢销之道 纷享销客2024西北客户大会西安成功举办

纷享销客2024年西北客户大会西安站成功举办&#xff01;此次大会以《后成本时代的赢销之道》为主题&#xff0c;吸引了百余位客户及合作伙伴参会。 纷享销客创始人兼CEO罗旭发表演讲&#xff0c;呼吁一起凝心聚力&#xff0c;共创未来。纷享销客产品副总裁&制造行业中心总…

扫地机器人(蓝桥杯)

文章目录 扫地机器人题目描述解题思路二分贪心 扫地机器人 题目描述 小明公司的办公区有一条长长的走廊&#xff0c;由 N 个方格区域组成&#xff0c;如下图所 示。 走廊内部署了 K 台扫地机器人&#xff0c;其中第 i 台在第 Ai 个方格区域中。已知扫地机器人每分钟可以移动…

Python 自学(九) 之异常处理,文件及目录操作

目录 1. try ... except ... else ... finally 排列 P231 2. write, read, seek, readline, readlines 基本文件操作 P245 3. os模块 基本目录操作 P249 4. os.path 模块 复杂目录操作 P250 5. os 模块 高…

YoloV8改进策略:BackBone改进|GCNet(独家原创)|附结构图

摘要 本文使用GCNet注意力改进YoloV8,在YoloV8的主干中加入GCNet实现涨点。改进方法简单易用&#xff0c;欢迎大家使用&#xff01; 论文:《GCNet: Non-local Networks Meet Squeeze-Excitation Networks and Beyond》 非局部网络&#xff08;NLNet&#xff09;通过为每个查…

郭天祥新概念51单片机(第四期读书笔记)

时钟周期、状态周期、机器周期、指令周期与晶振频率之间的关系 1、晶振频率与脉冲的关系 假设单片机的晶振频率是12MHz&#xff0c;那么它的一个脉冲为1/12微秒&#xff1b;晶振单位时间发出的脉冲则为&#xff1a; 12 ∗ 1 0 6 12*10^6 12∗106。 假设单片机的晶振频率是4MH…

通过IP定位准确地址:原理、应用与局限性

在数字化时代&#xff0c;IP地址不仅是网络设备的标识符&#xff0c;同时也承载着地理位置信息。通过IP定位技术&#xff0c;我们可以根据IP地址获取到相应的地理位置信息&#xff0c;这在网络安全、数据分析、广告推送等领域有着广泛的应用。虎观代理将深入探讨通过IP定位准确…

Oracle EBS AR接口和OM销售订单单价为空数据修复

最近,用户使用客制化Web ADI 批量导入销售订单行功能,把销售订单行的单价更新成空值,直到发运确认以后,财务与客户对帐才发现大量销售订单的单价空,同时我们检查AR接口发现销售订单的单价和金额均为空。 前提条件 采用PAC成本方式具体问题症状 销售订单行的单价为空 Path:…

Spring面试常见问题

目录 1、为什么要用Spring框架&#xff1f;2、有了spring为什么又出现了 springboot&#xff1f;3、springboot出现后为什么又出现了spring cloud&#xff1f;4、SpringBoot自动配置&#xff08;重点&#xff09;5、SpringBoot启动流程&#xff08;重点&#xff09;6、简单谈一…

Latex绘制多行多TSNE列子图

Latex绘制多行多列TSNE子图 问题描述解决办法 问题描述 写论文需要绘制TSNE可视化图像。 解决办法 代码如下 \usepackage{subfigure}\begin{figure*}\centering\small\subfigure[aaa]{\includegraphics[width0.18\textwidth]{Figure/MFPT_v5_train_tsne_user0_bs0.png}}\su…

生态系统服务功能社会价值评估:当量因子法、InVEST、SolVES模型等多技术融合的探索与实践

当量因子法是将生态系统服务功能分类, 以可量化的标准构建不同类型生态系统各种服务功能的价值当量, 结合生态系统的分布面积进行评估,该方法数据量少, 较为直观易用, 适用于区域和全球尺度生态系统服务价值的评估。基于GIS平台的InVEST模型以空间数据为基础&#xff0c;量化多…

gin源码分析(1)--初始化中间件,路由组与路由树

目标 关于gin.Default()&#xff0c;gin.New()&#xff0c;gin.Use()group与子group之间的关系&#xff0c;多group与middleware之间关系中间件的类型&#xff0c;全局&#xff0c;group&#xff0c;get&#xff0c;不同类型的中间件什么时候执行。中间件 next 和abort行为如何…

代码+视频,手动绘制logistic回归预测模型校准曲线(Calibration curve)(1)

校准曲线图表示的是预测值和实际值的差距&#xff0c;作为预测模型的重要部分&#xff0c;目前很多函数能绘制校准曲线。 一般分为两种&#xff0c;一种是通过Hosmer-Lemeshow检验&#xff0c;把P值分为10等分&#xff0c;求出每等分的预测值和实际值的差距. 另外一种是calibra…

vue 响应式原理 Object.defineProperty(obj,‘属性名A‘,options);

目录 self简单讲解1. 视图影响数据2. 数据影响视图3. 视图数据双向影响页面展示 百度 self 简单讲解 get和set方法是ES5中提供的&#xff0c;因为是方法&#xff0c;所以可以进行判断&#xff0c;get 一般是要通过 return 返回的&#xff1b;而 set 是设置&#xff0c;不用返回…

回收站删除的文件在哪里?专业恢复方法分享(最新版)

“我很想知道我从回收站删除的文件被保存在哪里了呢&#xff1f;我刚刚不小心清空了回收站&#xff0c;现在想将它们恢复&#xff0c;应该怎么操作呢&#xff1f;谁能教教我怎么从回收站恢复文件&#xff1f;” 回收站&#xff0c;作为Windows操作系统中的一个重要组件&#xf…