Bolo的博客 » WordPress

WordPress 3.2 新亮点

bolo — Thu, 05 May 2011 17:12:25 +0000

WordPress 即将更新到 3.2，和 3.1 的理念一样，WordPress 3.2 将继续在用户体验上下功夫。WordPress 3.2 将会有以下更新。

新的后台样式

WordPress 3.2 的后台样式将更加清爽、时尚。

新的默认主题

WordPress 3.2 的默认主题为新设计的 Twenty Eleven 主题，该主题布局和 Twenty Ten 差不多，到在后台可以选择黑/白两种配色，并且有几种默认的分栏布局可以选择。

改进升级程序

以前 WordPress 升级的时候会下载整个压缩包，使很多国内主机用户在升级 WordPress 经常遭遇服务器超时。而改良后的升级程序只会更新相对于当前版本有所改动的文件，升级速度大大提高。

广阔的写作空间

WordPress 的文章编辑器总是显得很狭隘，非常不利于调整内容排版，WordPress 3.2 的文章编辑器将可以扩大至全屏！尽情写作吧。

提升运行效率

WordPress 3.2 会去掉核心代码里一些罗哩罗嗦的地方，以提高整体效率。在为是否用 WordPress 建站的你们，以后可以放下这块心头石了。

新的 PHP 和 MySQL 环境需求

WordPress 3.2 要求服务器最低要有 PHP 5.2.4 和 MySQL5 的环境，在准备升级 WordPress 3.2 前，请先用探针查看自己服务器的配置，实在不行就顺便换个更好的服务器吧。

BTW，据说 WordPress 3.2 将在 2011 年 6 月 30 日发布，期待吧。

WordPress 3.2 将着重提高效率和程序轻量化

bolo — Sat, 19 Mar 2011 19:41:31 +0000

据可靠消息说 WordPress 核心开发人员已经着手 WordPress 3.2 的开发，以保证 3.2 版不会像 3.1 版一样，在正式版发布前让广大用户等得脖子都长了。虽然 WordPress 3.1 的某些更新的确让我们感觉耳目一新，但这等待的时间也有点太 TM 长了吧？

WordPress 3.2 将注重于程序效率和代码轻量化的改进。目前所知的重要更新主要有下面这几点：

将放弃对过时技术的支持。包括服务器 PHP 版本必须为 5.2 以上，MySQL 版本必须为 5 以上，并且在后台界面逐渐放弃对 IE6 的兼容（好事！）。
改进 List table API，增加灵活性，方便二次开发。
List Table XHR loading，暂时不知道具体是什么货，估计是优化用户体验。
改进博客写作体验，依照个人估计， WordPress 官方不会一下子放弃 TinyMCE 界面，但是据说以后会慢慢向 http://www.quietwrite.com/ 看齐。
改进升级程序。据说以后在升级 WordPress 的时候，如果你对程序文件进行了改动的话，这些文件将不会被覆盖，仅更新没有修改过的文件。不过说句实话，改程序文件是非常不安全的，如果你找我进行 WordPress 二次开发的话，我可以保证不修改 WordPress 源文件。
程序速度优化，WordPress 可能会引入某种缓存机制来提高 WordPress 的运行速度。插一句，我至今不明白为什么 WordPress 一直在 config 里留着 Cache 的选项，但缓存程序却至今未在源码中出现。

适合多人博客的作者列表插件：Author-List-Plus

bolo — Fri, 10 Sep 2010 12:13:54 +0000

Author-List-Plus 是 CantonBolo 为 WPJAM 应用商城做的第一个收费 WordPress 插件。能自动显示博客里所有作者的用户资料并统计每个作者的文章数，非常适合多人博客。

作为一个多人博客，如何才能让你的访客更多地了解博客的撰稿人们呢？建立一个完善的作者列表是一个效果良好的做法。而 Author-List-Plus 插件则可以满足大部分多人博客的需求，除了 WordPress 默认支持的个人资料以外，Author-List-Plus 还可以让每个作者都设置自己的所在地、SNS、微博等资料，博客管理员可以设置在作者列表里显示哪些资料，而更为强大的是，博主无需修改主题模板，Author-List-Plus 可以自动把作者列表添加到特定的页面里，使用非常简单！

当然，如果你想作者列表更加美观的话，你可以为作者列表写一个样式，Author-List-Plus 默认生成的 HTML 结构以足够让你写出非常漂亮的样式！

使用方法

