星期二 , 2020-10-27
首页 > WooCommerce > WordPress主题如何才能支持WooCommerce

WordPress主题如何才能支持WooCommerce

WooCommerce插件是由WooThemes出品的一个非常出色而且很热门的免费Wordpress网店插件,配置灵活、功能强大、支持多种支付网关。正因为基于无比丰富扩展的wordpress,所以现在已经有越来越多的网店直接用WooCommerce作为网店系统,简单高效。而用woocommerce还有一部分用户并不是整站都是做网店,而是网站下也卖部分产品,这就需要将woocommerce融入现有wordpress主题中。本文就是教大家如何让普通WordPress主题支持WooCommerce的。

1、创建woocommerce.php文件
复制主题下的page.php到主题根目录下,将其重命名为woocommerce.php。

2、修改woocommerce.php文件
将页面中内容样式中的PHP和HTML混合的代码全部删除,如:

    

然后在删除的位置添加上如下内容:

    
    

完整woocommerce.php文件内容示例如下:

    

3、在主题中声明对WooCommerce的支持

/*
声明对WooCommerce的支持
代码来源: www.wpzhinan.com
*/
add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
    add_theme_support( 'woocommerce' );
}

4、如何禁用WooCommerce默认样式

/*
禁用WooCommerce样式表
代码来源: www.wpzhinan.com
*/

define('WOOCOMMERCE_USE_CSS', false);

禁用默认样式后就要引入自己的样式,可以直接写在style.css中,也可以另外写一个样式表。

/*
引用自己的WooCommerce样式表
代码来源: www.wpzhinan.com
*/

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' );

如果样式表中用到了WooCommerce默认的图片,还应将woocommerce/assets/images文件夹下的图片拷贝到主题目录。

至此,你的主题已支持woocommerce了,至于样式兼容的问题需要你自己微调主题的style.css样式表文件了。

本文地址:http://www.wpzhinan.com/jiaocheng/239.html
版权申明:除部分代码外,本站内容均为原创,转载请注明来源,违者必究侵权责任!

相关推荐

WP_Image_Editor_Imagick 指令注入漏洞修复方法

Imagick组件爆出了超级漏洞,危害等级极高,直接导致大量使用Imagick组件的网站均 ...