0

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

谁能指出我正确的方向?

4

4 回答 4

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">`
于 2013-06-08T00:39:11.273 回答
1

尝试在您的主题的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">
于 2015-05-08T15:21:51.740 回答
0

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

于 2013-12-05T14:27:28.020 回答
-1

像这样试试

ul li.cat-item a:before{
  #your icon css
}
于 2017-03-10T21:12:52.500 回答