WordPress主题：yHtml5 （这个名字的由来不难理解吧）

三栏主题

演示：http://hjyl.org（我的博客）

上图：

2012/6/10 Update：
1、主题升级至6.0；
2、修正后台设置中首页底部链接和全站底部链接不能保存修改的问题；
3、修正文章页tag标签的行高；
4、修正后台强化编辑器样式；

2012/5/12 Update：

1、主题升级至5.0，精简优化代码，或合并或去除多余累赘代码；

2、上下滑动小火箭按钮样式和特效修改；

3、搜索框自动focus去除，之前不小心加了一个属性导致的，现在觉得多余就去掉了；

4、整体字体修改了；

5、修正链接文章形式的链接问题。本想对文章形式做一些修改，曾经一苇童鞋建议一博客样式，不过以这个主题的样式，我也想不出更好的样式。照搬照抄是不可能的。所以暂且如此吧，如果有不错的点子，可以留言讨论；

6、其他一些细节样式修改，这需要你仔细观察；

2012/4/25 Update：

紧急更新：评论滑动解锁路径修正，将QapTcha.jquery.js文件里的yMoo改成yHtml5即可，且主题升级至4.0。

2012/4/25 Updates：

1、添加HTML5.js，使之兼容IE浏览器，这个实在太强大了。不过导航在IE7以下浏览器显示不正常。

2、添加首页AJAX分页特效，文章标题加载特效；

3、设置评论链接是否新窗口打开，这个根据个人需要，已设置后台选项；

4、删除后台选项中公告栏选项，感谢一苇童鞋；

5、主题已升级到3.0版本；

2012/4/19 Updates：

1、换个背景，如果有人喜欢原先的背景，可以保存下原先的背景；

2、修正评论楼层挡住了评论内容问题；

3、修改了评论数+围观数的样式和title属性；

4、修正一些问题使之符合html5验证。

主题介绍：

1、因为是基于HTML5与CSS3，所以IE8，IE7，IE6。。。向下级别浏览器就不兼容了，不信你试试，极丑！

2、支持WordPress的日志、链接、相册、图片、状态、引用、视频、音频类型的文章。

3、支持自定义背景，小工具，后台设置功能，包括SEO优化（关键词、描述，整体代码布局）、广告位、底部信息、统计、备案等；

4、支持自定义菜单，菜单支持无限级二级导航，并且加了滚动菜单的特效；

5、改变以往的向上向下按钮；

6、重写了评论部分代码、样式；

7、延续了先前很多主题的功能，强化了后台编辑器，集成图片放大slimbox2插件，QapTcha滑动解锁插件，头像缓存设置；

8、此主题特别制作了主题语言包，如果可以，你还能将其韩化，日化等等；

9、更多体验尽在主题里。。。

下载地址：高速下载

小记：本来有打算将此主题定为收费主题的冲动，最后拗不过分享的冲动。希望更多的朋友喜欢我的主题，群里的朋友有说此主题有点偏女性化，呵呵，想想也不错，接触WordPress这么久，遇到志同道合的女生还真不多，希望从此更多的女生喜欢我的主题，哈哈！

最后希望发现此主题有不足地方的朋友，可以前来不吝赐教！

听说mg12的技术很强，他的iNove主题更是满世界的跑，羡煞旁人啊！而且在他的博客里也有很多技术性的文章，他的这篇《WordPress SEO 技巧》觉得不错，很详细，我们在做主题的时候可以顺便做下，加强效果。

1. 优化博客副标题
副标题 (slogan), WordPress 中称为 tagline. 它与博客标题不一样, 可能会承载一些描述博客的文字. 如我的 tagline 是 "mg12's Blog - Just Another WordPress Blog", 其中的 WordPress Blog 被我设置为 h1. 因为我想告诉爬虫, 这是一个关于 WordPress 的博客.

2. 页面的标题不要包含博客名称
WordPress 标题一般会用到 bloginfo('name') 和 wp_title() 两部分, 前者是博客名称, 后者是文章标题 (如果标题不存在则不显示). 经典主题和默认主题输出标题用的代码如下.

输出的标题结构是 "文章标题 « 博客名称".

除非你的标题和文章内容相关度比较高, 否则这样的标题对 SEO 显然是不好的. 标题是爬虫认为重要的内容之一, 如果标题中包含了与文章内容无关的信息, 多少会对该页面有所影响.

