Axiu Blog
这么干的)。后来参考了无数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
Comments