使用Astra主题搭建WooCommerce网站教程

Astra是一款轻巧且可以高度定制的WordPress主题,可以帮助外贸用户快速建立各行业的企业网站或者电子商务网站,本文奶爸教大家如何使用Astra安装一个WooCommerce网站

第一步:搭建和安装一个WordPress网站。

怎么自己建网站的教程奶爸建站笔记已经分享了很多了,如果你是外贸用户,可以直接跟着SiteGround教程去购买服务后安装一个WordPress网站。

本文就不重复叙述这一部分的内容了。

第二步:安装Astra主题

Astra主题分为免费版和Pro两个版本,免费版提供了必要的一些自定义选项,但是Astra Pro却提供了更丰富的功能,同时还针对WooCommerce增加了很多特性。

你可以点击下面按钮去Astra网站了解针对WooCommerce的特性。

了解Astra WooCommerce特性

当你购买Astra Pro后,可以获得Astra的安装包和Pro插件,我们分别把他们上传到网站的主题和插件里面安装。

Astra子主题

2.1 安装主题

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

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

2.2 安装插件

主题安装好了之后并不是Pro版本,我们还需要安装配套的Pro插件和高级演示导入插件。

  • astra-addon-plugin-2.3.3.zip
  • astra-premium-sites-2.0.0.zip

安装方法,通过后台插件页面上传插件安装,启用后输入购买的序列号激活。

astra pro插件安装

第二步,导入演示数据

两个插件都激活后,我们进入Starter Templates,会让你选择一个页面构建器。

选择一个页面构建器

默认的Astra支持4款热门的页面构建器。

用户量最多的是Elementor,长远来看,选择Gutenberg也是一个不错的选择,毕竟WordPress默认就是古腾堡编辑器了。

奶爸这里选择了Elementor为演示,选择后会出现很多demo,我们选择eCommerce下面的网站demo。

astra demo演示数据

值得注意的是,这些eCommerce的deom演示,只是说Astra默认设计了一些样式的,如果你自己会css代码和配置Astra的自定义功能,那么可以使用任意一个demo安装WooCommerce网站。

Astra导入演示数据

你可以点击一个你看中了的演示导入,演示右上角标注有AGENCY的演示只能是购买了代理套餐的才能导入。

Astra导入演示数据

选择导入按钮后,出现的界面直接点击import即可,Astra会自动给你导入主题带有的自定义数据、小工具、必要插件和内容。

如果你之前到如果其他演示数据,那么可以勾选Delete Previously Imported Site删掉以前导入的数据。

第三步,修改网站内容和布局

当导入完毕后,我们访问网站前台可以看到安装好并且导入了Astra官方演示模板的网站界面,接下来我们就可以开始修改成自己想要的样子。

编辑按钮

点击顶上的使用Elementor编辑

elementor编辑页面

Elementor是一个可视化的页面构建器插件,所以你想修改哪里,就点击哪里。

修改完毕后,点击更新按钮,就可以看到网站修改后的效果了。

WooCommerce自定义功能

而点击顶上的自定义按钮,我们除了对Astra的页面布局样式修改外,还可以单独针对WooCommerce页面进行设置和调整。

WooCommerce目录设置界面

例如你可以对产品目录设置显示多少个产品,每一列展示几个产品。

产品显示哪些标签,点击眼睛图标进行开启和关闭。

Astra Pro高级WooCOmmerce选项

进入Astra选项里面,激活WooCommerce的功能,我们再次点击自定义界面查看。

设置促销显示方式

例如多了促销显示的设置,你可以设置显示为促销按钮,还是具体促销了多少;也可以修改显示样式。

也可以设置是否显示购物车金额。

WooCommerce布局选项

在产品目录的设置里面,也多出来了布局和样式的设置选项。

具体的产品页也支持了显示设置。这些功能都不需要你会代码,直接就可以进行设置操作。

总结

通过上面的教程你可以发现使用Astra能够很快速的帮你搭建起一个WooCommerce在线商城网站。

同时Astra对Google SEO友好,内置了结构化数据,可以让搜索引擎更加清楚的了解你的网站,最终帮你获得更好的网站排名效果。

除此之外,Astra也带有很多自定义的选项,可以帮助你无需修改代码的情况下实现主题的一些功能和效果。

Astra带有免费版,但是针对不会技术的外贸朋友们选择付费的Pro版本,因为可以给你提供更多的功能,并且有一对一的客户服务支持。

立即购买Astra Pro

查看更多Astra教程

查看WooCommerce设置教程

请求帮助:亲戚脑出血进ICU病房抢救,家庭负担极重,恳请您的帮助,1元2元也是一份支持,谢谢大家。

Scroll to Top