放置分类目录

By
WP札记

由于Summ这个主题的页面宽度和header高度的限制,一直存在问题:分类目录无处安放。放头部吧,header也不是100%长度的,似乎显得不够简洁;放导航栏吧,主要的页面链接又没地方放置了。

期间甚至想把所有东西都放侧边栏(的确有主题就这么干的)。后来参考了无数WordPress主题的解决办法,又参照了许多老朋友的博客效果。决定这么一个折中的方案:添加一个副导航栏。效果参见“我的话题”。

虽说是副导航栏,但是和导航栏还是有区别的。首先,不能让它的样子太拉风;其次,摆放位置也应该尽量低调。本着这两个原则,我开始着手制作这个副导航。

制作步骤

1. 如果不是要制作分类目录的下拉效果,添加分类方法也就依然很简单:用WordPress自带的一个

函数就可以实现。

2. 既然技术上能过得去,那么关键问题便是css了。这里样式几乎和主标题栏是一样的,只是稍微增加了长度,也加上了背景。

3. 稍微加了点js效果,让副标题自动隐藏,给主菜单栏添加一个新项目:我的话题,其实就是分类存档了。Js点击收缩,再点展开的关键语句是

这么折腾了一下,分类有了容身之处,又不太影响页面整体效果,看起来还可以吧。

TIPS

这里有个问题是设置li a的宽和高。制作者很多时候觉得这个问题不那么重要,但是比较来说,我更喜欢给li a这样的链接设置一个宽和高,加上display:block;或者用上padding属性。对于只有文字的超链接,这样的办法,能让读者更方便点击到。

看下面两个的区别:链接1

  • 链接2
  • 0

    Comments: 21

    1. 呀,smigoo MM前天还问我这个问题来着,我去给她看这篇文章

      2010年06月09日
      • @万戈 smigoo?魔神英雄坛?watano…… :oops:

        2010年06月09日
    2. 留个脚印,说不定以后会用到~

      2010年06月09日
    3. 我就是将所有东西都放到侧边栏,省得烦 :grin:

      2010年06月09日
      • @max 个性主题确实有独到之处~~~

        2010年06月10日
    4. 分类这么放不错,我也一直不知道该把分类放哪里去 :evil:

      2010年06月09日
      • @LMS 你那主题放头部挺好,我这主题觉得做下拉菜单不太合适 :oops:

        2010年06月10日
    5. 确实很细心 以前都是用图片,web标准出来以后才有这一套说法!

      2010年06月09日
      • @苏扬 是啊,不过这些确实应该注意一些啦

        2010年06月10日
    6. 很不错啊

      2010年06月09日
    7. 你这种效果不错啊。。
      话说我那个分类下拉菜单。。也是吐槽点之一。。实在没什么地方可以放分类

      2010年06月09日
      • @A.shun shun哥最近很喜欢用吐槽这个词哈.我觉得放哪里不重要关键是读者能找到就好~~当然美观也是必须的

        2010年06月10日
    8. 折腾无止境

      2010年06月10日
    9. 我的分类目录是直接在导航上调用的。

      2010年06月11日
    10. 对wordpress主题制作还不太了解哎…

      2010年06月13日
    11. 这个分类放的位置让我觉得怪怪的

      2010年06月13日
    12. 主题变成黑色啦?我觉得白色蛮好的

      2010年06月14日
      • @Bee君 以前主题不全都是白色的,偶尔换个比较个性的玩玩哈

        2010年06月15日
    13. 很认真啊,呵呵。

      2010年07月24日

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    *

    :razz: