也确实，很久没有更新过了，不过今天写的这篇文章希望足够能帮我“除草”。文章名字很长，万戈牌 WordPress 搜索自动匹配提示标签关键词。到底是个啥呢？客官们可以先试用一下本站右上角的搜索框，输入一些关键词，没等你输入完应该就可以看到有一些相关的 keywords 显示出来了，相信大家对这个应该不陌生吧，Google、百度等所有搜索引擎都是这么做的，智能匹配搜索提示！

想知道怎么实现的吗？先等我把废话说完，否则我绝对不会告诉你插件的下载地址就在文章末尾！

大家知道，在 WordPress 我不是很提倡使用插件，主要是考虑到速度和性能等方面，不过这次我还是把这个 WordPress 搜索关键词提示的功能做成了插件的形式。主要是因为，要把这个方法用非插件的方式公开出来，恐怕又有一大半的人要来问我 jQuery 放在哪里？functions.php 没有咋办？所以考虑到这个功能的易用性和大众化，还是做成插件更好。

这个插件的特点在哪里？

1、做插件的时候着重考虑了性能问题，当用户鼠标聚焦到搜索输入框的时候，才会异步去加载一些需要的脚本和请求（这就是传说中的按需加载），所以在不使用站内搜索的情况下，该插件不会带来速度和性能的影响，可以放心使用。

2、支持匹配中文关键词（这是必须的啊！）

3、支持方向键上、下以及回车的键盘快速选择。

如何使用这个插件？

1、上传后在 WordPress 后台启用这个插件即可。没有任何配置选项，不需要修改 WordPress 主题，全自动帮您搞定一切。插件嘛，不就是为了图个方便

2、这个真没有了……

我的主题启用这个插件无效，这是什么情况？

1、检查一下您的原主题有没有 JS 错误，如果主题本身就报错，很有可能阻断万戈牌 WordPress 搜索自动匹配提示标签关键词插件（这插件名字是不是起的太长了。。。）的 JS 执行。

2、检查您的主题 header.php 中有没有 wp_head() 这个方法，本插件载入的脚本依赖于这个方法，如果没有请加上。

3、检查您的 RP 值，不解释 ^_^

和其他插件或者功能冲突怎么办？

暂时我还没有碰到这种情况，如果被您有幸碰到了，您可以自己修改插件以适合您的主题，如果还是有不良反应请参照以下声明第2点，谢谢。

提示的颜色太丑了，我要怎么换？

可以在插件目录下的 wg-tags-tip/style.css 文件里进行修改，也可以在您自己的主题的样式文件里覆盖重写样式。

声明：

1、仅在本地的几个主题上测试通过，不能模拟所有主题的情况，如有 Bug，欢迎反馈给我，我会及时修正，谢谢。

2、该插件免费，属于非卖品，所以无售后服务，如需个性化地调整，概不接受，也不要拿付费诱惑我，我会酌情考虑的！

让您久等了，最后献上万戈牌 WordPress 搜索自动匹配提示标签关键词插件的下载地址：wg-tags-tip

不过，因为做这个主题的时间比较仓促，又想赶在新年前上线，很多功能还没有完成，真是对不起尘埃老哥的设计呀。大家可以看到，我整个侧边栏还没有做，为了不显得太空空荡荡，就填了一个广告（原来广告还能这么用，嘿嘿）；另外评论模块也没做，暂时用第三方的“评论啦”来代替，感觉也不错，但是昨天导入 WordPress 9W 多条评论的时候让我非常内桑，直到发文前，还在导入 ing....还有很多细枝末节的小功能，可以提升用户体验的就更没有时间做了，各种速度上的优化也只做了一半。所以这个主题。。。呃。。。正处于 beta 的 beta 阶段，拍砖请悠着点，谢谢。

当然，虽然说是各种cuo，但毕竟是万戈牌主题，cuo 也要 cuo 的很有范儿！主题延用之前 HTML5 这是自不必说了，另外还加上了很潮的微数据，让 SEO 尽显奢华，哈哈；在首页的最新文章功能还大胆使用了 AJAX 来异步获取文章，对用户体验应该不错；搜索还提供了关键词自动提示功能；还有很多隐蔽的亮点，大家有兴趣的慢慢找吧。

欢迎各位对这个新主题提出宝贵意见，也欢迎大家来找碴，挑 bug。下午就要赶火车去了，主题的完善工作要等到年后来做了，因为我说了，今年过节不上网。好好过个年，别再为代码纠结了，哦耶~

最后，预祝大家新年快乐，回家路上顺顺利利 \(^o^)/

要把整整一年的话题浓缩在一篇文章里，真是千言万语，简单点就从以下几个方面谈谈。

