WordPress 微信插件 - 微信机器人

评分 4.1, 满分 5 星146 票
440 条评论

随着人们在移动设备上花费的时间越来越多, 语音, 拍照等功能令信息发布和交流变得更加简单. Talkbox, 米聊, 微信, LINE 等一批 "对讲机" 正在改变我们的生活.

微信有 3 亿用户, 几乎成为每个人手机上必装的应用, 而微信公众帐号则为个人开发者和商家提供了一个绝佳的 SNS 营销平台, 拥有博客的朋友们肯定也不会失掉这样的机会. 本文我会介绍一个叫微信机器人的插件, 可以将 WordPress 的文章搬到微信上.

Read More...

使用 YCombo 做 JS 开发

评分 4, 满分 5 星42 票
39 条评论

前文已介绍过 YCombo 及相关的 CSS 和 JS 合并工具. 合并静态文件, 减少页面请求可以有效提升网页性能, 但手动处理的话工作繁杂易于出错, YCombo 就是为了解决这个问题而诞生的工具. 这不是最先进的解决方案, 但对小型网站来说已是游刃有余了.

少于 10 个经常改动的页面应该可以算是小型网站, 当然, 博客也算是, 这个博客现在就是使用这个工具来辅助开发的. 本文作为延伸, 说说平时我是怎样利用这个工具来完成网页开发的.

Read More...

如何选择 WordPress 主机空间

评分 3.4, 满分 5 星62 票
127 条评论

什么时候都有一些网友问我用什么主, 如何选择主机空间? 也希望我能分享一些选择适合 WordPress 博客主机的经验. 实际上我不认为有必然的选择, 对于不同的用户和网站都可以选择适合他们的博客主机. 这是为什么我没有大力推荐我用的那些服务, 无论是以前的 MT 还是现在的 Linode VPS, 因为这未必适合其他用户. 对于入门用户, 可能主机 91 等国内的虚拟主机服务更适合.

Read More...

通过修改代理服务 hosts 测试 Mobile Web

评分 3.5, 满分 5 星20 票
35 条评论

通常我们会通过修改本机 hosts, 绑定开发服务器或者本机的开发环境, 对正在开发的网页进行测试.

但无论在 Android, iOS 还是其他移动设备上, 机器的 hosts 一般不给修改, 要通过越狱和 root 等手段来获取 hosts 的修改权限. 尽管还有 Opera Mobile EmulatorWeinre 等一些虚拟机和调试工具, 但真机测试是比不可少的.

Read More...

CSS 和 JS 文件合并工具

评分 4.1, 满分 5 星57 票
68 条评论

写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令页面性能下降. 我们期望可以将代码细分成多个模块, 而在使用的时候可以合而为一.

本文会介绍一个 CSS 和 JS 的合并工具, 对模块化的文件进行管理.

Read More...

文章历史浏览记录

评分 4.2, 满分 5 星38 票
77 条评论

改版加上左栏后, 我加上了一个文章浏览记录区域. 用户在这里找到最近他在这个网站看过的几个文章, 我希望通过这个功能挽留一下读者. 比如: 某人经常通过搜索引擎进来我的网站, 可能发现以前在这里也看过一些文章, 比较合他口味, 久而久之就能发展成常客.

Read More...

博客新增左侧边栏

评分 4.1, 满分 5 星21 票
74 条评论

上周做了一些修改, 为博客加上了左侧边栏. 对于这个一直都在小修改的主题来说, 这算是大改动了吧.

左侧边栏宽度只有右侧边栏的一半, 只在宽屏的 IE8 或更新的浏览器展示, 我打算用来放一些辅助信息. 在首页会显示一些跟导航相关的内容, 有分类和标签云; 在文章详细页面, 显示文章目录作为内导航.

Read More...

a 标签的样式规划

评分 4.2, 满分 5 星23 票
37 条评论

a 标签有 link, visited, hover, active 这几个常用的伪类用于定义不同状态. 这些伪类意思明确, 使用简单, 看起来不会存在什么问题, 而实际上他们的使用顺序, 是否应该使用都需要考虑清楚.

a 标签在网页中无所不在, 而且样式复用性很高. 一般来说, 一个网站上的链接形式是比较统一的, 所以作为 reset 或者基本的 a 标签 CSS 定义十分重要.

Read More...

