Question

我有一个div，其中一个背景图像根据我的WordPress类别改变位置：

div.cat-links a.cat-log {
background-position: 20px 5px;
}

div.cat-links a.cat-a day in the life {
background-position: -163px 5px;
}

此处正在复制图像代码：

<div class="cat-links">
<?php foreach((get_the_category()) as $category) {
echo '<a rel="category-tag" href="'.get_category_link($category->cat_ID).'" 
class="cat-  '.$category->cat_name.'">'.$category->cat_name.'</a>';
                    } ?>
</div>

在上面的示例中，它适用于第一类“log”，因为它是单个单词类别。然而，对于我的类别“生活中的一天”，它不起作用。很公平，所以我需要做的就是调用slu来调用图像。

我知道Wordpress的例子，slug取代了类别，但我正在努力实现它，并希望得到一些帮助。谢谢。

PS：这与OMG Ubuntu上的灰色类别标签完全相同。他们明智地使用了单字类别名称！

Answer 1

我设法找到了解决方案。

<div class="cat-links"><?php foreach( get_the_category() as $cat ) echo '<a rel="category" class="cat-' . $cat->slug . '" title="View all posts in ' . $cat->name . '" href="' . get_category_link($cat->term_id) . '">' . $cat->name . '</a>'; ?>  </div>

这是一种将slug作为类别调用的有用方法，可以解决Wordpress中具有多个单词的类别问题。关键是使slug和类别名称相同，在slug中的每个单词之间加上' - '。这确实意味着我必须将我的类别“测试，测试......”更改为“测试测试”，并使用slug'测试测试'，因为它无法应对缩写。

调用slu to以显示猫

1 个答案: