博客

WordPress 插件:WP Smush.it 无损压缩网站图片

WordPress 插件:WP Smush.it 无损压缩网站图片

网页加载的图片越大,不仅耗费更多的流量,还会严重影响网站的加载速度,所以做好图片优化是十分必要的。压缩图片的方法很多,可以使用本地软件,也可以在线压缩,比如雅虎的 Smush.it 就非常好用。大家不妨自己试试效果:访问Smush.it

如果你使用 WordPress 程序,可以安装 WP Smush.it 插件来自动压缩图片。

WP Smush.it 简介

WP Smush.it 的作用就是自动将你网站的图片上传到Smush.it 服务器,压缩处理后再下载回你的空间,前后的文件路径和名字都不会改变。比较智能的是,已经压缩过的图片不会再自动上传压缩,而且,图片的效果和质量几乎没有改变,也就是所谓的无损压缩。

WP Smush.it 主要功能

1. 剥离 JPEG 文件的元数据;

2. 优化 JPEG 压缩;

3. 将某些 GIF 图像转换为索引 PNG;

4. 从索引图像中剥离未使用的颜色;

阅读全文

标准
博客

WordPress 教程:使用自定义字段给日志单独加载 JS 脚本

我们在介绍一些 Javasctipt 类库或者特效的时候,为了能够更加清楚的展示 Javascript 的效果,需要在日志中做演示,这个时候我们需要加载 Javascript 脚本或者 CSS 样式表。但是 WordPress 日志编辑框会对过滤这些 Javascript 脚本,所以我们无法直接把脚本写到日志,如果修改主题,把脚本添加到主题的 header.php 文件中,那么博客所有的页面都会加载这些脚本,这样造成整个博客效率下降。所以这个时候我们可以通过 WordPress 自定义字段来给某篇的日志单独加载 Javascript 脚本和 CSS 样式表。

假设我们给日志单独加载 Javascript 脚本的自定义字段是 custom_head。那么你首先需要把下面这段代码复制到你主题的 functions.php 文件中:

add_action("wp_head","custom_head"); function custom_head(){ if (is_single() || is_page()) { global $post; $custom_head = get_post_meta($post->ID, 'custom_head', true); echo $custom_head; } }

然后在编辑日志的时候,在自定义字段区域,创建一个新的自定义字段,名字为:”custom_head”,输入你要单独为这篇日志加载的 Javascript 代码或者 CSS 样式表即可。

标准
博客

WordPress 优化:11个强化网站安全的 .htaccess 设定技巧

.htaccess 是一个 Apache 下的配置文件,90% 以上的国内虚拟主机都使用本教程。此配置文件可以让你可以控制该路径下的文件及文件夹,以及所有子目录。

对于许多 WordPress 使用者来说,他们第一次看到 .htaccess 文件应该是在自定他们网站的固定网址时。为了使用更美观的链结,而不是预设的链接格式(例如:http://free.com.tw/sample-post/而不是 http://free.com.tw/?p=123 ),我们必须将以下代码加入 .htaccess 文件:

 # BEGIN WordPress
 RewriteEngine On
 RewriteBase /
 RewriteRule ^index\.php$ – [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteRule . /index.php [L]
 # END WordPress

如果 .htaccess 不存在,你可以自己建立一个然后将它上传。

你也必须确认你的 .htaccess 文件在服务器上可写入的,WordPress 才能将适当的代码加入你的 .htaccess 。WordPress.org 建议把文件权限设定为 644 。

.htaccess 文件不仅用于固定网址,该文件也能强化网站安全。数以百万的 WordPress 用户利用它来保护网站免于垃圾邮件发送者、黑客和其他已知的威胁。

在本文裡,我会分享一些用于 .htaccess 的代码片段,可以强化你的网站安全。相信你会找到一些对你有帮助的代码。

阅读全文

标准
博客

WordPress 教程:jQuery 实现评论作者链接新窗口打开

我之前分享过“jQuery 实现链接在新窗口打开的方法小结”,利用同样的原理,我们可以针对 WordPress 评论作者实现作者链接新窗口打开。因为 WordPress 在给评论作者链接时给每个链接加了一个 “ rel=’external nofollow’ ”,告诉搜索引擎这个链接是外部的,并且不要追踪此链接。nofollow 主要跟SEO有关,防止页面权重流失。

具体代码如下:

<script type="text/javascript">
jQuery(document).ready(function($) {
 jQuery(".comment-list a[rel='external'],.comment-list a[rel='external nofollow']").click(function(){window.open(this.href);return false})
 });
</script>

上面这段 jQuery 代码表示,在 .comment-list 评论列表中,凡事有 rel=’external nofollow’rel=’external’ 的链接都是新窗口打开。当然,你也可以去除 .comment-list,这样全站所有带有 rel=’external nofollow’ 和 rel=’external’ 的链接都是新窗口打开。

标准
博客

百度云观测优化建议解决方案:未设置max-age或expires

网页的缓存是由 HTTP 消息头中的 “Cache-control” 来控制的,常见的取值有 private、no-cache、max-age、must-revalidate 等,默认为private。其作用根据不同的重新浏览方式分为以下几种情况:

(1) 打开新窗口

如果指定cache-control的值为private、no-cache、must-revalidate,那么打开新窗口访问时都会重新访问服务器。而如果指定了max-age值,那么在此值内的时间里就不会重新访问服务器,例如:

Cache-control: max-age=5

表示当访问此网页后的5秒内再次访问不会去服务器。

阅读全文

标准

继续浏览