仅将样式应用于特定的URL

时间:2020-05-24 作者:Omid Akbari Kh.

我只想将样式应用于Wordpress中具有特定URL(而不是id)的页面。例如到/通过Function,有些/甚至只建议使用PHP解决方案。php(不是CSS id或类)我尝试了不同的方法,但没有任何效果。谢谢

2 个回复
SO网友:FilT

如果您位于url上,为什么不通过函数向正文添加一个类,这样您就可以在css上使用该类,如下所示:

function add_class_to_body($classes) {
    if(is_page(\'events\')){
        $classes[] = \'page-events\';
        return $classes;
    }
}
add_filter(\'body_class\',\'add_class_to_body\');
然后你就可以通过

.page-events div{
    background-color: red;
}

SO网友:Omid Akbari Kh.

我在某处突然发现了这个,它成功了!所以我分享这个以防对任何人都有帮助

add_action( \'init\', \'apply_css_if_url_contains_string\' );

function apply_css_if_url_contains_string() {

$url = $_SERVER[\'SERVER_NAME\'] . $_SERVER[\'REQUEST_URI\'];

if ( false !== strrpos( $url, \'events\' ) ) {
echo \'<style type="text/css">
     body { font-size: 50px!important }
     </style>\';
} 

}    

相关推荐

Altered Media Library URLs

我有一个客户的网站,是在他们离开另一家代理机构后我找到的。该机构使用了一个专有主题和自己的自托管页面生成器,以防止其在除他们之外的任何其他托管环境中更新或编辑。它的另一个方面是重新映射主题的URL并上载目录。因此,例如,代替WP在中查找主题文件http://domain.com/wp-content/themes/…. 它在里面找他们http://domain.com/t/….同样,对于图像上载,也可以在http://domain.com/wp-content/uploads/…, 它在里面找他们http