10分钟搞定WordPress商品列表：免费工具+代码搞定建站公司拖一周的难题

改个需求建站公司拖一周，这不是个例，是常态。你改个商品列表展示方式，他们非要重新写代码、重新测试，最后价格翻倍，进度拖到一个月后。其实，用WordPress商品列表配合免费工具，你就能自己动手搞定，不需要等建站公司。

WordPress作为全球最流行的CMS系统，自带了强大的商品管理能力，但真正能落地的，还得靠正确的选型和配置。本文会围绕WordPress商品列表展开，对比不同方案，给出代码示例，让你从零开始搭建一个功能完整的商品展示页面，不再被建站公司牵着鼻子走。

一、WordPress商品列表方案定位

1.1 WordPress内置商品列表

WordPress原生并不支持商品管理，但通过安装插件，比如WooCommerce，它可以快速将网站变成一个带有商品列表、购物车、订单管理等功能的电商系统。这种方案适合中小型企业、个人卖家，不需要复杂的功能，但要求商品数量、展示方式、SEO优化等方面都有基本的支持。

1.2 自定义主题+自定义商品列表

如果你对WordPress底层结构比较熟悉，或者有定制化需求，可以选择通过自定义主题和自定义PHP模板来实现商品列表。这种方案更灵活，但对开发能力要求高，适合技术团队或需要高度定制的电商网站。

1.3 第三方工具+API对接

对于不想使用WordPress插件或自定义开发的用户，可以选择使用第三方商品管理系统（如Shopify、BigCommerce等）通过API与WordPress对接，实现商品展示。这种方案适合需要多平台整合的电商，但对技术能力也有一定要求。

二、WordPress商品列表核心差异对比

方案类型	是否支持SEO优化	商品管理功能	开发难度	自定义能力	成本（人力/时间）
WooCommerce	支持	完整	中等	中等	低
自定义主题+模板	支持	自定义	高	高	高
第三方API对接	支持	完整	中等	低	中等

三、WordPress商品列表代码/配置写法对比

3.1 WooCommerce实现商品列表

WooCommerce是最主流的WordPress商品插件，安装后可直接在后台管理商品。以下是基本配置和展示商品列表的代码示例。

安装与配置

1. 登录WordPress后台；
2. 进入“插件” > “安装插件” > 搜索“WooCommerce”并安装激活；
3. 根据向导完成商店设置，包括商店地址、货币、支付方式等；
4. 在“产品”菜单下添加商品。

展示商品列表的代码示例（PHP）：

<?php
$args = array('post_type'      => 'product','posts_per_page' => 10,'orderby'        => 'date','order'          => 'DESC'
);$loop = new WP_Query($args);if ($loop->have_posts()) {while ($loop->have_posts()) {$loop->the_post();global $product;?><div class="product-item"><h3><?php the_title(); ?></h3><img src="<?php echo $product->get_image_id(); ?>" alt="<?php the_title(); ?>" /><p>价格：<?php echo $product->get_price_html(); ?></p><a href="<?php the_permalink(); ?>">查看详情</a></div><?php}
} else {echo '没有找到商品';
}
wp_reset_postdata();
?>

这段代码通过WooCommerce的API调用商品列表，展示标题、图片和价格，并可添加“查看详情”链接。

3.2 自定义主题实现商品列表

如果你有自定义开发能力，可以通过修改主题模板文件来实现商品列表，比如在archive-product.php中定义商品展示逻辑。以下是基础代码示例。

<?php
$args = array('post_type'      => 'product','posts_per_page' => 10,'orderby'        => 'date','order'          => 'DESC'
);$loop = new WP_Query($args);if ($loop->have_posts()) {while ($loop->have_posts()) {$loop->the_post();?><div class="product-item"><h3><?php the_title(); ?></h3><img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="<?php the_title(); ?>" /><p>价格：<?php echo get_post_meta(get_the_ID(), '_price', true); ?></p><a href="<?php the_permalink(); ?>">查看详情</a></div><?php}
} else {echo '没有找到商品';
}
wp_reset_postdata();
?>

这段代码与WooCommerce的差异在于，它没有调用任何插件，而是直接读取WordPress的数据库字段，适用于已自定义商品结构的情况。

3.3 第三方API对接商品列表（以Shopify为例）

如果你使用的是Shopify，可通过其REST API获取商品数据，并在WordPress中展示。以下是一个基础调用示例（使用PHP）。

调用Shopify API获取商品数据：

$shopify_url = 'https://your-shop.myshopify.com/admin/api/2023-10/products.json';
$shopify_token = 'your-access-token';$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $shopify_url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, array('X-Shopify-Access-Token: ' . $shopify_token
));$response = curl_exec($ch);
curl_close($ch);$products = json_decode($response, true);if (is_array($products['products'])) {foreach ($products['products'] as $product) {?><div class="product-item"><h3><?php echo $product['title']; ?></h3><img src="<?php echo $product['image']['src']; ?>" alt="<?php echo $product['title']; ?>" /><p>价格：<?php echo $product['variants'][0]['price']; ?></p><a href="<?php echo $product['url']; ?>">查看详情</a></div><?php}
} else {echo '无法获取商品数据';
}

这段代码通过Shopify API调用商品数据，并在WordPress页面中展示，适合已有Shopify账户并希望与WordPress整合的情况。

四、WordPress商品列表适用场景

4.1 WooCommerce适用场景

• 电商新手：需要快速搭建一个基础电商网站；
• 中小型企业：商品数量在几千以内，不需要复杂功能；
• SEO优化需求：需要SEO友好结构，如商品分类、标签、Meta标签等；
• 多平台整合：支持与PayPal、Stripe等支付方式集成。

4.2 自定义主题适用场景

• 技术团队：有前端和后端开发能力；
• 高度定制需求：需要自定义商品展示方式、价格策略、库存管理；
• 品牌独立站：希望完全掌控网站结构，不依赖插件；
• 性能优化：对加载速度、SEO有较高要求。

4.3 第三方API适用场景

• 已有电商平台：如Shopify、BigCommerce，希望通过WordPress展示商品；
• 多平台管理：需要在一个地方管理多个平台的商品；
• 品牌统一性：希望将多个电商平台的流量集中到一个主站；
• API集成能力强：熟悉REST API或GraphQL等接口。

五、WordPress商品列表选型建议

5.1 选型建议（根据业务规模）

业务规模	推荐方案	理由
个人卖家	WooCommerce	快速上手、成本低、支持SEO
中小企业	WooCommerce + SEO插件	功能完善、支持多平台支付
品牌独立站	自定义主题 + 数据库管理	完全掌控、SEO优化更灵活
多平台整合	第三方API + WordPress展示	数据同步、统一展示、多渠道引流

5.2 选型建议（根据技术能力）

技术能力	推荐方案	理由
无开发经验	WooCommerce	安装即用，无需编程
有前端开发能力	自定义主题 + 商品数据表	灵活定制，支持SEO
有后端开发能力	自定义PHP + 数据库操作	完全掌控，适合高并发
有API开发经验	第三方API + WordPress展示	数据统一，多平台整合

5.3 选型建议（根据预算与成本）

预算与成本	推荐方案	理由
低预算	WooCommerce	插件免费，运营成本低
中等预算	WooCommerce + SEO优化插件	增强SEO效果，提升转化率
高预算	自定义开发 + 服务器优化	性能更强，SEO更精准
超高预算	第三方API + 自建服务器	完全自主，多平台管理能力强

你的网站用的什么技术栈？评论区聊聊