秋硕学习笔记 教程 使用Astra主题搭建WooCommerce网站

使用Astra主题搭建WooCommerce网站

Astra是一款轻巧且可以高度定制的WordPress主题,可以帮助外贸用户快速建立各行业的企业网站或者电子商…

Astra是一款轻巧且可以高度定制的WordPress主题,可以帮助外贸用户快速建立各行业的企业网站或者电子商务网站。

Astra主题分为免费版和Pro两个版本,免费版提供了必要的一些自定义选项,Astra Pro版本则提供了更为丰富的功能,同时还针对WooCommerce增加了很多特性。当你购买Astra Pro后,可以获得Astra的安装包和Pro插件。

一、安装主题和插件

1.安装主题

你可以通过后台直接搜索Astra安装主题,或者手动上传主题包安装。

购买Pro后还带有一个子主题,启用子主题,子主题上面的内容修改不会影响Astra今后版本的更新。

2.安装插件

主题安装好了之后,我们还需要安装Pro插件和高级演示导入插件。

astra-addon-plugin.zip
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主题

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。若本站内容侵犯了原著者的合法权益,请联系我们进行处理。本文地址:https://wparticle.cn/980.html

作者: wordus

记录生活感悟,分享网络资源,交流学习体会,感受美好人生。秋硕学习笔记,记录分享学习、生活、工作、旅游、健身、爱好的个人博客。
返回顶部