上传并激活插件后，每个作者都可以在自己的 Profile (档案) 页面添加更多的自定义资料
博客管理员可以在 Author List Plus Options 页面定制作者列表显示的内容

Author-List-Plus 只售 ￥ 9.98 ，需要的童鞋可以到 WPJAM 应用商城购买。

为 WordPress 3.0 自定义菜单添加描述

bolo — Tue, 20 Jul 2010 06:04:42 +0000

WordPress 3.0 增加了一个强大的自定义菜单功能，但美中不足是要实现题图这样包含描述的菜单时，单靠目前 WordPress 的功能还无法实现。本文将教你改变 WordPress 默认的菜单输出，打造更加个性的菜单。

也许你已经知道，当后台出现 Appearance > Menus 这个菜单项的时候，就标明你使用的主题支持 WordPress 3.0 自定义菜单。只需要用 wp_nav_menu() 函数进行调用即可。但问题是 WordPress 输出的菜单 HTML 结构如下：


    Home
    About
    Contact
    Blog

但我们需要的是像下面这种结构的菜单：


     HomeDescription
     AboutDescription
     ContactDescription
     BlogDescription

通过对比，很明显 WordPress 默认输出的菜单结构并不能满足我们的要求。我们需要做的是先为每个菜单项写上 description，然后添加一个 filter 对 WordPress 输出的菜单进行整理。

在 Appearance > Menus 页面，菜单项的 description 输入框默认是隐藏的，我们可以在页顶的 Screen Options 里把 Description 勾上。

然后我们就开始为菜单项加上描述吧！

在默认情况下，WordPress 已经自动为 Page 菜单项写上了长长的描述，在这里我们可以把这些描述改为自己喜欢的内容。

接下来我们要写一个 filter 用来整理 WordPress 输出的菜单代码。wp_nav_menu() 函数有一个 walker 参数，我们通过这个参数来调用 filter。下面是 filter 的代码：

class description_walker extends Walker_Nav_Menu
{
      function start_el(&$output, $item, $depth, $args)
      {
           global $wp_query;
           $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
 
           $class_names = $value = '';
 
           $classes = empty( $item->classes ) ? array() : (array) $item->classes;
 
           $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
           $class_names = ' class="'. esc_attr( $class_names ) . '"';
 
           $output .= $indent . '. $item->ID . '"' . $value . $class_names .'>';
 
           $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
           $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
           $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
           $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
 
           $prepend = '';
           $append = '';
           $description  = ! empty( $item->description ) ? ''.esc_attr( $item->description ).'' : '';
 
           if($depth != 0)
           {
                     $description = $append = $prepend = "";
           }
 
            $item_output = $args->before;
            $item_output .= '. $attributes .'>';
            $item_output .= $args->link_before .$prepend.apply_filters( 'the_title', $item->title, $item->ID ).$append;
            $item_output .= $description.$args->link_after;
            $item_output .= '';
            $item_output .= $args->after;
 
            $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
            }
}
li>

这个 filter 只是在 WordPress 默认的 walker 脚本的基础上修改了一些内容（原代码在 wp-includes/nav-menu-template.php），并且只为顶级菜单项添加描述。

最后一步，我们只需在调用菜单的时候告诉 WordPress：“调用这个菜单的时候使用我自己的 walker 脚本”，WordPress 就会自动生成你所需要的结构的菜单了。在调用菜单是，我们这样写：

wp_nav_menu( array(
	'container' =>false,
	'menu_class' => 'nav',
	'echo' => true,
	'before' => '',
	'after' => '',
	'link_before' => '',
	'link_after' => '',
	'depth' => 0,
	'walker' => new description_walker())
);

要令菜单更好看的话，我们只需要编写自己喜欢的 CSS 样式即可。

为 WordPress 3.0 的自定义菜单链接添加栏目图标

bolo — Tue, 25 May 2010 15:18:57 +0000

WordPress 3.0 为了增强 CMS 功能，加入了自定义菜单的功能，除了定义菜单项目外，还可以菜单定义各个项目的 CSS Class。我们可以利用这个功能来为菜单项目添加一个个性图标。

在 WordPress 3.0 的 Appearance（外观）-> Menus（菜单）面板里我们可以看到自定义菜单的设置，首先点击“Creat Menu”，再在左栏勾选需要的菜单项目后点击“Add to Menu”可以把勾选的项目添加到刚才建立的自定义菜单里。这是展开菜单项可以看到相关项目的参数。

