Astra是一款轻巧且可以高度定制的WordPress主题,可以帮助外贸用户快速建立各行业的企业网站或者电子商务网站。
Astra主题分为免费版和Pro两个版本,免费版提供了必要的一些自定义选项,Astra Pro版本则提供了更为丰富的功能,同时还针对WooCommerce增加了很多特性。当你购买Astra Pro后,可以获得Astra的安装包和Pro插件。
一、安装主题和插件
1.安装主题
你可以通过后台直接搜索Astra安装主题,或者手动上传主题包安装。
购买Pro后还带有一个子主题,启用子主题,子主题上面的内容修改不会影响Astra今后版本的更新。
2.安装插件
主题安装好了之后,我们还需要安装Pro插件和高级演示导入插件。
astra-premium-sites.zip
安装方法,通过后台插件页面上传插件安装,启用后输入购买的序列号激活插件。
二、导入演示数据
激活两个插件以后,进入Starter Templates,系统会提示选择一个页面构建器。默认的Astra支持4款热门的页面构建器。
假如我们这里选择了Elementor为演示,会出现很多演示站点,我们选择ECommerce下面的网站demo。这里选择了Elementor为演示,选择后会出现很多demo,我们选择ECommerce下面的网站demo。
这些eCommerce的deom演示,只是说Astra默认设计了一些样式的,如果你自己会css代码和配置Astra的自定义功能,那么可以使用任意一个demo安装WooCommerce网站。
你可以点击一个你看中了的演示导入,演示右上角标注有AGENCY的演示只能是购买了代理套餐的才能导入。
选择导入按钮后,出现的界面直接点击import即可,Astra会自动给你导入主题带有的自定义数据、小工具、必要插件和内容。
如果你之前到如果其他演示数据,那么可以勾选Delete Previously Imported Site删掉以前导入的数据。
三、修改内容布局
当导入完毕后,我们访问网站前台可以看到安装好并且导入了Astra官方演示模板的网站界面,接下来我们就可以开始修改成自己想要的样子。
1、点击顶上的使用Elementor编辑。
Elementor是一个可视化的页面构建器插件,所以你想修改哪里,就点击哪里。
修改完毕后,点击更新按钮,就可以看到网站修改后的效果了。
而点击顶上的自定义按钮,我们除了对Astra的页面布局样式修改外,还可以单独针对WooCommerce页面进行设置和调整。
例如你可以对产品目录设置显示多少个产品,每一列展示几个产品。
产品显示哪些标签,点击眼睛图标进行开启和关闭。
进入Astra选项里面,激活WooCommerce的功能,我们再次点击自定义界面查看。
例如多了促销显示的设置,你可以设置显示为促销按钮,还是具体促销了多少;也可以修改显示样式。
也可以设置是否显示购物车金额。
在产品目录的设置里面,也多出来了布局和样式的设置选项。
具体的产品页也支持了显示设置。这些功能都不需要你会代码,直接就可以进行设置操作。
至此,我们已经实现了使用Astra主题,搭建了一个WooCommerce在线商城网站。
本文是全系列中第2 / 2篇:Astra主题
- 调用Astra主题搜索框的短代码
- 使用Astra主题搭建WooCommerce网站