WordPress 相关文章插件 - Yet Another Related Posts Plugin

评分 3.8, 满分 5 星12 票
35 条评论

相关文章在博客中能够引导用户访问更多可能感兴趣的文章, 不仅增加了用户粘度, 对用户体验的提高, 也是 SEO 内链优化的重要一环.

大概两年前吧, 我开始使用 Yet Another Related Posts Plugin (YARPP) 这款相关文章插件, 与其他类似插件比较, 它有很多优点, 也有一些问题, 本文我会介绍一下这些优缺点和提供一些使用建议.

Read More...

网站广告管理工具 - 百度广告管家

评分 3, 满分 5 星20 票
36 条评论

最近将博客上出售的广告位全部迁移到了百度广告管家, 这是一个类似 Google 广告管理系统的广告管理平台, 本文会介绍一下这个工具以及相关的使用技巧.

虽然这个网站上的广告更换频率很低 (我的客户基本都是按年买的), 但偶尔换个活动链接, 更新一下图片还是要修改 PHP 或者 JavaScript 代码. 所以我想如果能有这么一个工具, 为我提供一些展示橱窗, 当我要修改时在后台修改橱窗内容就可以了.

Read More...

WordPress 3.5 与 wpdb::prepare() 报错

评分 4.4, 满分 5 星16 票
76 条评论

WordPress 3.5 正式发布, 这个版本包括大量更新. 启用了最新的响应式布局默认主题 Twenty Twelve; 改版了 Admin 界面, 更加简洁而且针对移动设备进行了优化; Media 功能也得到极大的提高, 现在更加没有理由使用其他图床服务了.

好话说完了, 是时候 "但是" 了. 但是... WordPress 秉承一贯的作风, 也偷偷改了一些内部方法, 现在 wpdb::prepare() 必须填入第二个参数, 否则报错如下.

Warning: Missing argument 2 for wpdb::prepare(), called in xxx.php on line 75 and defined in /www/wp-includes/wp-db.php on line 990

Read More...

Opera Mobile 模拟器

评分 3.5, 满分 5 星15 票
19 条评论

移动 Web 普及速度很快, 受限于工具和屏幕尺寸, Mobile Web 的前端调试显得异常困难, 开发们渴望一个好用的调试环境, 而 Opera Mobile 模拟器正是这么一个工具, 为了解决移动 Web 调试而诞生的工具.

这是一篇译文, 本文将会介绍 Opera Mobile 模拟器的作用, 来历, 特性及其使用方法, 还会提到一些有价值的用法和需要注意的地方.

Read More...

如何让开发者兼容你的浏览器

评分 4.4, 满分 5 星11 票
27 条评论

Webkit 雄起, 在移动网络领域借助 iOS 和 Android 系统的普及, 已经占据绝对主导地位成为事实标准, Mobile Web 的开发人员更倾向于开发专门针对 Webkit 浏览器的移动网站.

或许因为很多网页在 IE10 上表现不理想, 微软呼吁 Web 开发者要做好各种浏览器的兼容, 防止 Webkie 成为移动网页的 IE6. 很讽刺, 当年以浏览器优势来阻击竞争对手的微软会向开发者发出这样的请求.
Read More...

取消 Google 搜索结果链接重定向

评分 4, 满分 5 星26 票
52 条评论

Google 是个我用得最多的搜索引擎, 非常好用, 但因为某些原因, 在中国大陆地区表现很差. 我相信经常用谷歌搜索的人会遇到过这样的问题: 在 Google 搜索结果页面点击一些链接后出现网络错误.

这里要介绍一下 Google 重定向的作用, 带来的问题, 以及消除的方法.

Read More...

Nginx 虚拟主机 VirtualHost 配置

评分 4.4, 满分 5 星31 票
39 条评论

Nginx 是一个轻量级高性能的 Web 服务器, 并发处理能力强, 对资源消耗小, 无论是静态服务器还是小网站, Nginx 表现更加出色, 作为 Apache 的补充和替代使用率越来越高.

我在《Apache 虚拟主机 VirtualHost 配置》介绍了在不同操作系统上使用 Apahce 虚拟主机的方法, 还有那么些朋友想知道 Nginx 虚拟主机配置方法, 本文作为补充也介绍如何 Nginx 上添加虚拟主机.

Read More...