默认情况下能修改的参数很少，这时点击屏幕左上角的“Screen Options（屏幕参数）”，把“Show advanced menu properties（显示高级菜单属性）”里的项目全部勾选，我们就可以看到更多的参数。以本文题图为例，为各个项目分别加上 Home、Advertise、Contact、Archives 和 About 的 CSS Class，这样在前台调用菜单时，这些项目将拥有一个自定义的 CSS Class，接下来我们可以通过 CSS 为这些项目加上图标。

#header ul.navigation li a.home {
	background:url("images/home.png") no-repeat 0 1px transparent;
}
#header ul.navigation li a.about {
	background:url("images/about.png") no-repeat 0 0px transparent;
}
#header ul.navigation li a.advertise {
	background:url("images/advertise.png") no-repeat 0 0px transparent;
}
#header ul.navigation li a.archive {
	background:url("images/archive.png") no-repeat 1px 2px transparent;
}
#header ul.navigation li a.contact {
	background:url("images/contact.png") no-repeat 0 3px transparent;
}

在 WordPress 3.0 之前的版本里，我们可以通过 JavaScript 等方法为菜单项目加上图标。原理是获取菜单项的 title 值，再为它加上一个和 title 值相同的 Class，在 jQuery 里可以这样写：

$(document).ready(function(){
	$('ul.navigation li a').addClass(function() {
		return $(this).attr('title');
	});
});

WordPress 在 more 截断处插入广告

bolo — Thu, 20 May 2010 05:01:48 +0000

在文章内插入的广告具有相当高的点击率。在 WordPress 里，我发现很多人利用 JavaScript 把广告插入到 more 截断标签处，作为内文广告。昨晚我也在内文里放了 Google Adsense，但我是用 WordPress 自带的 add_filter 函数实现的。

打开主题的 function.php ，插入下面的代码：

/**
 * The filter to insert the ads
 */
function bl_insert_ad_code_filter( $content ) {
	global $id;
 
	// 只在文章页面显示
	if ( !is_single() ) {
		return $content;
	}
 
	// 首先插入广告代码
	$html = '你的广告代码
';
 
		// more 标签在 WordPress 2.3 前是一个 a 标签，2.3 后是一个 span 标签
		// 保证兼容性
		return preg_replace("#\《(a|span) id＼=\"more-$id\"\》\《/\\1\》#", $html."$0", $content, 1);
		//因为 wp-syntax 插件的问题，请把上一句代码中的书名号替换成“< ”和“>”，“＼”换成“\”
 
	return $content;
}
 
add_filter('the_content', 'bl_insert_ad_code_filter', 50);

利用这个 filter 我们还可以在文章任意的地方插入广告，或者添加其他的应用，大家可以尽情发挥创意。

WordPress 高级设置技巧

bolo — Thu, 29 Apr 2010 15:16:29 +0000

WordPress 在编写和修改文章是默认会每隔 60 秒自动保存一次，并且生成一个修订存档，这个设置未必适合每一个人，但后台并没有提供相关的设置。我们可以修改 wp-config.php 里的参数来进行设置。

修改自动保存间隔时间

打开 WordPress 根目录里的 wp-config.php(2.9版本在 wp-settings.php 里)，找到以下的代码：

1	define( 'AUTOSAVE_INTERVAL', 60 );

这个常量是 WordPress 自动保存的间隔时间，把 60 修改成你想要的秒数即可。

关闭生成修订版功能

继续查找以下代码：

1
2
3

$default_constants = array( 'WP_POST_REVISIONS' => true );
// 如果没有这句的话则查找
define('WP_POST_REVISIONS', true );

把 true 改为 false 可以关闭生成修订版本的功能，节省数据库容量 (这个值也可以设置为大于 0 的整数，表示允许生成修订版的最大数量)。另外，在 WordPress 2.9 以前，还可以查找 define(‘WP_POST_REVISIONS’, 3); 修改 3 为修订版的最大数量。

清空回收站的时间间隔 (2.9)

WordPress 2.9 里加入了一个回收站功能（Trash），可以把不需要的条目放到回收站里，WordPress 默认每 30 天清空一次回收站。如果你要修改这个间隔的话，可以在 wp-settings.php 里查找以下代码：

1	define( 'EMPTY_TRASH_DAYS', 30 );

把 30 修改成你喜欢的天数即可。

强制使用 SSL 加密登录