那应该怎么弄呢? 一些包含大量内容的, 或者属于某一类的页面, 只显示标题. 其他的页面只显示博客名称. 我的实现代码如下.

3. Keywords & Description
Keywords 为搜索引擎提供网页包含的核心内容, Description 则为搜索引擎提供网页的描述信息. 我发布的主题曾经包括了对 keywords 和 description 的处理, 但因为这与一些 SEO 插件发生冲突, 在较新的版本中已经去除. 笔者认为 WordPress 的很多所谓 SEO 插件做得并不到位, 对中文博客支持都很差, 自己修改一下效果可能更好.

以下是我的处理规则.

页面类型	Keywords	Description
首页	自定义 keywords	自定义 description
文章页面	标签组合	摘要或者文章前 220 个字符 (截取文章需要特殊处理全角字符)
搜索页面	-	搜索关键字
分类存档页面	-	分类
标签存档页面	-	标签
日期存档页面	-	日期
其他页面	-	页面标题

4. h1, h2, h3, strong 标签的使用
一般将 h1 给予文章标题或者与网站相关性高的推广性内容, 而不是博客标题. h2 是跟文章有关的描述式信息, 如分类和标签. h3 是其他类似内容, 如相关文章. strong 给文章内的关键字.

5. 将 Related Post 改为 More posts about XXX
其中 XXX 是关键字及其链接, 本人建议使用分类或者标签链接代替. 因为 Related 一词与几个文章的链接没有任何关系, 但标签与之相关度很高. (一般相关文章是通过相似标签来确定的.)

6. 与文章无关内容后移
有人认为爬虫只会分析页面的前 N 个字节的内容, 未必如此, 但前面内容的权重相对会比较高. 为了爬虫有效的收录, 应该尽量将无关内容后移. 如 JavaScript 等可以用 DOM ready 来实现. 另外, 如搜索栏, 订阅按钮等可以放到页脚, 再通过 CSS 或者 JavaScript 重新定位.

7. 消灭内嵌 CSS 和内嵌 JavaScript
内嵌的 CSS 和 JavaScript 可能带有一些关键字和链接, 影响爬虫收录. 尽量将这些写在外部文件中.

8. 如果评论分页, 避免出现重复内容的文章
这个在 《对评论分页的 SEO》 一文写道.：
WordPress 2.7 向我们提供了评论分页的功能, 这个功能可以在一定程度上减少页面加载的时间, 对用户十分友好. 但同时也存在两个问题, 其一是跳转过来的链接钩子如果不在主页面会令用户感到莫名其妙; 其二是对搜索引擎不友好, 因为同时存在多个拥有相同内容, 而永久链接不一样的页面. 如:

http://example.com/my-post-permalink/
http://example.com/my-post-permalink/comment-page-1/
http://example.com/my-post-permalink/comment-page-2/

因为这两个原因, 很多人拒绝使用分页评论功能, 当对于评论超多的页面分页评论的需求又是那么的强烈, 是否感到左右为难?
对于第一种缺陷, 我们无能为力; 但对于搜索引擎的问题, 有个折中的办法可以优化一下. 可以分为以下两步处理:
(1). 在主页面以外的页面显示文章摘要, 并给主页面一个反链接.
这里可以使用一个小插件帮助你, 插件虽然只有几句, 但完全符合我们的需求. 你可以到Paged Comments SEO页面查看和下载插件.

(2). 评论翻页则使用 AJAX.
我为这个功能制作了一个插件, 叫AJAX Comment Pager, 可以帮你将评论翻页增强为 AJAX 处理.

如果评论不多, 强烈不建议使用评论分页功能, SEO 和 UED 同样重要.

9. 为 Read more 加上 nofollow
因为 Read more 链接的路径实际和文章标题相同, 没必要再多加一个文本与页面内容无关的链接. 再者, "Read more..." 在网站出现 N 多次, 可能会干扰爬虫.

10. 不要把首页做成欢迎页面, 尽量显示文章内容
很多朋友喜欢把博客首页做成欢迎页面, 但因为大量链接链向首页, 它是最重要的页面, 应该尽量放置与博客相关的内容.

还有人喜欢用标题列表的作为首页的主要内容, 但经过我长期的实验这明显不如包含部分文章内容的文章列表. 作为折中处理, 现在我的博客会显示前几个文章的内容, 其他折叠 (折叠可以加快网页加载速度).

以上做个笔记，以供朕和学习的朋友翻阅。