跳到:
内容
页码
类别
搜索
顶部
底部

如何在子主题中覆盖新模板CSS


  • ddesmond公司
    参与者

    @ddesmond公司

    你好,

    我想澄清一下如何在子主题中覆盖BuddyPress Nouveau模板css。

    我有一个新安装的BuddyPress 11.1.0,并创建了一个新的儿童主题结构。我从以下位置复制了buddypress.css:

    /插件/buddypress/bp-templates/bp-nouveau/css

    收件人:

    /主题/my-child-theme/buddypress/css。

    我已经对这个CSS文件进行了更改,但它没有加载替换样式表,原始的未经编辑的样式表仍在加载中。

    我这样做对吗?你能告诉我最好的方法吗?我看过的所有地方都建议使用这种方法。

    非常感谢!

查看1条回复(共1条)

  • rsial的
    参与者

    @rsial的

    要覆盖子主题中的BuddyPress Nouveau模板CSS,需要确保子主题已正确排队,并且使用了正确的文件路径。以下是推荐的方法:

    在子主题文件夹中,创建一个名为buddypress的新目录。

    在buddypress目录中,创建一个名为css的新目录。

    将buddypress.css文件从/plugins/buddypress/bp-templates/bp-nouveau/css复制到子主题的buddypres/css目录中。

    在子主题的functions.php文件中,将修改后的CSS文件排队。添加以下代码:

    函数enqueue_child_theme_styles(){
    wp_enqueue_style('child-theme-buddypress',get_stylesheet_directory_uri()。'/buddypress/css/buddypress.css,数组('bp-nouveau-main'),'1.0');
    }
    add_action(“wp_enqueue_scripts”,“enqueue_child_theme_styles”,999);

    要覆盖子主题中的BuddyPress Nouveau模板CSS,需要确保子主题已正确排队,并且使用了正确的文件路径。以下是推荐的方法:

    在子主题文件夹中,创建一个名为buddypress的新目录。

    在buddypress目录中,创建一个名为css的新目录。

    将buddypress.css文件从/plugins/buddypress/bp-templates/bp-nouveau/css复制到子主题的buddypres/css目录中。

    在子主题的functions.php文件中,将修改后的CSS文件排队。添加以下代码:

    php程序
    复制代码
    函数enqueue_child_theme_styles(){
    wp_enqueue_style('child-theme-buddypress',get_stylesheet_directory_uri()。'/buddypress/css/buddypress.css,数组('bp-nouveau-main'),'1.0');
    }
    add_action(“wp_enqueue_scripts”,“enqueue_child_theme_styles”,999);
    如果以后更新子主题的CSS,请确保调整版本号(“1.0”)。

    通过这些步骤,应该加载子主题中修改过的“buddypress.css”文件,并覆盖buddypress Nouveau模板中的默认样式。

    请记住清除任何缓存插件或服务器缓存,以确保提供更新的CSS。

    如果更改仍然没有生效,则可能是另一个插件或主题与子主题的样式冲突。在这种情况下,您可能需要进一步调查,并可能使用更具体的CSS选择器,或对“wp_enqueue_style”函数使用更高的优先级。

查看1条回复(共1条)
  • 您必须登录才能回复此主题。
跳到工具栏