五个建议,制作完美主题

前两天玩了下WP的主题,比较吃力,总结了几点经验,帮助自己以后能更好的制作主题,以下分析一下如何得心应手的制作你的个性化博客主题.

在这里,我首先定义一下我所说的完美主题:结构清晰、代码简洁、兼容性强、页面美观。而至于说到后两者，由于自己学艺不精及审美缺失，不便多说。以下正文：

1.页面整体化制作

制作主题中我们需要为很多的DIV添加ID，当分为多页制作的话，难免导致一些id的重复，而这点是不允许的，所以页面整体制作的第一个原因就是为了去除这样的错误。

为了代码的简练与结构良好，也应该先进行整体设计，比如说把所有的JS调用尽量的归类，存入一个JS在页面头部调用。

2.模块化分解页面

模块化分解是一个很好的习惯，比如说标准WP主题采用的模块就只有头部模块、侧栏模块、正文模块（或者文章列表模块）、底部模块，而zblog也使用了如评论框模块、文章正文模块、文章列表模块。

使用模块化制作使你的主题结构更加清晰，将一个大文件分解成小项目也使得你的代码错误减少，这就比如通常我们的页面通常使用一个顶层的div下面嵌套很多的DIV，如此多的div标签，要一一添加结束标签，一不小心就会出错，而模块化分解后侧能比较好的避免这个问题。

模块化和整体化制作应该是结合在一起，同时制作。

3.代码精简

1)相同功能使用同一class

比如活着侧栏下部的一些文章分类列表，使用相同的外观，这样就可以定义为相同的Class属性，减少CSS文件中属性定义代码。而如果一定要使用特别效果，又可以单独定义一个id以区别其他。

2)合并相同的CSS属性特征

对于Float：left这种许多div用到的属性，可以考虑单独设置一个Class属性“left”，并定义为.left { float:left;}以后凡是要使用到这一属性的DIV，可以在Class中加入left这个参数，这点也能为CSS文件减肥。

4.检查代码兼容性

1)外观显示正常

一个错位严重的站点，相信不会受人欢迎的，所以你有义务去迎合各种主流浏览器，让你的页面在大多数浏览器中都能够完美的显示预定效果。这里面，可以选择W3C的文档验证服务。

2)数据显示正确

这点就好比zblog的侧栏，可以使用JS调用也可以使用include方式，到底选那种呢？对于单独页面当然首选JS调用，这样可以实时更新，而include方式，必定会有一些数据延后。

5.seo

（如果你是制作自愈自乐的主题，这点就没必要了，然而既然自己动手做主题的，基本上不会是自愈自乐的了吧）

1.文章页把文章标题放在页面标题的最前面

博客默认主题中日至页面的标题通常使用博客标题+文章标题的结构，对于搜索引擎优化来说，这点是不利的，所以有必要把文章标题放在前面。

2.页面添加meta标签

这一点，我在Z-blog博客系统SEO的两点建议一文中已经有详细的解释，网站SEO最基本的就是Meta标签中的description和keywords两个了。

3.优化页面H标签

这一点，我同样在Z-blog博客系统SEO的两点建议一文中解释过了，wp和zblog的默认主题侧栏都使用h3标签作加粗效果这是不正确的

了解更多seo知识可以选择以下文章

Z-blog博客系统SEO的两点建议

[四招优化你的zblog博客]

[SEO网站优化设计]

分类： 技术笔记 标签： · 五月 4, 2009 · 收藏+分享

9 条评论 留下评论

留下评论







注意: 第一次留言的用户，您的评论需要审核通过才会显示，抱歉！