wordpress开发之如何实现wordpress分类目录双列显示

  • A+
所属分类:WORDPRESS

如果你的wordpress主题侧边栏比较宽,那么单列显示分类的话,确实不太美观,右边空间大片的空白,也太长了,如果能实现两列甚至三列显示分类的话,会美观很多。我们可以对wordpress开发,以实现这个目标。以下是wordpress分类目录两列显示的方法:

1.首先在需要显示分类目录的地方sidebar.php中添加以下代码:

分类目录

 

  
 

      
       
     

  
 

exclude=1部分是隐藏分类ID为1的类目。有时候有些分类目录不希望让别人看到,那么就可以使用这个隐藏。ID在后台分类目录中把鼠标放到相应的分类名称上就可以显示了。

然后就是css部分。在主题下的style.css文件中添加以下代码:

#side-categories { position: relative; width: 200px; overflow: hidden; margin: 8px auto 0; }    
#side .categories{ line-height: 20px; }   
#side-categories ul {display: block; overflow: auto; }   
#side-categories li {width: 100px; float: left;}

然后即可实现分类目录双列显示。也可自行设计css部分,以实现更多功能。这里需要注意的是每个上面代码中的宽度、高度要根据自己的wordpress网站来设置,不能一概而论。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: