两种在wordpress网站首页调用woocommerce产品的方法

要在WordPress网站首页调用WooCommerce产品,您可以使用以下方法:

方法1:使用WooCommerce Shortcode

WooCommerce提供了一个内置的shortcode,可以直接在WordPress页面或帖子中插入产品。要在首页显示指定数量的产品,请将以下shortcode添加到您的首页模板文件(例如index.php)中:

复制代码
复制代码
[products limit="4"] <!-- 将4替换为您想要显示的产品数量 -->

或者,您可以在主题的functions.php文件中添加自定义函数,然后在首页模板中调用该函数:

复制代码
复制代码
function display_woocommerce_products($atts) {
    extract(shortcode_atts(array(
        'limit' => 4, // 默认显示4个产品
    ), $atts));

    $shortcode = '[products limit="' . esc_attr($limit) . '"]';
    return do_shortcode($shortcode);
}
add_shortcode('woo_products', 'display_woocommerce_products');

然后,在首页模板文件中调用此shortcode:

复制代码
复制代码
[woo_products limit="4"] <!-- 将4替换为您想要显示的产品数量 -->

方法2:使用自定义查询

您还可以使用WordPress的WP_Query类创建自定义查询来获取WooCommerce产品。在主题的functions.php文件中添加以下函数:

复制代码
复制代码
function display_custom_woocommerce_products($atts) {
    extract(shortcode_atts(array(
        'limit' => 4, // 默认显示4个产品
    ), $atts));

    $args = array(
        'post_type' => 'product',
        'posts_per_page' => $limit,
    );

    $query = new WP_Query($args);

    ob_start();

    if ($query->have_posts()) :
        while ($query->have_posts()) : $query->the_post();
            wc_get_template_part('content', 'product');
        endwhile;
    endif;

    wp_reset_postpots();

    return ob_get_clean();
}
add_shortcode('custom_woo_products', 'display_custom_woocommerce_products');

然后,在首页模板文件中调用此shortcode:

复制代码
复制代码
[custom_woo_products limit="4"] <!-- 将4替换为您想要显示的产品数量 -->

这两种方法都可以在WordPress网站首页调用WooCommerce产品。您可以根据自己的需求选择合适的方法。

https://www.seomoban.com/code/102.html

相关推荐
object not found24 分钟前
WooCommerce 接入 KPay 后订单完成页不显示订单信息:returnUrl 动态参数问题解决
前端·wordpress·独立站支付
皓月盈江3 天前
WordPress博客迁移到Hexo静态博客教程
linux·服务器·hexo·wordpress·博客迁移·静态博客
boke112百科13 天前
WordPress经典编辑器【插入至文章】按钮怎么调到右上角?
编辑器·wordpress·wordpress教程·经典编辑器
Rainy Blue88317 天前
从零搭建个人动态博客
博客·wordpress
hui-梦苑20 天前
[PHP]轻量主题函数WordPress 集成 KaTeX 数学公式渲染
开发语言·php·wordpress·katex
VIP_CQCRE20 天前
用 Ace Data Cloud 把 WordPress 变成你的 AI 内容营销中枢
ai·seo·wordpress·内容营销·ace data cloud
豆豆1 个月前
2026 主流 CMS 建站系统对比分析:企业、个人建站该如何选型?
wordpress·建站系统·cms建站·企业建站·建站选型·saas建站·2026建站指南
VIP_CQCRE1 个月前
用 Ace Data Cloud 自动发布 WordPress 文章:把 AI 写作变成可积累的 SEO 内容资产
ai·api·seo·wordpress·acedatacloud
VIP_CQCRE1 个月前
用 Ace Data Cloud 自动发布 WordPress 文章:把 SEO 内容站变成长期增长资产
ai·自动化·seo·wordpress·acedatacloud
2601_965798471 个月前
Renovate Theme Setup: Fast Contractor & Construction Site Architecture
theme·wordpress