如何使用显示 CSS 隐藏 Wordpress 自定义 Post 元数据

Question

我试图在我们的 Wordpress 网站上隐藏我们的推荐 post 中的 post 元数据。我在我的 css 文件中放置了以下 css 代码：

.post-meta {显示:none !important;}

它从所有 post 中删除了 post 元。但是，我只想隐藏来自推荐（自定义 post 类型）的 post 元数据。我不想从我们的博客 post 中删除元数据。有什么方法可以指定 post 的哪种类型来隐藏元数据？最好希望有一个简单的 CSS 解决方案。

Answer 1

使用.body class;主体 class 将适用于所有 post。在 Testimonial post 页面的 <body> 标签中查找 Testimonials 自定义 post 类型 (CPT) 的别名或小写名称 - 会有很多 classes，例如作为 post、published、logged-in 等 - 并使用它来定位 .post-meta 仅在 posts/pages 上带有该 body 标签，即

body.name-of-custom-post-type .post-meta {display:none !important;}

如果您的 Testimonial CPT 在 <body> 中没有显示主体 class，您可以在主题的 functions.php 中添加一个具有此功能的：

function my_own_body_classes($classes) {

    if ( is_singular( 'Testimonial' ) ) {
        $classes[] = 'testimonial-class';
    }

    return $classes;
}
add_filter('body_class', 'my_own_body_classes');

如何使用显示 CSS 隐藏 Wordpress 自定义 Post 元数据

How to Hide Wordpress Custom Post Meta using Display CSS

css

wordpress

metadata

custom-post-type

display