Question

我正在尝试修改默认的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>

有人能指出我正确的方向吗？

Answer 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">`

Answer 2

尝试为主题的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">

Answer 3

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

Answer 4

试试这个

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

修改默认的wordpress类别小部件

4 个答案: