首页 文章

修改默认的wordpress类别小部件

提问于
浏览
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 回答

  • 0

    您引用的类在样式表中定义 . 类在样式表中定义,带有“ . ” . 在开始 . 因此,如果您要搜索主题的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">`
    
  • 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;
    }
    

    如果您需要 Span 的css类,请在上面添加它:例如:

    <span class="cat-count">
    
  • 0

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

  • 1

    试试这样吧

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

相关问题