在WordPress網(wǎng)站上展示商品是電商網(wǎng)站或在線商店的基本需求。本文將詳細(xì)介紹幾種在WordPress頁面上顯示商品的方法，幫助您輕松實(shí)現(xiàn)這一功能。

一、使用WooCommerce插件顯示商品

WooCommerce是WordPress最流行的電商插件，安裝后會(huì)自動(dòng)創(chuàng)建商品展示頁面：

1. 安裝并激活WooCommerce插件
2. 進(jìn)入”產(chǎn)品”→”添加新產(chǎn)品”創(chuàng)建商品
3. 填寫商品標(biāo)題、描述、價(jià)格等信息
4. 上傳商品圖片并設(shè)置分類
5. 發(fā)布后商品會(huì)自動(dòng)顯示在商店頁面

二、通過短代碼顯示特定商品

WooCommerce提供多種短代碼來靈活展示商品：

[products] // 顯示所有商品
[products limit="4" columns="4"] // 限制顯示數(shù)量和列數(shù)
[products ids="123,456,789"] // 顯示指定ID的商品
[products category="衣服"] // 顯示特定分類商品

將短代碼添加到任何頁面或文章即可顯示相應(yīng)商品。

三、使用頁面構(gòu)建器創(chuàng)建商品展示頁

Elementor、Beaver Builder等頁面構(gòu)建器提供商品展示模塊：

1. 安裝并激活頁面構(gòu)建器插件
2. 創(chuàng)建新頁面并使用構(gòu)建器編輯
3. 添加”WooCommerce產(chǎn)品”模塊
4. 配置顯示設(shè)置（布局、數(shù)量、排序等）
5. 保存并發(fā)布頁面

四、自定義主題模板顯示商品

對(duì)于開發(fā)者，可以通過修改主題文件自定義商品展示：

1. 創(chuàng)建或編輯主題的page.php或single-product.php文件
2. 使用WooCommerce模板標(biāo)簽如：

<?php woocommerce_content(); ?>
<?php wc_get_template_part('content', 'single-product'); ?>

1. 添加自定義CSS樣式調(diào)整商品外觀

五、常見問題解決方案

1. 商品不顯示：檢查是否已發(fā)布，庫存狀態(tài)是否正確
2. 圖片不顯示：檢查圖片是否上傳，文件權(quán)限設(shè)置
3. 價(jià)格格式錯(cuò)誤：在WooCommerce設(shè)置中配置正確的貨幣和格式
4. 頁面加載慢：優(yōu)化圖片大小，考慮使用緩存插件

通過以上方法，您可以輕松在WordPress網(wǎng)站的任何頁面上展示商品，滿足不同場景的需求。對(duì)于初學(xué)者，建議從WooCommerce短代碼開始；對(duì)于高級(jí)用戶，可以嘗試自定義模板實(shí)現(xiàn)更個(gè)性化的展示效果。