说完了首页的优化调整,这次我们来探讨一下文章页面的结构应该是怎样的。平时没事的时候很喜欢逛博客,看到过很多知名博客的文章页面设计,也针对各种设计总结出了不少的 SEO 经验,下面就将我的一点经验总结如下。

个人博客也需要 SEO ,因为我们写的文章需要更多的人看,现在网上铺天盖地的 SEO 博客,无非是告诉你外链怎么怎么重要,内链要建设的如何复杂,我这不想去重复别人的故事,只是想写写我个人是怎么在 WordPress 上做的搜索引擎优化,用什么样的代码,网页结构做什么样的调整,针对不同搜索引擎有什么样的措施,等等等等…这个系列会侧重于网页结构、WordPress(插件、主题、函数) 、代码等实际网页设计基础作上,不谈浮夸。

很多人喜欢在自己的主题添加一些 AJAX 效果, 理论上只要我们添加 AJAX 效果,我们就需要跟后台做一定的异步交互,很多主题作者喜欢把这些响应交互的动作直接挂载在 WP 系统里,代码直接放在functions.php文件里,作为一个有讲究的人,我不喜欢这样做,我的做法是直接做一个api的响应页面。

@悬浮跨页显示评论内容PHP响应代码,说白了其实很简单,就是利用 WordPress 通过请求的评论 ID 获得并返回对应的评论内容,再以一定的数据格式返回。说起来很简单,做起来其实也并不复杂。如果你能参透本文基本内容,那你也就能对 WordPress 的基本 AJAX 交互应用有了一个大概的了解了。

悬浮显示评论内容,即当鼠标悬停到 @XXX 时,将 XXX 的评论内容以浮动层显示,其实这一功能实现起来并不难,其主要实现依靠 JavaScript 脚本,因很多折腾 WP 的朋友大都起手只学习了HTML 和 CSS 基础知识,所以有一些比较复杂的 JS 实现的功能把这些人挡在来门外。所以至此尽管 WP 教程、文档甚多,但各个博客的 AJAX 功能却不甚完善。

在评论者输入邮箱后,异步获得评论者的头像并显示出来,个人感觉这个功能虽不能给用户体验带来多大的提升,也不算是一个实用的功能,但至少很炫,看到有的网站有添加这个功能,我也不甘寂寞所以也写了个脚本,没有时间做封装,所以直接上原理和代码。

WordPress 的后台标准接口为我们简化了很多输入输出的处理,基本上每项设置都可以以钩子的形式挂载到你设定的配置页上,之前在《主题、插件设置页面的标准 API 接口应用 (一)》中说到,要将整理的代码共享出来,那就闲话少说直接上代码:

这是一个很头疼的事,因为我们在初始化页面的时候,JavaScript 和 诸如 PHP 这样的动态脚本之间是不能通过 POST 或者 GET 方法传递变量的,如果要异步从服务器端获得变量就又显得麻烦了一点,所以我们要在页面生成的时候将我们需要的 JavaScript 变量值打印到页面,以便以后使用。

经过几天的奋斗,新主题终于做好了,自认为已经扫除了大部分 BUG ,所以就低调换皮了,所以在这里纪念一下老主题,毕竟从去年10月到现在已经使用了半年多了吧,整体上来说虽然比较难看,但是内部优化感觉做的不错,至少每每发文,百度、谷歌总能很快收录,而且排名一直不错。

Firefox 的版本貌似是成几何状态增长的,5分钟之前进 WordPress 后台还没有任何提示,结果刚刚又进后台就被提示浏览器版本太低。
updatefirefox12

APTANA 3.1.2 版更新终于出来了,貌似更正了之前说的 PHP 提示出错的问题,具体的更新内容如下。

你妹的,大改小改,不如推翻了重来,这次下定决心,把 YoYo搞好了以后,就直接返工现在用的主题,从头到尾一个代码不留的重新来过!

在做新主题的时候想加一个 Ctrl + Eenter 提交评论的功能,总记得之前写过这样的脚本,要用到cilick()这个函数,但这次下手写的时候,我无耻的百度了一下,并且度娘给了我一个迷惑的答案,网上的错误代码我就不写了,以免蛊惑大众,有一些排名很高的竟然连$符号都给成¥,我这个汗呀!

在做主题的时候,总有一些细节的东西,需要我们去慢慢体验并优化,就像add_image_size()这个函数,是用来设置 WordPress 中上传图片缩略图大小的一个函数,此函数的得当设置,可以很好的配合你主题内容区域的图片展示,省去你在写文章时不停的调整图片大小的麻烦。

zen coding 是一个代码简化输入的插件(我是这么认为的),网上很多讲这玩意好处的,我也觉得挺好用的, Notepad++ 中也有这个插件,虽然在 aptana 中以插件的形式存在,但功能貌似不如其他编辑器里的插件全面。

zen coding 业已更名,新方法请参考:aptana studio3 安装 zencoding(Emmet) 插件

我的 YoYo 预览

April 25th 2012 评论(8)

YoYo 主题,大部分后台功能面向的是 WordPress 标准接口,尤其是后台设置功能,正在紧张的整合中,虽然写起来比较麻烦,但扩展性却不是一般手工构建表单能够比的,虽然如此,但很遗憾,翻看在线手册发现,背景图片和顶部图片功能,在3.4版将会进行函数调整,另外增加两个独立函数。

很喜欢 LOFTER

April 24th 2012 评论(3)

很喜欢网易的轻博客 LOFTER 的风格,更喜欢 LOFTER 的登陆界面,像一扇涂着绚丽色彩的大门,预示着只要你通过这个大门登陆,进去便是五彩斑斓的世界。
每次登陆都会有不同的背景图片显示,每一幅图片都是我喜欢的感觉,简直是大爱啊,耐着性子翻看了百余张图片,下载下来,挑几幅用在下一个主题的随机背景上。

Jquery 提示

April 23rd 2012 评论(1)

APTANA 整个一个英文界面,因为前几天升级了3.1以后php的跨页悬浮提示出现问题,无奈装了卸、卸了妆的,降回3.09后JQUERY 提示怎么也装不上,提示已经存在JQUERY 目录,

the_excerpt() 函数会输出纯文本的摘要内容,以便我们使用,诸如网页描述等地方都会用到,但有时候我们想要将摘要在页面中输出又要添加阅读全文的链接怎么办呢?

一直在用 aptana 作为编辑器用,虽说功能上不是全都能用到,但一些常用功能也用的挺顺手的,比如说鼠标悬浮代码提示,即将鼠标悬浮到函数或关键词上会弹出提示(在函数有标准注释的时候会提示)。随着版本的提升该 IDE 也一直用着。昨天看着有新版本也就是3.1版,就跟风自动给升级了。