有条件地加载样式表并验证CSS

时间:2021-05-31 作者:rixter

有几个帖子类似这个问题,但我仍然需要寻求帮助。。。

如果在菜单中选择了存档帖子页面,则需要更改帖子的列标题(标题中通常显示“突出显示的帖子”)

此屏幕截图对此进行了说明;请注意,唯一的区别是::before::after元素中的文本:Befor-After comparison

下面是我的子主题函数中的代码。php文件:

function register_arch_posts_stylesheet() {
    wp_register_style( \'arch-post-stylesheet\', get_stylesheet_directory_uri() . \'/arch-post-stylesheet.css\' );
}

add_action( \'init\', \'register_arch_posts_stylesheet\' );
function arch_posts_conditionally_enqueue_the_stylesheet() {
    // only enqueue on archived-posts page 
    if ( is_page( \'archived-posts\' ) ) {
        wp_enqueue_style( \'arch-post-stylesheet\' );
    }
}

add_action( \'wp_enqueue_scripts\', \'arch_posts_conditionally_enqueue_the_stylesheet\' );
这里是CSS-in-file-arch-post样式表。css:

.coolwp-posts-heading::after {
        content: "Archived Posts";    
}
但当我加载归档帖子页面时,什么都没有发生;如何验证样式表正在加载,如果正在加载,CSS是否正常工作?TIA。。。。

1 个回复
SO网友:Jitender Singh

如果您想在存档页上加载内容,则应使用is\\u archive()而不是is\\u page(“存档帖子”),然后,您可以使用键盘命令Ctrl+u检查chrome的查看源。此后,使用Ctrl+f命令搜索“arch-post-stylesheet”css句柄(搜索时不要忘记删除引号)。

相关推荐

为特定块类型设置“其他css类”的缺省值

对于columns 块类型,我想添加默认值wp-block-columns--padded 在“中”;附加CSS类“;字段,其思想是用户可以根据需要删除或修改类(即删除它以禁用所有填充,更改它wp-block-columns--padded-extra 用于额外填充等)。是否可以通过过滤器或类似的东西来实现这一点?我确实看过wp.hooks.addFilter, 但这不允许用户编辑我添加的类。