放置分类目录
由于Summ这个主题的页面宽度和header高度的限制,一直存在问题:分类目录无处安放。放头部吧,header也不是100%长度的,似乎显得不够简洁;放导航栏吧,主要的页面链接又没地方放置了。
期间甚至想把所有东西都放侧边栏(的确有主题就这么干的)。后来参考了无数WordPress主题的解决办法,又参照了许多老朋友的博客效果。决定这么一个折中的方案:添加一个副导航栏。效果参见“我的话题”。
虽说是副导航栏,但是和导航栏还是有区别的。首先,不能让它的样子太拉风;其次,摆放位置也应该尽量低调。本着这两个原则,我开始着手制作这个副导航。
制作步骤
1. 如果不是要制作分类目录的下拉效果,添加分类方法也就依然很简单:用WordPress自带的一个
1 |
<?php wp_list_cats("sort_column=name&optioncount=0"); ?> |
函数就可以实现。
2. 既然技术上能过得去,那么关键问题便是css了。这里样式几乎和主标题栏是一样的,只是稍微增加了长度,也加上了背景。
3. 稍微加了点js效果,让副标题自动隐藏,给主菜单栏添加一个新项目:我的话题,其实就是分类存档了。Js点击收缩,再点展开的关键语句是
1 |
$('#XX').slideToggle('slow'); |
这么折腾了一下,分类有了容身之处,又不太影响页面整体效果,看起来还可以吧。
TIPS
这里有个问题是设置li a的宽和高。制作者很多时候觉得这个问题不那么重要,但是比较来说,我更喜欢给li a这样的链接设置一个宽和高,加上display:block;或者用上padding属性。对于只有文字的超链接,这样的办法,能让读者更方便点击到。
看下面两个的区别:链接1
转载请注明转自:放置分类目录
呀,smigoo MM前天还问我这个问题来着,我去给她看这篇文章
@万戈 smigoo?魔神英雄坛?watano……
留个脚印,说不定以后会用到~
@Lazyyyyyy 能有点帮助最好啦…
我就是将所有东西都放到侧边栏,省得烦
@max 个性主题确实有独到之处~~~
分类这么放不错,我也一直不知道该把分类放哪里去
@LMS 你那主题放头部挺好,我这主题觉得做下拉菜单不太合适
确实很细心 以前都是用图片,web标准出来以后才有这一套说法!
@苏扬 是啊,不过这些确实应该注意一些啦
很不错啊
@zwwooooo 呵呵,无聊瞎折腾呗
你这种效果不错啊。。
话说我那个分类下拉菜单。。也是吐槽点之一。。实在没什么地方可以放分类
@A.shun shun哥最近很喜欢用吐槽这个词哈.我觉得放哪里不重要关键是读者能找到就好~~当然美观也是必须的
折腾无止境
我的分类目录是直接在导航上调用的。
对wordpress主题制作还不太了解哎…
这个分类放的位置让我觉得怪怪的
主题变成黑色啦?我觉得白色蛮好的
@Bee君 以前主题不全都是白色的,偶尔换个比较个性的玩玩哈
很认真啊,呵呵。