Astra是一款轻巧且可以高度定制的WordPress主题,可以帮助外贸用户快速建立各行业的企业网站或者电子商务网站,本文我教大家如何使用Astra安装一个WooCommerce网站。
第一步:搭建和安装一个WordPress网站。 怎么自己建网站的教程我建站笔记已经分享了很多了,如果你是外贸用户,可以直接跟着SiteGround教程去购买服务后安装一个WordPress网站。
本文就不重复叙述这一部分的内容了。
第二步:安装Astra主题 Astra主题分为免费版和Pro两个版本,免费版提供了必要的一些自定义选项,但是Astra Pro却提供了更丰富的功能,同时还针对WooCommerce增加了很多特性。
你可以点击下面按钮去Astra网站了解针对WooCommerce的特性。
了解Astra WooCommerce特性
当你购买Astra Pro后,可以获得Astra的安装包和Pro插件,我们分别把他们上传到网站的主题和插件里面安装。
2.1 安装主题
你可以通过后台直接搜索Astra安装主题,或者自己手动上传主题包安装。
购买Pro后还带有一个子主题,启用子主题,子主题上面的内容修改不会影响Astra今后版本的更新。
2.2 安装插件
主题安装好了之后并不是Pro版本,我们还需要安装配套的Pro插件和高级演示导入插件。
安装方法,通过后台插件页面上传插件安装,启用后输入购买的序列号激活。
第二步,导入演示数据
两个插件都激活后,我们进入Starter Templates,会让你选择一个页面构建器。
默认的Astra支持4款热门的页面构建器。
用户量最多的是Elementor,长远来看,选择Gutenberg也是一个不错的选择,毕竟WordPress默认就是古腾堡编辑器了。
我这里选择了Elementor为演示,选择后会出现很多demo,我们选择eCommerce下面的网站demo。
值得注意的是,这些eCommerce的deom演示,只是说Astra默认设计了一些样式的,如果你自己会css代码和配置Astra的自定义功能,那么可以使用任意一个demo安装WooCommerce网站。
你可以点击一个你看中了的演示导入,演示右上角标注有AGENCY的演示只能是购买了代理套餐的才能导入。
选择导入按钮后,出现的界面直接点击import即可,Astra会自动给你导入主题带有的自定义数据、小工具、必要插件和内容。
如果你之前到如果其他演示数据,那么可以勾选Delete Previously Imported Site删掉以前导入的数据。
第三步,修改网站内容和布局
当导入完毕后,我们访问网站前台可以看到安装好并且导入了Astra官方演示模板的网站界面,接下来我们就可以开始修改成自己想要的样子。
点击顶上的使用Elementor编辑。
Elementor是一个可视化的页面构建器插件,所以你想修改哪里,就点击哪里。
修改完毕后,点击更新按钮,就可以看到网站修改后的效果了。
而点击顶上的自定义按钮,我们除了对Astra的页面布局样式修改外,还可以单独针对WooCommerce页面进行设置和调整。
例如你可以对产品目录设置显示多少个产品,每一列展示几个产品。
产品显示哪些标签,点击眼睛图标进行开启和关闭。
进入Astra选项里面,激活WooCommerce的功能,我们再次点击自定义界面查看。
例如多了促销显示的设置,你可以设置显示为促销按钮,还是具体促销了多少;也可以修改显示样式。
也可以设置是否显示购物车金额。
在产品目录的设置里面,也多出来了布局和样式的设置选项。
具体的产品页也支持了显示设置。这些功能都不需要你会代码,直接就可以进行设置操作。
总结
通过上面的教程你可以发现使用Astra能够很快速的帮你搭建起一个WooCommerce在线商城网站。
同时Astra对Google SEO友好,内置了结构化数据,可以让搜索引擎更加清楚的了解你的网站,最终帮你获得更好的网站排名效果。
除此之外,Astra也带有很多自定义的选项,可以帮助你无需修改代码的情况下实现主题的一些功能和效果。
Astra带有免费版,但是针对不会技术的外贸朋友们选择付费的Pro版本,因为可以给你提供更多的功能,并且有一对一的客户服务支持。
立即购买Astra Pro
查看更多Astra教程
查看WooCommerce设置教程