WordPress商品簡碼代碼使用指南

來自：素雅營銷研究院

方知筆記

2025年07月03日 08:11

WordPress作為全球最受歡迎的內(nèi)容管理系統(tǒng)之一，其強(qiáng)大的插件系統(tǒng)和簡碼(Shortcode)功能為網(wǎng)站開發(fā)提供了極大的便利。本文將詳細(xì)介紹如何在WordPress中創(chuàng)建和使用商品展示簡碼代碼，幫助電商網(wǎng)站快速展示產(chǎn)品信息。

什么是WordPress簡碼

簡碼是WordPress提供的一種快捷方式，允許用戶通過簡單的標(biāo)簽在文章、頁面或小工具中插入復(fù)雜的功能。格式通常為[shortcode]或[shortcode attribute="value"]。

創(chuàng)建商品簡碼的基本方法

1. 在主題的functions.php文件中添加代碼

function product_shortcode($atts) {
// 默認(rèn)屬性值
$atts = shortcode_atts(
array(
'id' => '',
'category' => '',
'limit' => 5
),
$atts,
'product'
);

// 根據(jù)屬性查詢商品
$args = array(
'post_type' => 'product',
'posts_per_page' => $atts['limit']
);

if(!empty($atts['id'])) {
$args['p'] = $atts['id'];
}

if(!empty($atts['category'])) {
$args['tax_query'] = array(
array(
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => $atts['category']
)
);
}

$products = new WP_Query($args);

// 輸出HTML
$output = '<div class="product-shortcode">';

if($products->have_posts()) {
while($products->have_posts()) {
$products->the_post();
$output .= '<div class="product-item">';
$output .= '<h3><a href="'.get_permalink().'">'.get_the_title().'</a></h3>';
$output .= '<div class="product-excerpt">'.get_the_excerpt().'</div>';
$output .= '</div>';
}
} else {
$output .= '<p>沒有找到商品</p>';
}

$output .= '</div>';

wp_reset_postdata();

return $output;
}
add_shortcode('product', 'product_shortcode');

2. 使用WooCommerce專用簡碼

如果你使用WooCommerce插件，它已經(jīng)內(nèi)置了許多有用的商品簡碼：

[products] - 顯示產(chǎn)品列表
[product_page id="123"] - 顯示特定產(chǎn)品頁面
[add_to_cart id="123"] - 添加購物車按鈕
[product_categories] - 顯示產(chǎn)品分類

常用商品簡碼示例

顯示特定分類商品

[product category="electronics" limit="4"]

顯示單個商品詳情

[product id="42"]

顯示特價商品

// 首先在functions.php中添加特價商品簡碼
function sale_products_shortcode($atts) {
$atts = shortcode_atts(array(
'limit' => 5
), $atts);

$args = array(
'post_type' => 'product',
'posts_per_page' => $atts['limit'],
'meta_query' => array(
array(
'key' => '_sale_price',
'value' => 0,
'compare' => '>',
'type' => 'NUMERIC'
)
)
);

// ...類似上面的輸出代碼...
}
add_shortcode('sale_products', 'sale_products_shortcode');

使用簡碼：