技术：

从捣鼓博客起家的一个业余代码爱好者，转变为一个专业的程序猿。在这一年技术上的成长，无疑是一个质的飞跃。之前就有很多人对我转行的行为表示质疑，包括我的父母，一个学文科的想写代码？疯了吧？也有人说，当我把这一门兴趣转变为工作后，只会磨灭我的兴趣。不过就现在看来，当初对我有质疑的朋友们，感谢你们的激励，让我有动力不断证明我选择了一条正确的道路，我比从前更喜欢这个行业，难以自拔了。

越深入了解前端这个行业，就越发现自己技术实力的薄弱，恨不得能把一天掰成两半两花，我需要更快地成长起来，我需要更多质的飞跃，我需要突破自己的瓶颈。

博客：

说到博客，我就心中有愧。这个博客曾是我引以为傲的平台，是博客，让我认识到了这么多海内外、线上线下的朋友；是博客，引领我进入挨踢这个专业领域，让我堂堂正正写起代码；也是博客，让我有一个倾诉、发泄、交流的地方。但是这一年，特别是后半年，我把更多的时间投入了工作、生活、感情中，博客的使命不至于此，博客，我还会回来的！

根据前两年的惯例，我还是贴一些今年博客的一些数据：

PR = 4，Alexa = 4W+，和去年比，PR 值是没变，Alexa 值下跌了 1 万，这个在我意料之外，今年都没怎么更新博客，Alexa 居然只跌了 1 万，还要感谢广大博客们长期以来对小站的支持，这更让我这个博主感到惭愧。

这是我刚刚在 WordPress 后台控制台（现在应该叫“仪表盘”了，有点不习惯）截的图，比去年这个时候多了 128 篇文章，2W+ 条评论，我就不评价这个数字多还是少了，用心写了每一篇文章，也感谢每一条评论的博友们。

生活：

去年闲的蛋疼，去报了一个研究生，当时也没料到今年这一年会忙到这么火爆。所以这研究生有点荒废了，很可惜，但是权衡工作和兴趣，研究生权当是生活的调味品，毕竟也认识了一群年长我很多的哥哥姐姐辈，甚至是叔叔阿姨辈的朋友们。曾经拥有，这一点，我知足了。

另外，还有本年度最大的收获，亲耐滴依灵作为我的女朋友，出现在我忙碌却又平淡的代码生活中。感谢她一直以来对我的支持，无论是我的工作还是生活，即使我加班到凌晨，她都会守在电话的那一头等我；在我生日的那一天，她还特地请假，风尘仆仆赶到我所在的城市给我庆生。这一点，我也知足了。

目标：

每年这个时候，我都会回顾一下这一年的成长、失败、经验……各方面的，就像在写下这篇文章之前，我又重温了一下前年、去年这个时候的总结，有苦也有甜，冷暖自知。这不是工作报告，不用在意老板怎么看；这不是作文，没有字数体裁限制；这不是思想总结，不用违心地宣扬自己的情操有多高尚。这只是一个总结，当我明年再来回顾这篇总结的时候，我希望我能会心地笑着对自己说，你又成长了。我的目标就是这么简单。

2011年，走好，我一定会想你的。

就本站现在用的这个主题来说，已经用上了这个 WordPress 的语音搜索功能，有图为证。

可以看到右上角的站内搜索框比以往多了一个小话筒的图标，点击之后就会弹出一个小的提示框，此时可以清晰地说出你需要搜索的关键词，截图中是我语音说的 "wordpress" 这个关键词，有兴趣的朋友可以拿本站做测试。

但是，这个功能暂时只能在 Chrome 11 版本以上的谷歌浏览器上看到这个效果。因为这是在 input 输入框里添加 x-webkit-speech 属性来实现的，从这个属性的命名可以看出，webkit，这是一个 webkit 核心浏览器的私有属性，所以你可以切换到 Chrome 浏览器来测试本功能。

x-webkit-speech 是 html5 的 speech 功能的 API，Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极，所以很有幸，我们可以在 Chrome 上体现各种新奇的功能特性。实现的方法也特别简单，在你的搜索输入框的 input 标签里添加 x-webkit-speech 属性即可，如下：

废话很多，但是代码却很简单，赶紧试试呗~

为此我还特地去注册了一个腾讯微博开放平台的开发者，当我开始阅读开发文档的时候，才发现，他妹的，腾讯官方已经推出一个相同功能的应用，叫作 “Q-Share”，再翻阅了一下其他资料，原来已经有前辈写出了 js 页面文字选中后分享到新浪微博的方法，那我就省力多了，两者结合一下，把新浪微博和腾讯微博两个按钮都加上了，然后闲的蛋疼的我又把它翻译成了 jQuery 的方法。

