Sivan's Blog - 失心瘋

今天抽空重新整理了一下主题，目前还没弄完，因为实在很苦恼怎么布局更合理，至今很苦恼怎么放这些内容更合适。

尽管还没解决好，还是分享下我在优化主题时遵循的一些原则，希望对你有帮助。

1. 页面菜单项目不宜过多，宜不要散乱（如果是横向布局）。过去我的页眉菜单有主页、关于我、订阅我等几项，今天刚装了SRG Clean Archives这个插件，又多了一个项目，菜单显得过长。于是我把菜单项目全改为两个字（最后的留言板我觉得无所谓，稍宽可以更显眼，主要中间整齐就可以了）。这样之间空隙又有点大，我把它们从20px改到15px。别小看这5px，它可以让项目紧凑而又不至于透不过气。这个空隙我认为应该在项目宽度的40%~70%为合适，所以原来的空隙20px对于12px*2=24px的项目来说有些大。你用margin或者padding-left控制距离均可，现在用的statement主题用的padding，我也没有改。给链接用padding控制距离可以让链接的点击范围更大，而不是必须点到文字上才出现链接。
2. 页面菜单里不用加上“主页”的这个链接。其实对大部分主题，点LOGO就可以回到主页，大家也都知道。为了避免一些访客实在找不到出口一直在日志页探索，你可以在这些页面的菜单加上“主页”这个链接。
   具体方法是在header.php或者sidebar.php里<?php wp_list_pages...前面、<ul>的后面加上下面的代码。

   
   主页
   
   

3. 在显著位置添加订阅图标。作为独立博客，你没有可能像BSP里那样在别人的博客能显示到你的日志，你也没法在博客里跟访客加好友，最好的办法就是让他们订阅你的博客。虽然Feedsky等提供的那种针对各博客的订阅图标很好看，但是事实上用处不大，更多人是在阅读器手动添加你的订阅。如果要加，最好选出几个重要的并且排好顺序。RSS主图标最好的显示位置是页面的右上部，在美观的前提下越大越好，这种重要的链接不要让访客刻意去找。现在我把订阅图标放在层叠菜单里，其实并不合适。更好的位置是博客内容的旁边或者下方。
4. 引导用户去订阅你的博客。最好的方法是在内容的上面或者下方写一段诸如“如果你觉得我的博客对你XXX，请点此订阅”的话，内容越有新意效果越好。不建议用很大的图片，会喧宾夺主，毕竟最显眼的内容要是你的文章标题和内容。比较不错的显示效果可以看看aw博客的效果。
5. 选择结构和布局更合理的主题。过去最合适的视觉引导是左边侧栏右边内容，现在更多的博客则是采用侧栏在右边的布局方式并被人们接受。如果是三栏主题，侧栏务必在右侧或者两边。如果两个侧栏都在左边会感觉内容部分都要在右边挤出去了。都在右边的侧栏也不要按照大中小的比例排列，一般靠中间即左边的侧栏略窄，更利于视觉平衡。侧栏在两边的也不要一样大，等大显得太死板不活泼。如果你有能力修改主题的代码，应该把content的显示放在sidebar前面，即便侧栏在左边。因为如果侧栏的插件出了问题，PHP的反应就是截断到那里而无法再继续显示正文。如果把显示content的代码放到前面，即便在sidebar有了错误被截断，主要信息依然可以显示出来。
6. 把“相关日志”放到侧栏或者横着布局。在很久以前改的一个还未发布的主题Chroniclesivan里，我就把相关日志放到正文的右侧侧栏。这样阅读文章时，右侧的相关日志很容易看到。为了给访客一个好的视觉引导，像相关日志、标签、分类、时间等都应该拜访的更加紧凑。如果放到日志正下方，列表右侧会浪费很多空间，而这本应属于正文部分。你可以横向排列它们，就像现在我的主题这样，方法是在主题的style.css里加入下面的代码

   .related_post li {display:inline;list-style-type:none;}
   

7. 让侧栏的Archives显示的更美观。如果你开博不长，它还不会太难看。如果开博很久，这个长长的列表会非常碍事，而使用下拉菜单的方式则不怎么美观。因此位置最好不要放到侧栏的最下部。建议装个SRG Clean Archives插件，去掉侧栏的存档显示。
8. 根据内容放到合适的位置。以我现在的主题为例，最新文章列表或评论列表由于文字较多，应该放在靠右宽一些的侧栏。而友情链接和分类列表应该放在左边窄一些的侧栏更加美观。然而实际上这样摆放虽然美观，但不够合理。跟日志相关的列表放在靠近文章内容的位置更合适，友情链接列表更应该放在最边上，当读者跳出文章的范围后更容易看到这里。尽管有的时候不那么美观，但确实有必要这么做。除非想一个两全齐美的办法。你可以试着以一个读者的身份看你的博客，到了什么地方开始分散注意力，那个地方就是该出现再能吸引他注意的内容的地方。什么时候觉得这个文章该收藏或者分享，什么时候该发表评论，就在那些位置放上你的原文链接跟发表评论的命名瞄点链接。
9. 侧栏不要太长，尤其是日志页，试着节省它们占用的空间。有时侧栏太丰富你在主页感受不到，到了日志页就发现长长的十分难看，甚至超过了内容的区域。正确的方法是合理摆放它们，如果是三栏就让两个侧栏差不多长，不要超过内容区域的长度。现在我这个主题的侧栏在阿里妈妈广告没被FF的Adblock Plus过滤的情况下基本差不多长，感觉较整齐。
10. 合理安置分页区域。如果你的主题有一个分页区域（Tabbed Section），就像现在我用的statement，那么除了你添加的播放器或者滔滔之类的标签，也有人会把最新文章和最新评论放在这里，但我认为并不太合适。最新文章和最新评论一般访客不会主动寻找，如果放在博客里应该放在读者被动看到的地方，读者很可能感兴趣去点击。放在分页区域，不刻意找谁会发现呢？我想你更应该把一些读者可能感兴趣的内容放到分页区域里，读者看到会主动点击，更能发挥它的作用。不要把觉得没用的东西扔到里面，本来就很隐蔽，放那里还不如删掉。
11. 标签云只在主页出现即可。Tag Cloud只出现在主页就可以了，虽然多彩的Tag Cloud效果很炫，但是过多的出现还是太抢视线了。如果你的主题颜色够丰富，做成随机的彩色标签更美观。
12. 永远不要删除主题作者链接或wordpress链接。或许这也算优化主题的范围，但是你千万不要删除这些链接。如果别人觉得你不够尊重别的人的作品，即便你文章写的再好，也不会去看。保留作者链接是互联网的一种美德，更是一种准则。

其实就优化主题来说，大大小小的细节有很多很多，不知不觉就写了这么多了，还有写细微的地方以后再说了。欢迎大家发评论交流，希望本文对你有帮助。