仅将 CSS 代码添加到由 WP 插件生成的页面

Posted 2023-03-06

【中文标题】仅将 CSS 代码添加到由 WP 插件生成的页面

【英文标题】：Add CSS code only to pages generated by WP Plugin

【发布时间】：2021-09-20 00:58:39

【问题描述】：

我的任务是自定义网站的特定部分。本节主要由 WordPress 上的事件管理器插件制作。该插件允许用户创建自己的事件，这些事件将在日历页面中发布。问题是，我只需要在这个插件创建的页面上去掉页眉，它的 URL 类似于：http://mypage.com/eventos/user-event-name

所以，我只需要将代码 .site-header display: none; 仅应用于具有此 /eventos/something URL 的页面。这可以做到吗？ 当我将上面的代码放在我的主题的自定义 CSS 上时，它会删除整个网站的标题，我不希望这样。

我完全没有 CSS 的背景，所以我肯定在这里使用了错误的定义。在此先感谢，希望有人可以帮助我！

【参考方案1】：

你可以检查 URL 中是否有 evestos 并在 body 中添加一个类 像这样

add_filter( 'body_class','my_body_classes' );
function my_body_classes( $classes ) 

    $url = strpos($_SERVER['REQUEST_URI'];

    if($url, "/eventos/"))      
        $classes[] = 'eventos-page';         
    return $classes;          
    

之后，您可以将 css 添加到该类中，例如

.eventos-page .site-header  
    display: none; 

【讨论】：

你好鲍里斯！这听起来是一个很好的解决方案！现在我的问题是：我需要把代码放在哪里？我猜是一个 .php 文件，但是是哪一个？对不起，我对这一切都很陌生，所以我真的不知道。

functions.php中上层styles.css中下层