如何定制WooCommerce风格的定制主题

时间:2021-08-02 作者:hossein

我是Woocommerce主题开发的新手,我知道Woocommerce的一些基本结构,例如我可以调用WC的最新4项或流行项等。但让我困惑的是如何声明自己的CSS。编写与Woocommerce兼容的CSS文件的最佳过程是什么。我试试这个add_filter( \'woocommerce_enqueue_styles\', \'__return_false\'); 当我应用这个时,Woocommerce CSS将被禁用,但所有CSS类仍然保留。

这是我的主要问题,我应该和那些课程一起工作吗?还是有更好的方法?

如果有人能帮助我,我将非常高兴。我看的所有教程都只说包含了以前使用过的CSS文件,没有对此进行解释。

1 个回复
SO网友:Joris

您可以根据WooCommerce创建的类添加自己的css。如果使用(子)主题,可以通过在函数中添加此代码来添加样式表。php:

/**
 * Enqueue your own stylesheet
 */
function custom_wp_enqueue_woocommerce_style(){
    wp_register_style( \'mytheme-woocommerce\', get_template_directory_uri() . \'/css/woocommerce.css\' );

    if ( class_exists( \'woocommerce\' ) ) {
        wp_enqueue_style( \'mytheme-woocommerce\' );
    }
}
add_action( \'wp_enqueue_scripts\', \'custom_wp_enqueue_woocommerce_style\' );
创建“woocommerce”。在文件夹/css/中的css文件,并在该文件中编写css。

相关推荐

将自定义css、html和js作为弹出窗口插入到当前页面中

我是wordpress开发的新手,我已经阅读了关于如何做我想做的事情的文档,但我找不到任何合适的答案。我想做一个插件,可以显示一个弹出窗口时,有人去了一个特定的页面。弹出窗口中的信息可以根据管理员想要显示的内容进行自定义,但我不知道如何将css和js添加到访问者当前所在的页面。基本上是将html和css注入到身体中。我是一名初级开发人员,之前从未使用过php或wordpress(直到一周前,我的老板让我制作这个wordpress插件),但我对JS非常了解。如果您能提供任何帮助或指出正确的方向,我们将不胜感