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

Question

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

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

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

Answer 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; 
}