在 Wordpress 中使用 the_category() 自定义引导按钮样式答案

【问题标题】：Custom Bootstrap button styling using the_category() in Wordpress在 Wordpress 中使用 the_category() 自定义引导按钮样式
【发布时间】：2016-12-22 10:51:32
【问题描述】：

我正在尝试设置从用户输入的每个类别标签生成的自定义按钮的样式。这是它目前的样子：

它应该是这样的：

这里是按钮的样式，包括 the_category();标签（样式出现在 post-genre 和 post-genre-text 类中）：

<button type="button" class="btn btn-outline-secondary post-genre"><span class="post-genre-text"><?php the_category(', '); ?></span></button>

感谢您提供的任何帮助！

【问题讨论】：

标签： html css wordpress twitter-bootstrap

【解决方案1】：

您应该循环浏览类别，而不是一键拆分类别。

Looping through categories

【讨论】：

【解决方案2】：

想通了！对于那些好奇的人，我使用了这段代码：

<?php
    foreach(get_the_category() as $category)
    {
        echo '<a href="'.get_category_link($category->cat_ID).'"><button type="button" class="btn btn-outline-secondary post-genre"><span class="post-genre-text"> '.$category->cat_name.'</span></button></a>';
    }
?>

【讨论】：