互联网技术 · 2023年11月28日

使用Astra主题创建WooCommerce网站指南

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设置教程

OpenMagic API

Need more than content? Move into the product flow.

If you are here for model access, pricing, developer docs, or the future API console, the dedicated product path now lives on api.openmagic.ai.

登录免费注册