您必须通过PHP在图像顶部添加类别。
首先找到呈现页面的PHP模板。这可能是archive.php
有关概述。对于单篇文章,这通常是single.php
, 或content-single-post.php
. 这取决于你的主题。
然后找到文章缩略图的呈现位置,并添加一些HTML标记和正确的CSS样式,以便可以将文本放置在图像的顶部。然后添加用于打印类别的php代码。例如:
HTML:
<div class="post-thumbnail">
<?php the_post_thumbnail(); ?>
<span class="image-overlay"><?php the_category(); ?></span>
</div>
CSS:
.post-thumbnail {
position: relative;
}
.image-overlay {
position absolute;
top: 10px
right: 10px;
}
The
WordPress Codex 是学习如何在WordPress中设置主题的好地方。