WordPress响应式图片解决方案
对于博客或展示型企业站来说，内容比较单一，版面并不复杂，非常适合制作成响应式网站。在响应式网站设计中，对图片的处理非常简单，通常只需要以下CSS样式就可以完成： img { max-width: 100%; height: auto; } 然后给具体的图片指定百分比的宽度，由于网站不同版块加载的图片宽度需求不同，所以不能在全局样式中指定。 …
七牛API上传文件覆盖旧文件方法
使用七牛云存储提供的PHP SDK，可以非常方便的将本地文件上传到七牛，但默认情况下，上传的文件不会覆盖旧文件，也就是说，之前上传了一个名为photo.jpg的文件，再上传同名文件photo.jpg时就会失败。 …
WHMCS 6.0废弃update_query等数据库操作函数
昨天发现WHMCS西数、景安虚拟主机模块手动续费后不更新时间，原本在写这两个模块时，在续费后会通过API取得主机到期时间，并更新WHMCS数据库。 查看官方文档才得知WHMCS 6.0已经废弃了以下数据库操作函数： …
七牛云存储PHP SDK报错Warning: file_put_contents
使用七牛云存储PHP SDK上传文件时，报错： Warning: file_put_contents(/.qiniu_phpsdk_hostscache.json) 根据错误提示找到Zone.php第149行和第150行： $path = $this->hostCacheFilePath(); file_put_contents($path, json_encode($this->hostCache), LOCK_EX); 起初猜测网站目录没有写入权限，在设置读写权限后仍然报错，通过第149行代码找到第156和第157行： …
使用WP-Mail-SMTP插件带$header参数发信失败
一些主机不支持发送邮件功能，所以我们才用到了WP-Mail-SMTP插件，使用WP-Mail-SMTP插件后即可通过QQ、163、新浪等邮件服务器发送邮件。 通常WP-Mail-SMTP插件发信失败都是设置错误造成的，相关的教程网上很多，这里要说的是一个特殊案例。 我的一些插件使用了wp_mail函数发信，安装WP-Mail-SMTP插件前没有任何问题，但是使用主机发信100%进垃圾箱，我使用的是虚拟主机又没有权限修改相关配置，所以才安装了WP-Mail-SMTP插件。 …
清除网络运营商植入广告CSS代码
前面我发表了屏蔽网络运营商植入广告jQuery代码，但是有一个缺陷，广告仍然会显示一瞬间，虽然一眨眼的功夫就消失了，给人的感觉还是不很好。 所以，我写了一段CSS代码来屏蔽： #colophon ~ * { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; overflow: hidden !important; } 注意选择符，因为我网站每个页面的最后一元素ID都是colophon，如果你不确定你页面的最后一个元素是什么，可以在页脚模板（通常是footer.php、footer.tpl）的</body>前面添加一个空元素： …
屏蔽网络运营商植入广告jQuery代码
目前我网站没有挂任何广告，然而在移动端浏览时却发现时不时的在页脚出现一个悬浮广告，一开始就知道是网络运营商劫持植入的广告，但没理会。 昨晚闲来无事搜索了一下，发现有同样问题的用户还不少。 …
用wp_enqueue_style和wp_enqueue_script加载CSS和JS
在制作WordPress主题时，一般我们都是直接在header.php中写入link标签加载CSS样式表，但是，如果我们使用wp_enqueue_style加载样式表的话，可以避免重复加载，也就是说wp_enqueue_style会判断之前有没有加载过同样的样式表，如果已经加载过了就不再重复加载。另外，wp_enqueue_style的依赖功能也非常实用。 …
-webkit-appearance导致checkbox复选框消失
-webkit-appearance: none会清除WebKit引擎浏览器默认样式，有时会很有用，但使用这个样式后会导致checkbox复选框和radio单选框消失。 解决办法： input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } 添加以上CSS即可解决-webkit-appearance导致checkbox复选框和radio单选框消失问题。 …
CSS截断文字技巧
在响应式设计中，经常需要将文字截断，例如一个两列水平排列的列表，通常不希望li的内容换行，当视图尺寸过小时内容就会被挤到第二行，常用的截断方法为： li { white-space: nowrap; overflow: hidden; } 该方法有一个问题，经常会遇到最后一个文字被截断一半，很难看。 …