Php 创建多个Wordpress类别div

我有一个Wordpress网站，它用图片代替分类文本。它被设置为有一个后div（填充：20%0；用于一致的响应高度），然后有一个div定位在绝对位置，垂直/水平居中位于该div上方

html

这是测试的背景图像。问题是，如果一篇文章有多个类别，那么只有一个类别会显示出来

---

理想情况下，我希望在“test”中为应用于文章的每个类别创建一个div，并将其与类别图像对齐

根据您的代码，我猜您的HTML div代码是针对单个帖子运行的。当您使用has_category检查单个类别时，它将仅显示类别

要获取任何帖子的所有类别，您需要

wp\u get\u post\u categories

函数

$post_categories = wp_get_post_categories( $post_id );
$cats = array();

foreach($post_categories as $c){
    $cat = get_category( $c );
    $cats[] = array( 'name' => $cat->name, 'slug' => $cat->slug );
}

---

通过这种方式，您可以获得类别列表，并相应地放置应用样式代码。查看更多有关

wp\u get\u post\u类别使用的详细信息。
sweet，这似乎是正确的途径，是否有其他来源的示例可以进一步解释？这本身就是wordpress社区，你可以通过参数和它的用法获得所有函数的详细信息，而不是每个函数的原始定义，你可以根据自己的需求将其与代码一起使用，因为所有函数都有不同的需求，你不容易得到你想要的确切代码一个问题：为什么你在
if
和
elseif
中的语句相同？？如果它们应该是这样的，那么我认为使用
If-elseif
没有任何意义。如果

，一个

就足够了。它们会改变，现在它们就是这样，只是为了确保它工作，最后会有两个以上的语句，每个语句都有不同的pic
.indx-img {
  position: relative;
  padding: 20% 0;
}

.test {
   position: absolute;
   left: 50%;
   margin-left: -5em;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
  height: 10em;
  width: 10em;
}

$post_categories = wp_get_post_categories( $post_id );
$cats = array();

foreach($post_categories as $c){
    $cat = get_category( $c );
    $cats[] = array( 'name' => $cat->name, 'slug' => $cat->slug );
}