WordPress:在浏览类别时突出显示父类别

时间:2009-08-31 13:29:36

标签: php wordpress

我在WordPress中有这样的类别结构(与wp _ list _ categories一致):

Works
    Photos
        1990-2000
            Photo #1
            Photo #2
            Photo #3
        2000-2010
            Photo #1
            Photo #2
            Photo #3
    Paintings
        Watercolor
            Painting #1
            Painting #2
        Oil paint
            Painting #1
            Painting #2

我想在浏览类别子项时突出显示所有父类别。例如:当我在使用Works-> Photos-> 1990-2000时,我希望我所经历的所有类别都显示为粗体。

我在浏览单个帖子时使用show active category plugin(http://www.screenshine.net/blog/1474_wordpress-plugin-show-active-category)来实现此目的。

参数当前_类别(http://codex.wordpress.org/Template_Tags/wp_list_categories#Parameters)是我认为有用的东西......

谢谢!

3 个答案:

答案 0 :(得分:1)

我假设您的列表由ul和li元素组成。如果是这种情况,您可以使用一些javascript来设置父元素的样式。

element.parentNode可以解决问题。

的Javascript

element.parentNode.className = "highlighted";

CSS

.highlighted { font-weight: bold; }

答案 1 :(得分:0)

你想要做的就是加入“面包疙瘩”。这是一个常见的任务,有很多插件,你可以尝试this one

答案 2 :(得分:0)

默认情况下,WordPress会将css类 current-cat-parent 设置为所有父类别。 所以css指令如:

li.current-cat-parent { font-weight: bold; color: red; }   

应该让你去。