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

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

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

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

因为我也不是刻意去写这个 jQuery 的无缝滚动，所以 JS 也没封装过，只提供了几个基本的参数作修改，只能仅作参考。

HTML 部分：

jQuery 部分：

基本原理和使用方法都写在注释里了，我也就不多作解释了。最后说一句，google、百度上搜一下就知道，已经有大把大把写好的横的竖的无缝的滚动，总有一款适合你，但是我觉得，只有自己亲自写的才最适合自己的需要，所以就有了以上代码。

就本站现在用的这个主题来说，已经用上了这个 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 里的两张微博的图片路径替换成自己的地址，因为小站流量有限，大家帮我省着点花呗，嘿嘿。

相信大多数同学，包括我在内，用到的图片 HighSlide 效果都是用的 WordPress 的插件，或者引的 jQuery 的插件，但是这必竟不能完全满足我的需求，而且在我看来那些 JS 也太庞大了一些，还不如自己写一个。做了一个简单的 DEMO，大家可以看一下。

如果你会用 Firebug 这样的工具，就可以看到，页面中所有的图片，包括 DOM 节点，都是通过 JS 注入进来的，而且在初使化的时候只生成当前显示的五组图片，只有当用户点击下一张或者点击图片放大时，才会有新的图片和节点加载进来，同样，如果用户不点击，就不会去加载。这就大大节省了初使化需要加载的图片数量。

在 JS 没有压缩之前，也只有区区 6K 的大小，所以我相信这是大多数用户和站长都能够接受的，不过虽说只有 6K，也有近 200 行的代码，篇幅有限，我就不把具体的 JS 和 CSS 贴出来了，有需要的朋友可以直接下载我的 DEMO，DEMO 里的 JS 没有压缩，注释也都写的比较清楚。

最终效果和现在我用的差不多，但是代码却千差万别，细节决定成败，争取做好每一个细节！

关于幻灯轮播图，想必大家都不陌生，尤其是基于 jQuery 的，插件、代码网上一搜一大堆，但是真正符合自己需求的几乎没有，所以我要打造一个符合自身需求，经得起广大网民考验的 jQuery 轮播图！

思路

为什么说网上其他一些轮播图不符合我的要求？我的需求又是什么呢？

现在网上可以找到的多数幻灯轮播图的 jQuery 插件的作法是，先把图片和链接的 HTML 写好，然后控制隐藏和显示来轮流展示当前的幻灯图片。但是对用户而言，我们始终只是看到当前的一张图片，那其他几张隐藏的图片为什么要事先加载进来呢？这不是费时费力吗？所以我的第一个需求是按需加载。

我们一般会把轮播图放在首页展示，但是首页的重点内容应该是最近更新的文章，至少我不认为图片展示功能需要被搜索引擎收录，所以我的第二个需求是符合  SEO。

实现

冲着以上两个需求，我做了一个 DEMO，这个 DEMO 和我现在的首页看起来效果基本一致，但实现的方法却天差地别。大家不妨看看这个 DEMO 的源代码，发现区别了吗？是的，在这个 DEMO 的 HTML 源代码中，你看不到任何的图片和相关信息，都由 JS 载入进来的，也就是说爬虫爬不到，而且是随着图片的切换，一张一张地载入当前的幻灯图片。

这里我就只分享一下我的 JS 写法，HTML 什么就请各位看源码吧，代码我就不一一细说了，注释也都写得很明白了。

优势

同样的效果，只是实现方法不同？会不会很蛋疼？这有什么优势呢？

举个例子来说，优化前，假设首页切换的幻灯图片有5张，平均每张图片20K，也就是说你的首页至少要加载100K的图片，而这100K的图片你能保证每个用户都会去看吗？如果用户不看，岂不是白白浪费了这100K的载入速度？

优化后，在首页初次载入的时候，仅需加载一张1K左右的，甚至是可有可无的 loading 图片，当用户点击下一张或者达到定时器的设置时才会去加载下一张图片，大大节省了载入的时间。1K？100K？你懂的。

另外，用 JS 载入所需的图片还有一个好处，就是在一些不支持 JS 的手机浏览器上，载入 100K 的图片对于无法切换的轮播图而言，是一个极大的累赘，而且也会大大降低用户体验。

好了，大家各取所需吧，我也只是提供了一个思路，如果有更好的实现方法欢迎与我交流。

这个思路很不错，但是用 YUI 的童鞋毕竟是少数，我想 jQuery 应该也有类似的方法来处理异步跨域请求，果然，让我找到了 jQuery 的 getScript 方法，和 YUI 的 YAHOO.util.Get.script  有异曲同工之妙。就做了一个简单的 DEMO。

首先，先定义好最终要调用的数据格式：

这就是所谓的 JSONP，把数据以 JSON 的格式保存在一个对象中，方便我们之后去引用这个对象。

然后，我们就可以用 getScript 的方法去异步加载刚才保存的 JS，并处理返回结果，方法如下：

保存以上两个文件，在本地运行就能看到效果，当然，不要忘记加载 jQuery。

后记：

1、写习惯了原生的 JS，难得记录一下 jQuery，还真有点不习惯。

2、已经有童鞋再三催促我更新，再不写些东西，自己都觉得不好意思。

今天有一个朋友问了我一个关于 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 的邀请码，想要的举手（已经发完鸟）。