给WordPress的文章增加二维码

“二维码将取代 URL,成为移动时代人们访问网站的主要方式”。不管这句话说的是否太绝对,能通过更简单的方式获得互联网内容总归是好事。对于博客主来说,二维码还可以帮助你的文章更快捷的被分享、传播,何乐而不为呢。

我的需求:发布文章后,页面里自动插入一个二维码,二维码的内容就是这篇文章的链接地址。

试了几个插件,都没法完成我的需求,插件多数是生成器而已,生成简单的代码,手动插入文章。难么问题来了,难道之前的文章我要挨个手动编辑一遍?搜了一下,还看到一些方案是给了一堆 PHP 代码,放到 function.php 里,然后怎么调用的……要不要这么麻烦?

我的方案:利用一些提供二维码生成服务的公共 API,配合 WP 标签,拼成数据串来生成二维码图片。好处就是“够简单”,把下面这段拼好的代码放到 content-single.php 里就行,一劳永逸,自定义样式也很方便。

<div class="page-content qrcode">
 <img src="http://qr.liantu.com/api.php?w=150&m=0&text=<?php the_permalink(); ?>" alt="<?php the_title(); ?>" title="扫描二维码分享到朋友圈" />
 <p class="qrcode-desc">扫描二维码分享到朋友圈</p>
 <hr>
</div>

起初我也试了很多,包括 Google,Goqr.me 等。个人非常喜欢 Google 的服务,免费、稳定、强大……但在墙面前,这些显得一文不值。Goqr.me 的在线生成二维码工具还是不错的,之前都是用它来生成的。无奈使用这两个接口生成的图片都没法显示。为了显示的正常和速度,最终选了国内联图网的服务接口,速度和稳定性还不错。

二维码生成服务接口,里面都有详细参数说明:

其他参考资源:

北京更换驾照攻略

从09年初领驾照到现在,想来也是有近6年驾龄了呢。因为快到期了(规定在到期前90内更换),所以趁周末赶紧去更换了新驾照。之前一直听说换驾照是件非常麻烦的事情,还要排长队之类的,很费时间,所以周六起早就去了,趁人少,早去早回,实践证明我是对的。

北京可以办理更换驾照的地方很多,找一个离自己比较近的地方(办理地点查询)。我去的是“东城交通支队北区车管站”,豆瓣胡同那个,以下都是针对这里说的,其他办理点大同小异。

douban-hutong

我的整个换证过程不到1小时,提前准备充分,效率还是很高的。分享一下我的省时经验,一共需要这6样东西:

  • 白底1寸免冠照片 x3(提前准备)
  • 身份证原件+复印件 x1(可现场复印)
  • 暂住证/工作居住证原件+复印件 x1(可现场复印)
  • 体检报告(现场办理)
  • 10元纸币 x2
  • 黑色签字笔

