Google / VPN技术 / 互联网技术 · 2024年2月29日 0

在教程中使用Astra主题构建WooCommerce网站

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

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

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

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

第二步:安装Astra主题

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

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

在教程中使用Astra主题构建WooCommerce网站

2.1 安装主题

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

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

2.2 安装插件

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

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

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

在教程中使用Astra主题构建WooCommerce网站

第二步,导入演示数据

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

在教程中使用Astra主题构建WooCommerce网站

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

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

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

在教程中使用Astra主题构建WooCommerce网站

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

在教程中使用Astra主题构建WooCommerce网站

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

在教程中使用Astra主题构建WooCommerce网站

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

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

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

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

在教程中使用Astra主题构建WooCommerce网站

点击顶上的使用Elementor编辑。

在教程中使用Astra主题构建WooCommerce网站

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

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

在教程中使用Astra主题构建WooCommerce网站

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

在教程中使用Astra主题构建WooCommerce网站

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

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

在教程中使用Astra主题构建WooCommerce网站

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

在教程中使用Astra主题构建WooCommerce网站

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

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

在教程中使用Astra主题构建WooCommerce网站

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

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

总结

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

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

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

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