让自己开发的主题支持WooCommerce

/ 0评 / 0

WooCommerce可谓是一个非常强大的插件,但是她始终是国外的大神写的所以在国内始终很多人不会用,特别是英文不好的朋友用起来更是难上加难,正好我也要改造这个WooCommerce所以把我遇到的一些问题记录下来供大家一起学习。

如果我们自己写的主题想要支持WooCommerce就要先做下面的几个步骤:

在主题中声明对WooCommerce的支持

add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
    add_theme_support( 'woocommerce' );
}

禁用WooCommerce默认样式

// Disable WooCommerce styles
add_filter( 'woocommerce_enqueue_styles', '__return_false' );
禁用默认样式,就要引入自己的样式,可以直接写在style.css中,也可以另外写一个样式表

function wp_enqueue_woocommerce_style(){
    wp_register_style( 'woocommerce', get_template_directory_uri() . '/css/woocommerce.css' );
    if ( class_exists( 'woocommerce' ) ) {
        wp_enqueue_style( 'woocommerce' );
    }
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );
上面的地址请自行根据实际情况调整。
完成了上步骤,这时候我们刷新网站就发现已经不再引用默认的CSS样式,这样我们就要发挥自己的想象力自己来调整相应的CSS。
以上的步骤只是开启主题对WooCommerce的支持,更多的还是要我们来完成想要的结构样式,我们也将继续更新WooCommerce的改造。