对于仅需展示产品而不涉及复杂交易的企业官网/外贸网站而言,使用WooCommerce 管理产品过于臃肿,不仅后台功能多,在前台也会有冗余的css和js,两者都会对网站速度有负面影响,本教程将分享一种更轻量、更自由的解决方案:利用 Advanced Custom Fields (ACF)免费版与 Elementor Pro 搭建专业的产品管理系统。
注意,本方案最适合满足以下三个前提的建站项目:
- 产品仅作展示,不需要用户在网站直接下单;
- 产品详情页面展示产品图片时,不需要滚动图片画廊;
- 产品详情页面不需要用灵活切换的内容标签页来展示产品内容。


来看看我们的目标,主要是实现下图中的产品详情页(产品列表页效果后续补)


接下来,我将在通过视频,演示如何在WordPress后台用ACF创建管理产品和分类的功能,以及如何使用 Elementor 页面编辑器设计美观的前端产品列表页与详情页。
一、用ACF创建管理产品和分类
二、用Elementor Pro制作产品列表页和产品详情页模板
制作中
