在特定类别的帖子标题旁添加图标/徽章

时间:2020-07-02 作者:tizian_72

我想在该类别每一篇文章的帖子标题中放置一个图标;加上;。

这是我对函数的尝试。php,但它不是那样工作的。谁能给我一些建议吗?

 if (has_category( \'plus\' )
    return;
        echo \'<style>
            .entry-title:before {
                content: url("https://testfeld051.magazin.de/wp-content/uploads/2020/05/C-Plus.png");
                margin-right: 10px;
            }
        </style>\';
}

1 个回复
SO网友:Tony Djukic

这将取决于您的主题是如何为单个模板构建模板的。php(个人帖子视图),但我将向您展示要查找的内容以及如何通过CSS应用。

因此,从我正在研究的主题来看,这就是文章中包含的类别:<article id="post-3417" class="post-3417 post type-post status-publish format-standard hentry category-plus">.

中的最后一个类<article> 元素为category-plus. 所以我想针对这一点。

我的CSS将如下所示:

article.category-plus > header.entry-header > .entry-title:before {
     content: url(\'wp-content/uploads/2020/05/C-Plus.png\');
     display: block;
     float: right;
     margin-right: 10px;
     width: 1em;
     height: 1em;
}
您必须检查要将其添加到其中一个页面的源代码(因为您的主题与我当前正在处理的主题不同,所以它可能具有不同的设置),找到它在条目中指定类别的位置,然后使用该信息正确构造CSS选择器。

您可以根据需要调整大小、位置等,但这比在functions.php 包含单个CSS样式规则。

相关推荐

Posts missing on author page

我经营着一个新闻网站,当时正在编辑PHP的作者页面。我想我无意中删除了一些代码,因为现在没有帖子显示在任何作者页面下。这是我的代码: <?php if( ! get_theme_mod( \'penci_disable_breadcrumb\' ) ): ?> <?php $yoast_breadcrumb = \'\'; if ( function_exists( \'yoast_breadcrumb\' )