为了增强网站安全性，有很多人都购买了带 SSL 加密的主机。WordPress 从 2.6 开始支持使用 SSL 地址登录后台。查找以下代码：

1	define('FORCE_SSL_ADMIN', false);

把 false 修改成 true 可以让管理员使用 SSL 加密协议登录。继续查找以下代码：

1	define('FORCE_SSL_LOGIN', false);

把 false 修改成 true 则可以让所有用户都使用 SSL 加密协议登录。

WordPress 分享插件：iBegin Share (mod)

bolo — Wed, 21 Apr 2010 11:46:12 +0000

因为网络上提供的网址分享插件都没有一个能完全符合我的要求的，所以我曾经想自己做一个分享插件。但得益于 WordPress 繁多的插件，我找到了 iBegin Share 这个插件（在官网下载的插件无法正常运行，因此我制作了一个修改版），它已经满足了我大部分的要求。

特点：

可以自由定义自己喜欢的分享服务
可以对文章被分享的次数进行统计
加载的脚本比较小
不依赖第三方网站运行（提供分享服务的网站除外）
除了分享到其他网络以外，还可以把页面转换成 PDF 或 Word 文档保存到本地

如何使用

iBegin Share 提供了两种调用方式，他们之间的区别是一种用图片来表示分享按钮，另一种是通过文本方式表示分享按钮。我们可以在模板里通过以下代码调用分享按钮。

< ?php if( function_exists('iBeginShare_TextLink') ) : ?>
	<span id="share-tool">
		< ?php iBeginShare_TextLink(); ?> //通过文本方式表示分享按钮
		// 或者
		< ?php iBeginShare_Button(); ?> //通过图片方式表示分享按钮
	span>
< ?php endif; ?>

两种按钮的效果大家可以自己安装插件测试一下。

修改版

由于插件作者在编写插件时写错了一个变量的值，因此大家在官方插件目录里下载的插件是无法运行的。我自己制作了一个修改版，修正了作者的错误，并且用一些国内常用的分享服务代替了一些国外服务。效果如本文配图，国内服务在第一行，国外服务在第二行。大家可以点这里下载我修改的版本。

做一个自己的插件

bolo — Tue, 16 Feb 2010 06:58:28 +0000

很多人在换主题时首先做的是修改一下，例如加上自己的站点统计代码，或者加上自己的个性功能等等。如果我们把这些功能都做成一个插件，那样我们在换主题时就可以省很多功夫。这篇文章浅浅睇说一下如何做一个你自己的插件。

首先建一个bolo.php文件，在里面写上下面的代码：

< ?php
/*
Plugin Name: bolo
Plugin URI: http://imbolo.com
Description: Bolo's custom plugin
Version: 1.0
Author URI: http://blog.imbolo.com
*/
?>

把这个文件放进一个叫bolo的文件夹里，上传到plugins目录后就可以在后台激活。这就是一个最简单的插件了，什么功能都没有。下面我就加一些功能。

添加站点统计

站点统计是每个站长都会使用的工具，每天都不能少，通过插件来添加站点统计，免除了手动修改主题的麻烦。代码也非常简单。

function site_analytics() {
	echo '此处替换成你的统计代码';
}
 
add_action('wp_footer', 'site_analytics');

把上面的代码插入到bolo.php里，统计代码就会自动添加到主题模板wp_footer()的地方。

移除某些插件的CSS和JS

很多插件在激活以后会在主题模板的wp_head()和wp_footer()这两个地方添加自己的CSS和JS，这样会增加HTTP请求数。因此我们在合并了插件的CSS和JS文件后需要移除这些Hook，防止作用相同的文件重复加载，我们可以用下面的代码轻松搞定。

1 2	remove_action( 'wp_head', '插件的Hook'); //移除header里的某个Hook remove_action( 'wp_footer', '插件的Hook'); //移除footer里的某个Hook

后记

以上两个举例希望可以起到抛砖引玉的作用，要开发更多的功能，可以参考一下《预留改进的空间》这篇文章。很多人喜欢吧一些小功能写进主题的functions.php里，我个人认为把这些功能都做成一个独立的插件是一个更好的办法。虽然精确地说整个网站的运行速度是会慢那么很微小的一点点，但那几毫秒的时间省下来了你又能干些什么？如果非要追求速度，把页面缓存成html文件就没有差别了。

预留改进的空间

bolo — Tue, 09 Feb 2010 07:35:33 +0000

