将自定义CSS类添加到自定义帖子类型

时间:2015-07-16 作者:Sid

我在安装中创建了名为“song”的自定义帖子类型。我的主题是fabulous

当我查看带有自定义帖子的作者存档页面时,帖子没有正确显示(CSS配置错误)。我使用foloowing代码在作者页面中显示自定义帖子。

function custom_post_author_archive($query) {
    if ($query->is_author)
        $query->set( \'post_type\', \'song\' );
    remove_action( \'pre_get_posts\', \'custom_post_author_archive\' );
}
add_action(\'pre_get_posts\', \'custom_post_author_archive\');
但正常帖子的归档页面显示正确(当未使用上述功能时)。当我检查代码时,我注意到<article> 标签我使用浏览器的开发人员模式添加了缺少的CSS类,歌曲显示正确。

缺少的CSS类为song-entry masonry-entry col- loop-entry col clr span_1_of_3

我用过Custom Post Type UI 创建自定义帖子类型的步骤song.

我的问题是,如何将缺少的CSS类添加到<article> 标记以便正确显示帖子?

注意:我试过了this 问题,无法理解到底要做什么。

1 个回复
最合适的回答,由SO网友:Sisir 整理而成

看看post_class(). 检查主题是否使用它(每个好的主题都应该)。如果是,那么您可以使用post_class 筛选以向容器添加适当的类。

Here is an example how you can use that filter

add_filter(\'post_class\', function($classes){

    if(!is_singular(\'song\'))
        return $classes;

    $additional_classes = array(\'song-entry\', \'masonry-entry\', \'col-\', \'loop-entry\', \'col\', \'clr\', \'span_1_of_3\');

    $classes = $classes + $additional_classes;
    return $classes;

});
希望有帮助未测试代码

结束

相关推荐

将HTML5/CSS3站点转换为WordPress主题(需要很多插件)还是只使用API?

我是一名PHP开发人员,正在使用Wordpress后端创建一个新网站。我是niota Wordpress专家,我在旧站点的主题中创建了自定义页面类型,可以管理插件等,但我不是WP核心功能方面的专家。我已经为新网站构建了一个新的干净的HTML5/C33模板,但它相当复杂-响应性强的移动布局、多种页面类型(视频、文章、食谱等)以及这些页面中的各种布局(特色首篇文章、趋势和流行文章框等)、延迟加载(将更多文章加载到列表页面)。此外,该网站还需要使用一些插件,如Monar、OptinMonster、Starbox