办理流程:

  1. 到车管站,跟门口民警确认一下你的驾照可以更换(在到期前90天内。也可以自己算一下,满足条件的话可以跳过这步,去体检)
  2. 去体检,取得体检单。从车管站出门左拐(往西)100米左右就是北京军区总医院,径直走进去,门诊大楼坐电梯上4楼,在一个叫“特需诊室”的地方办体检单。需要用到1张照片,交10元钱。(注意,医院周末体检只工作半天,到11:30前
  3. 回到车管站,跟门口民警要一个换证表格,他会跟你说填哪些内容,需要贴1张照片。
  4. 表格填好、确认完等叫号,到窗口提交:换证表格、体检表格、照片1张(给窗口,用在新驾照上,要帅一点的哦)
  5. 最后一步,到取证窗口交10元钱,等取新驾照。

民警们处理速度还是蛮快的,所以如果流程得当,应该能压缩到30分钟内。另外还是强调一下,办这种事情,就是“与人方便,与己方便”,你准备的充分,考虑的周全,民警给你服务起来也舒心,耗时自然就少了。

参考资料:机动车驾驶证期满换证及审验

大屏智能手机设计要点

Designing for Large Screen Smartphones
lukew.com版权所有
作者:Luke Wroblewski
译者:波希米亚
原文地址:http://www.lukew.com/ff/entry.asp?1927

看着智能手机的屏幕一天比一天大,可手却还是那样……那么问题来了,到底要如何设计交互,才能让我们的拇指能够舒服、快速、轻松地操作呢?以下几点供参考:

为拇指设计

在 Steven Hoober 所做的 1,333 份针对智能手机的使用调查中发现,有 49% 的人是单手握持手机,同时,有 75% 的人使用拇指完成操作。当使用更大屏幕(超过4英寸)时,用起来就不那么舒服了,因为人们必须得把拇指伸的更远才能触及屏幕顶端。

large_smartphones1@2x

就拿我自己说吧,我每天用 Amazon’s Music app 时都会遇到这样的问题。因为主菜单按钮在屏幕左上角,离的太远,所以单手操作时真的很难够得到。如果想点到它,我就不得不把手往上挪,握到手机中部,或者干脆用另一只手来点。多希望能不这么麻烦。

large_smartphones2@2x

系统级的解决方案

考虑到目前已有很多 App 采用跟 Amazon Music 类似的导航设计,让这些 App 改版不现实,所以移动操作系统来解决这个问题就明智多了。苹果在其新的 iOS 系统中提供了一个解决方案,并形象地把这种体验称之为“可达性”。

利用这一方案,用户可以通过“快速双拍home键”,使应用顶部降至屏幕中央,从而达到触摸应用顶部操作的目的。(但原本只需要点1下,现在变成了3下)

large_smartphones3@2x

另外它是有超时的。就是说如果你双拍把屏幕拉下来后什么都没做,过一会儿它是会自动复位的(大概8秒,译者注),如果需要就得再双拍一次。这个设置就显得不那么优雅了。

边缘滑动手势

要想用拇指点到大屏幕左上角的图标是很困难的,但如果是沿设备底部边缘滑动就相对容易一些。这种“边缘滑动手势”可以作为一种简单、替代的方式来控制超出拇指范围的操作。

large_smartphones4@2x

跟所有手势操作一样,这种访问菜单的方式往往出乎预料。换句话说,首先你得知道有这种手势的存在,并且记住它。所以它并不能取代顶部菜单按钮,只能作为一个补充。

另外,这个手势只是让单手操作时进入菜单更简单,并不能操作菜单内容。

底部定位

为了确保重要且经常使用的操作,能够舒适地用单手或单个拇指触达,我们可以考虑把它们定位在屏幕的底部。这种解决方案并不仅仅解决“可达性”,它也可以提高各种其他重要指标。比如 Facebook 在最近的测试中发现,他们 iOS App 的底部标签栏的解决方案还提高了参与度,满意度,甚至感知速度。

large_smartphones8@2x

large_smartphones5@2x

同样在 Amazon Music app 里,我们不但可以把菜单图标放到底部,顺便还可以把最常用的功能调整到靠近底部的地方,这样更便于点击菜单和里面的内容。

浮动的操作按钮

虽然很多设计方案能适用多个操作系统,我们还是需要为重要的差异而设计。

以 Android 为例,屏幕下方是为系统导航预留的位置。这就意味着,如果在底部安放操作,很可能因与系统导航位置过近而产生误操作。事实上,在 Android 设计指南上也明确指出“不要使用底部 Tab bars”。

然而,在 Google 最新发布的设计语言“Material Design”中,出现了一个悬浮按钮式的替代解决方案。这种按钮用于重要操作动作,同时它脱离于当前界面。通常情况下,这个按钮不用于导航,但在 Amazon Music app 的案例中,它被定义为导航按钮,可见设计者多么鼓励频繁使用这个操作。

large_smartphones9@2x

分类调整

内容优化需要,决定把原有的“范·设计(funnydesign)”分类去掉,原有文章并入“设计灵感”下。同时新增“移动设计(mobiledesign)”分类。