修改默认的 wordpress 类别小部件答案

【问题标题】：Modify default wordpress category widget修改默认的 wordpress 类别小部件
【发布时间】：2013-06-04 09:08:18
【问题描述】：

我正在尝试修改默认的 Wordpress 类别小部件，以在类别文本之前添加一个很棒的字体图标。

我找到了生成小部件的 php 类，但无法确定在哪里 - 或者是否可以包含图标。

这是小部件当前输出的内容：

<ul>
    <li class="cat-item cat-item-1">
        <a href="http://site.co.uk/?cat=1" title="View all posts filed under Uncategorized">
            Uncategorized
        </a>
    </li>
</ul>

这就是我想要实现的目标：

<ul>
    <li class="cat-item cat-item-1">
        <a href="http://site.co.uk/?cat=1" title="View all posts filed under Uncategorized">
            <i class="icon-chevron-sign-right"></i>
            Uncategorized
        </a>
    </li>
</ul>

谁能指出我正确的方向？

【问题讨论】：

标签： php wordpress

【解决方案1】：

您所指的类在您的样式表中定义。类在样式表中用“.”定义。一开始。因此，如果您要搜索主题的 stylesheet.css 文件或 style.css 文件，您应该会看到以下条目：

.cat-item {
 //some characteristics defined in here
 }

.cat-item-1 {
 //some characteristics defined in here
 }

您可以编辑其中一项或两项，并在大括号内包含以下内容：list-style-image: url('location-of-your-awesome-icon.gif')

或者，如果您不知道这些类被添加到什么类型的东西（例如，如果它们被应用于非列表的东西），您可以考虑在样式表中添加一个新类，然后只需将它包括在您希望它出现的任何地方，如下所示：

.awesome-icon {
    list-style-image: url('location-of-your-awesome-icon.gif');
}

然后编辑您在上面链接的代码以包含您的新 css 类：

  `<li class="cat-item cat-item-1 awesome-icon">`

【讨论】：

【解决方案2】：

我想做同样的事情。目前，我正在考虑一个自定义小部件。类别小部件应位于 wp-includes/default_widgets.php 中，以便您可以使用该代码来作为自定义小部件的基础。

【讨论】：

【解决方案3】：

尝试在您的主题的functions.php中添加过滤功能；例如：

add_filter('wp_list_categories', 'add_span_cat_count');
function add_span_cat_count($links) {
$links = str_replace('</a> (', '</a> <span>(', $links);
$links = str_replace(')', ')</span>', $links);
return $links;
}

如果您需要跨度上的 css 类，请在上面添加它：例如：

<span class="cat-count">

【讨论】：

【解决方案4】：

这样试试

ul li.cat-item a:before{
  #your icon css
}

【讨论】：