效果的话就可以看本站了，选中任何文字，就会在右上角显示两个微博按钮，点击试试吧。

实现的方法也很简单，只需要两步：

1、引入 jQuery，相信大多数 WordPress 博客都已经引入了 jQuery，那就可以直接进行第二步了。

2、在页面底部，或者更确切的说，在引入 jQuery 库的后面加上这样一段 JS，你就可以看到和本站一样的效果了。

是不是很简单呀？

赶紧选中本文的标题，在微博上通知你的好友来围观吧，哈哈~

PS：最后，说一句，其实这个方法不仅仅适用于 WordPress，JS 是通用的，你可以把这段 JS 挂载到任何网站上都可以得到相同的效果

PS2：最最最后，再说一句，麻烦各位在使用前，把 JS 里的两张微博的图片路径替换成自己的地址，因为小站流量有限，大家帮我省着点花呗，嘿嘿。

正如郑永同学最近给我的那条留言：80后的是时候为工作生活忙碌了。是的，从大学以来，我还从来没有忙到这样焦头烂额，也没有忙到半个月不更新博客，也没有忙到过没时间睡觉。不过我还真是贱，因为非常享受现在的状态，那个充实的感觉是很久都没有体验过的了，而且还有源源不断新的知识可以获取，所以虽然忙地天昏地暗，但还是乐在其中。

把这半个月来零零散散几件事放在一起说了吧。

首先是关于博客，我不在打理的这段时间，感谢朋友们还常来访问我，不过我也看到了 spam 的趁虚而入，后台一连串没有头像又带链接的 spam，看到就恶心，杀杀杀。今天打开 Google Reader 一看，额滴神呐，已经累计了 1000+ 未读条目，最近和社会比较脱节，除了高铁的事，其他也没有关心过互联网或者社会上又出了哪些热门关键词和热门事件。

另外就是关于技术，之前一直偏向于折腾 WordPress，对 PHP 也小有收获，不过近半年转入正轨，WordPress 就成了我的小三，隔三岔五才能临幸一次，只恐怕以后就更没有时间去研究 WordPress 的一些奇巧淫技，不过 WordPress 还是我的一大乐趣之一，随时欢迎各位与我交流。

今天我出去和高中同学碰面，我们交谈的话题不再是打牌游戏，也不再是成绩作业，而全是工作、计划甚至女友。恰巧又重温了那段前不久挺火的一个短片《今年，我二十七八岁》，今年我26了，回想起我走过的路，歪路走的不少，但庆幸的是，我走对了这条路。

今天有一个朋友问了我一个关于 WordPress 的问题，需求的背景是这样的，在他的博客文章里曾经插入了很多指向到 Discuz 论坛的链接，然而，自从那个 Discuz 论坛升级到 X2 以后，链接地址都改变了，导致之前在 WordPress 中插入的论坛链接都失效了。面对这样的问题，我认为有两种解决方案，一是从 Discuz 论坛下手，做 301 重定向，把旧的链接引向新地址；二是从 WordPress 下手，批量修改文中已经存在的链接地址。

当然，我在这里选择从 WordPress 下手，从 WordPress 下手也可以有两种方法。一是从数据库下手，二是从 WordPress 主题下手，我一一来介绍一下。

一、从数据库下手

在数据库里批量替换的方法以前有介绍过，这里再重温一下，进入 phpmyadmin，找到你的数据表，先备份，然后运行 SQL，输入以下语句即可：

其中 old 是旧的字符串，new 是你要替换的文字。

二、从 WordPress 主题下手

在 WordPress 主题的 functions.php 中插入以下代码：

和之前一样，其中 old 是旧的字符串，new 是你要替换的文字。

两个方法都很简单，但是各有各的特点。

从数据库下手的话，优点就是一劳永逸，彻底替换所有文字内容，但是对于不熟悉数据库的朋友还是不推荐冒然操作数据库，就怕一失足成千骨恨。

从 WordPress 下手的话，优点就是安全，再不济也就是把主题改坏了，重新上传一下就 OK，但是在性能方法就比数据库操作要差一些，因为每次浏览文章都必须在后台进行一次替换的操作。

所以，到底选择哪个方法，就需要看官们自己衡量了。

本文将以 iPhone 为例，介绍一下如何在众多移动终端设备上个性化设置你的 WordPress 博客。有 iPhone 的童鞋不妨先用 iPhone 上的浏览器 safari 来浏览一下本站，看一下和电脑上的浏览器看到的有何不同？