在做我的音乐博客 NoSay.in时我曾经考虑了很多日后进行更新时会遇到的问题，例如：以后我想在首页增加一个快速听歌的功能，因此我在每篇日志里都预先写上了custom field；还有某些对用户体验产生很大影响的插件，以后在更换插件的时候，我如何才能使对用户和我自己的影响降到最低？因此我当时选择了一些使用简便的插件。但昨天我看了wordpress.la的《精通 WordPress简码》后，一个更好的想法诞生了。

什么是Short Code？

WordPress Short Code也叫做短代码或者短码，早在WP2.5里已经加入了这个功能。WP短码在功能上和做主题和插件时经常做的自定义function功能几乎一样，也支持自定义参数。最大的区别是WP短码可以在文章里通过自定义的标记进行调用，具有极高的灵活性。请看摘自wordpress.la的一个例子。

定制Google AdSense位置

问题：许多博主都在使用Google AdSense，在主题文件如sidebar.php 添加AdSense编码非常容易，但有经验的网络营销师都明白访客点击最多的还是嵌入在文章内部的广告。

解决方案：若在日志或页面中嵌入AdSense广告，需创建以下简码：

1. 打开functions.php文件并复制以下代码。记得把JavaScript代码换成自己的AdSense代码。
function showads() {
return ‘

‘;
}
add_shortcode(‘adsense’, ‘showads’);
2. 保存functions.php文件后，可使用以下简码在日志和页面定制AdSense显示位置：
[adsense]

注意AdSense代码被adsense div元素包装，这样我们就可以在style.css文件中设计其样式。

代码注释：以上代码用来显示AdSense广告。当把简码插入日志中时，它就会返回AdSense广告。这一切都非常简单，同时也节省了大量时间。

从这个例子可以看到，通过WP短码，我们可以在文章里的任意一个地方快速地插入一段已经定制好的代码。这将大大地提升你的工作效率。

如何预留改进的空间？

首先说说我的看法。我预留改进的空间的原因是我要避免被“插件劫持”。插件劫持是我自己命名的一种情况，意思是你正在使用一个前台插件，例如Hightslide，要正常使用Highslide的功能的话，我就必须在文章里使用符合Hightslide的规则的代码。麻烦就从这里开始。到了后来的某一天，我觉得Magic Toolbox更好，于是乎我转用Magic Toolbox，可是Magic Toolbox和Hightslide的调用代码不兼容，于是我又要重新修改以前写的文章，使旧文章也支持Magic Toolbox。考虑到旧文章的兼容问题，于是我可能嫌麻烦，而被迫继续使用Hightslide。这就是所谓的插件劫持。而WP短码正好可以解决这个问题。以下是我想到的解决插件劫持问题的方法。

在使用Hightslide的时候，我先在主题的function.php里定义一个短码。

function insert_img($atts, $content = null) {
extract(shortcode_atts(array(
"href" => 'http://'
), $atts));
return '.$href.' class="highslide" onclick="return hs.expand(this)">.$content.'" alt="Highslide JS"/>';
}
 
add_shortcode("img", "insert_img");

这样我就能通过在文章里插入[img href=”big.jpg”]small.jpg[/img]这样的代码来插入带有Hightslide效果的图片。当我转用Magic Toolbox后，我只需要把短码修改一下，变成：

function insert_img($atts, $content = null) {
extract(shortcode_atts(array(
"href" => 'http://'
), $atts));
return '.$href.'" class="MagicThumb">.$content.'" alt=""/>';
}
 
add_shortcode("img", "insert_img");

通过修改一次代码，我所有采用WP短码插入的Highslide效果都将转变成Magic Toolbox的效果。同样的，如果想在Magic Toolbox的基础上再进行改变，我也是只需要修改我定义的WP短码就可以了。

后记

对很多刚开始用WordPress的人来说，大多数人是不会注重以后的升级的（包括我），这也造成很多人在文章多了以后遇到了插件劫持。我希望看过这篇文章的朋友都能重视这个问题，并在以后的日子里尽量避开它。虽然在开始的时候会麻烦点，但能对以后的更新带来很大的方便。

另外提醒一下，用WP短码来进行不同插件的过渡的方法只使用于完全由浏览器实现效果的插件，对需要在后台进行二次处理的插件是无效的，如WP-Syntax。

本文所用的例子不能代表Hightslide和Magic Toolbox在实际使用上的优劣，请大家根据自己的情况自行选用插件。