这么干的)。后来参考了无数WordPress主题的解决办法,又参照了许多老朋友的博客效果。决定这么一个折中的方案:添加一个副导航栏。效果参见“我的话题”。
虽说是副导航栏,但是和导航栏还是有区别的。首先,不能让它的样子太拉风;其次,摆放位置也应该尽量低调。本着这两个原则,我开始着手制作这个副导航。
### 制作步骤
**1\.** 如果不是要制作分类目
由于Summ这个主题的页面宽度和header高度的限制,一直存在问题:分类目录无处安放。放头部吧,header也不是100%长度的,似乎显得不够简洁;放导航栏吧,主要的页面链接又没地方放置了。
期间甚至想把所有东西都放侧边栏(的确有主题就这么干的)。后来参考了无数WordPress主题的解决办法,又参照了许多老朋友的博客效果。决定这么一个折中的方案:添加一个副导航栏。效果参见“我的话题”。
虽
由于Summ这个主题的页面宽度和header高度的限制,一直存在问题:分类目录无处安放。放头部吧,header也不是100%长度的,似乎显得不够简洁;放导航栏吧,主要的页面链接又没地方放置了。
期间甚至想把所有东西都放侧边栏(的确有主题就这么干的)。后来参考了无数WordPress主题的解决办法,又参照了许多老朋友的博客效果。决定这么一个折中的方案:添加一个副导航栏。效果参见“我的话题”。
虽
放置分类目录
Max
由于Summ这个主题的页面宽度和header高度的限制,一直存在问题:分类目录无处安放。放头部吧,header也不是100%长度的,似乎显得不够简洁;放导航栏吧,主要的页面链接又没地方放置了。
期间甚至想把所有东西都放侧边栏(的确有主题就这么干的)。后来参考了无数WordPress主题的解决办法,又参照了许多老朋友的博客效果。决定这么一个折中的方案:添加一个副导航栏。效果参见“我的话题”。
虽说是副导航栏,但是和导航栏还是有区别的。首先,不能让它的样子太拉风;其次,摆放位置也应该尽量低调。本着这两个原则,我开始着手制作这个副导航。
制作步骤
1. 如果不是要制作分类目录的下拉效果,添加分类方法也就依然很简单:用WordPress自带的一个
函数就可以实现。
2. 既然技术上能过得去,那么关键问题便是css了。这里样式几乎和主标题栏是一样的,只是稍微增加了长度,也加上了背景。
3. 稍微加了点js效果,让副标题自动隐藏,给主菜单栏添加一个新项目:我的话题,其实就是分类存档了。Js点击收缩,再点展开的关键语句是
$('#XX').slideToggle('slow');
这么折腾了一下,分类有了容身之处,又不太影响页面整体效果,看起来还可以吧。
TIPS
这里有个问题是设置li a的宽和高。制作者很多时候觉得这个问题不那么重要,但是比较来说,我更喜欢给li a这样的链接设置一个宽和高,加上display:block;或者用上padding属性。对于只有文字的超链接,这样的办法,能让读者更方便点击到。
看下面两个的区别:链接1
- 链接2
end
Comments