哈，没错，如图所示，左右两图分别是本站首页优化前和优化后的比较。在优化之前 iPhone 上浏览本站基本上和在电脑上看到的一样，而在优化之后 iPhone 上浏览本站则可以看到一个单栏的页面。相对电脑显示器来说，手机显示屏很小，要在有限的显示范围内展现给用户最重点最需要的内容才是王道，所以我把侧边栏、轮播图、广告、顶部工具条、评论部分等那些个花里胡哨的东西给隐藏了，这是如何做到的呢？

其实很简单，因为我们知道 iPhone 显示屏的分辨率统一是 480px，那就只需要为这一宽度的设备单独定义样式就可以了，就和普通的 CSS 引入方法类似，方法有两种：

1、为 iPhone 单独引入一个新的 CSS 文件（我就是这么干的）

把这个放在 header.php 头部的 style.css 引入文件之后就可以。

2、直接在 style.css 中修改，把对 iphone 下的样式定义写在 style.css 中的最后即可。

@media only screen and (max-device-width: 480px) 这种是 CSS3 的写法，所以你妄想在 iPhone 下用其他什么扣扣浏览器、UCWEB 等货去尝试，此方法只对 safari 等标准浏览器有效。

此方法只是一个抛砖，还有更多神奇的玩法等你去开发，比如说如何优化 WordPress 在 iPad 上的显示？当然，这个方面不只是应用在 WordPress 上，所有支持 CSS3 浏览器的用户和网站都能实现这一功能，try try 吧~

今天的猪脚的就是“衣服脱脱脱”，首先要感谢一下三思童鞋，给了我一个 ifttt 的邀请码，同时也要感谢其他积极响应给我邀请码的小盆友。可能现在再来谈 ifttt 已经没有那么多新鲜感了，不过我还是想从我试用的体验角度来评价一下 ifttt。

先科普一下，神马是 ifttt。ifttt，就是 If This Then That 的缩写。从逻辑角度来说，很好理解，就是当达到某个你设定的条件后，就触发另一个你所设定的条件。而你可以设定的条件是一些你耳熟能详的互联网服务，比如说 WordPress、Twitter、YouTube、Facebook、Gtalk、Google Reader 等34个服务。而每个用户最多可以设定10个事件。

在如今满网络都是 SNS 和类似于微博客这样的聚合服务的大环境下，突然杀出这么一个 ifttt，的确让人耳目一新，不得不佩服这个项目的创意。与此同时，我也为它在国内发展的生命力而感到担忧，每个人都可以预想到，在不久的将来，我们将看到一个构思、功能、甚至设计都如出一辙的产品 Made in China，然后 ifttt 就被各种名义（或许都不需要任何理由）隔离于墙外。然而，这样的服务 Made in China 又有什么意义呢？我们知道 Twitter、YouTube、Facebook 等这些服务正是因为开放 API，真正让互联网互通自由发展而变得强大，国内这些服务商做的到吗？显然不行。

抱怨无益，在衣服脱脱脱被墙暴之前，我们还是好好享受这脱的快乐吧。这里提醒一下 Google Apps 的用户吧，在 ifttt 绑定 Gtalk 的时候，需要加 ifttt@bot.im 为好友来获取验证码，但是 Google Apps 的用户与该服务的提供商的通讯是受限的，不过没有关系，Google 给出了官方的解决方案。

我暂时在 ifttt 上设置了两个 task，一个是发布 WordPress 日志，则同步到 Facebook 的状态，另一个是发布 WordPress 日志，则发送短信通知。到底好不好用，我也没测试过，就看这篇文章发布后的结果了。

PS1：谁是冲着本文标题P颠P颠来看的，自觉点，面壁去吧，哈哈。

PS2：我这里有三个 itfff 的邀请码，想要的举手（已经发完鸟）。

在 WordPress 的主循环中，我们一般都是这样开始的：

要分离循环出第一篇最新日志，我们就需要把它改成这样：

已经分离显示出 WordPress 的第一篇最新日志，在接下来的主循环中，我们就要将这第一篇给排除掉，要排除的这篇文章 ID 我们已经赋给它 $do_not_duplicate 的这个变量，这样就好办了：

这个方法在我之前的一个主题就有用到，现在一直延用，但是方法一直没有写过，最近又有童鞋问起，就正好凑篇文章给写了，不过这个方法除了会多引一次循环外，还会产生一个问题，就是分页。比如说，我现在设置了每页显示12篇文章，看我的首页，第一篇单独调用的日志加上下面的文章列表确实一共是12篇，但是翻到第2页就不对了，第一篇单独调用的日志加上下面的文章列表就有13篇了，也就是说除了首页，其他分页页面都不把第一篇文章作为分页内容显示。

方法还是挺简单的，但是还有更多扩展的用法，各位自己探索吧。