我正在尝试修改默认的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 回答
您引用的类在样式表中定义 . 类在样式表中定义,带有“ . ” . 在开始 . 因此,如果您要搜索主题的stylesheet.css文件或style.css文件,您应该看到以下条目:
您可以编辑其中一个或两个,并在大括号内包含以下内容:
list-style-image: url('location-of-your-awesome-icon.gif')
或者,如果你不知道这些类被添加到什么类型的东西(例如,如果它们被应用于非列表的东西),你可以考虑在样式表中添加一个新类,然后只在其中包含它你希望它出现,像这样:
然后编辑上面链接的代码以包含新的css类:
尝试为你的主题的functions.php添加一个过滤功能;例如:
如果您需要 Span 的css类,请在上面添加它:例如:
我想做同样的事情 . 目前,我正在考虑一个自定义小部件 . 类别小部件应该位于wp-includes / default_widgets.php中,这样您就可以使用该代码基于自定义小部件 .
试试这样吧