【问题标题】:How to Hide Wordpress Custom Post Meta using Display CSS如何使用显示 CSS 隐藏 Wordpress 自定义帖子元
【发布时间】:2018-11-17 20:44:20
【问题描述】:

我正在尝试在我们的 Wordpress 网站上隐藏我们的推荐帖子中的帖子元数据。我在我的 css 文件中放置了以下 css 代码:

.post-meta {display:none !important;}

它从所有帖子中删除了帖子元数据。但是,我只想从推荐(自定义帖子类型)中隐藏帖子元数据。我不希望从我们的博客文章中删除元数据。有没有办法指定隐藏元数据的帖子类型?最好希望有一个简单的 CSS 解决方案。

【问题讨论】:

  • 您可以查看源代码顶部的页面ID。它对于 WordPress 解决方案中的每个页面都是唯一的,然后使用它来选择要隐藏的帖子元
  • 谢谢,但我试图隐藏特定类型帖子的帖子元数据,而不是特定帖子。如果我要为每个页面 id 隐藏帖子元数据,我将不得不为每个单独的帖子编写相同的 css,如果有很多帖子,这将非常耗时且效率低下。
  • 哦,是的,当然,我当时误解了:)

标签: css wordpress metadata custom-post-type display


【解决方案1】:

使用 .body 类;身体课程将适用于所有职位。在 Testimonial 帖子页面的 <body> 标签中查找 Testimonials 自定义帖子类型 (CPT) 的 slug 或小写名称 - 会有很多类,例如 postpublishedlogged-in 等 -并使用它来定位 .post-meta 仅在具有该主体标签的帖子/页面上,即

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

如果您的 Testimonial CPT 没有在 <body> 中显示 body 类,您可以在主题的 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');

【讨论】:

  • 谢谢您,先生/妈妈。我使用了“body.testimonial-template-default .post-meta {display:none !important;}” 完全按照你说的那样工作。 :)
猜你喜欢
  • 1970-01-01
  • 2021-01-17
  • 1970-01-01
  • 1970-01-01
  • 2013-08-09
  • 1970-01-01
  • 2014-07-31
  • 2011-10-22
  • 1970-01-01
相关资源
最近更新 更多