开发WordPress博客插件详细步骤

时间: 2010-10-24 / 分类: 博客相关 / 浏览次数: 3,927 次 / 26 个评论 发表评论

WordPress 并非仅仅是一个简单的博客平台,同时也是一个功能极其强大并且有着无限扩展能力的 CMS 平台。现在不管是在国内还是国外,WordPress 都有着庞大的用户数量,而且这等用户数量也是其它博客平台难以匹敌的,一直以来也都有着数量巨大的 WordPress 爱好者为其开发主题和插件,借助于这些主题和插件,你几乎可以把 WordPress 配置成任何类型的站点。

我一直认为开发插件不是一件容易的事情,我也一直很佩服那些开发插件的大牛们,感谢他们的无私奉献。但是有时候,别人开发好的插件,并不一定完全适 合每个人的需求,自己想去修改吧,又不敢动手。其实,只要我们能理解插件的工作机制,并且参考一下 WordPress 的官方文档,再多借助于搜索引擎,我们自己也能对那些插件进行一些修改,并且自己也可以开发出一些简单的插件。今天这片文章就来了解一下插件的工作机制, 并且尝试写一个插件。

作为一个入门的练习,这个插件的功能将相当简单,要实现的功能仅仅是在博客正文页面的最底部加上一个段落,内容是版权声明,例如:“本站点所有文章均为原创,转载请注明出处!”,相信大家都见过很多博文底部都有这样的版权声明吧,他们都是在写文章的时候手工写上去的吗,肯定不是,而且很有可能是通过插件实现的。

在开始之前,需要注意三件事情

  1. 给插件取一个个性化的名字,越个性化越好,以防和其他插件重名冲突。
  2. 代码里面,一定要包含注释,不为自己,也要为想修改你代码的别人想想。
  3. 尽量用最新版的 WordPress 进行开发和测试。

插件名称和插件相关 PHP 代码文件

一般来说,都是在 wp-content\plugins 目录下建立一个文件夹,文件夹的名字取插件的名字,我们插件名字为 “Copyright plugin”,文件结构如下

插件的文件结构插件的文件结构

这里的 readme.txt 文件中包含了一些插件的介绍,使用说明等信息,主要是提交到 WordPress 官方网站时候用到的,可以参考他们给的模板 http://wordpress.org/extend/plugins/about/readme.txt,另外还有插件截图预览的功能,需要另外添 加图片,但是我们现在是练习,不需要提交到官网,所以暂时先不涉及这些。

插件的核心

总的来说,插件的核心是两个 function,用来添加 Hooks(中文译为钩子)

  • add_action ($hookname, $callbackfunction)
  • add_filter ($hookname,$callbackfunction)

这两个方法相当重要,几乎所有的插件都要用到他们。

  • Actions,我理解就是 wordpress 核心代码预留的一些特殊的切入点,或者说是在执行一些特定事件时候发生,例如文章发布时,或者访客留言时触发。想情参见 Action Reference
  • Filters,应该就是 wordpress 执行时,对数据传输过程的一种过滤机制,例如当文章保存到数据库的过程,或者文章从事数据库中取出,展现到浏览器中的这个过程。详情参见 Filter Reference

我们今天要制作的插件,应该是用 Filters,因为我们要在文章显示在浏览器之前,在最后面加上一段字符窜,用来显示版权信息,后面添加菜单项的时候,也要用到 Actions。

插件概要信息

用文本编辑器打开 copyright-plugin.php 文件,输入如下信息:

<?php
/*
Plugin Name: Copyright plugin
Plugin URI: http://www.akasuna.com/plugins/
Description: 此插件将在文章正文最下面,显示一行版权信息
Version: 1.0
Author: akasuna
Author URI: http://www.akasuna.com/
License: GPL
*/
?>

保存好文件,然后登录 WordPress 后台,打开插件菜单,应该就可以看到这个插件,已经显示在插件列表里面了,并且可以启用这个插件试试,不过没有任何效果,因为到目前为止,这个插件还没有实现任何功能。

为插件实现功能

<?php
/*
Plugin Name: Copyright plugin
Plugin URI: http://www.akasuna.com/plugins/
Description: 插件将在文章正文最下面,显示一行版权信息
Version: 1.0
Author: akasuna
Author URI: http://www.akasuna.com/
License: GPL
*/

/* 此插件将在文章正文最下面,显示一行版权信息 */
function display_copyright() {
	return "<p style='color:red'>本站点所有文章均为原创,转载请注明出处!</p>";
}
?>

保存好这个文件,然后打开正在用的主题文件夹,打开 single.php 文件夹,找到 <?php the_content(); ?> 并在下面添加如下代码

<?php
if(function_exists('display_copyright')) {
	echo display_copyright();
}
?>

function_exists 是判断 display_copyright 函数是否存在,因为当插件停用的时候,主题代码里面是找不到这个函数的,所以要判断一下,防止出错。

然后启用在 wordpress 后台启用该插件,再打开博客日志正文看看效果吧!

插件显示效果插件显示效果

至此,这段代码,应该可以勉强算是一个插件了。之所以说勉强,是因为这个插件存在一个问题,需要手工去修改主题代码,如果用户换了主题的话,需要在新主题里面再次修改代码,这个不好。

改良插件

还记得我们前面说过的 Hooks (钩子)吗,我们要开始用 Filter 钩子了!

代码修改如下:

<?php
/*
Plugin Name: Copyright plugin
Plugin URI: http://www.akasuna.com/plugins/
Description: 此插件将在文章正文最下面,显示一行版权信息
Version: 1.0
Author: akasuna
Author URI: http://www.akasuna.com/
License: GPL
*/

add_filter( 'the_content',  'display_copyright' );

/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 single 页面才添加 */
function display_copyright( $content ) {
	if( is_single() )
		$content = $content . "<p style='color:red'>本站点所有文章均为原创,转载请指明出处!</p>";

	return $content;
}

?>

参看以上代码,其中 the_content 是钩子的名字,display_copyright 是回调函数名称。这样一来,只要启用插件就可以实现功能,无需去修改主题了,请把刚才在 single.php 文件中添加的代码删掉,然后启用插件,看看效果吧,显示效果应该是一样的,无论怎么换主题,还是会自动显示版权信息。

更进一步

至此一个真正的插件算是完成了。但是此插件将版权信息直接写在代码里,如果用户想自定义版权信息的话,需要修改插件的源代码,仍然不方便,所以此插 件仍需改进。其实,我们可以在 WordPress 后台中为插件单独添加一个菜单和页面,用户可以在这里来自定义设置设置版权信息,信息可以保存在数据库里面。

<?php
/* 注册激活插件时要调用的函数 */
register_activation_hook(__FILE__,'display_copyright_install'); 

/* 注册停用插件时要调用的函数 */
register_deactivation_hook( __FILE__, 'display_copyright_remove' );

function display_copyright_install() {
	/* 在数据库的 wp_options 表中添加一条记录,第二个参数为默认值 */
	add_option("display_copyright_text", "<p style='color:red'>本站点所有文章均为原创,转载请注明出处!</p>", '', 'yes');

function display_copyright_remove() {
	/* 删除 wp_options 表中的对应记录 */
	delete_option('display_copyright_text');
}
?>

以上代码自己要是在启用插件时和停用插件时调用,注释中已经写得很详细了。

添加菜单和页面的代码如下:

<?php
/* 判断是否在 WordPress 后台 */
if( is_admin() ) {
	/*  利用 admin_menu 钩子,添加菜单 */
	add_action('admin_menu', 'display_copyright_menu');
}

function display_copyright_menu() {
	/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function);  */
	/* 页名称,菜单名称,访问级别,菜单别名,点击该菜单时的回调函数(用以显示设置页面) */
	add_options_page('版权设置页面', '版权设置菜单', 'administrator','display_copyright', 'display_copyright_html_page');
}
?>

至此,已经可以在后台看到菜单项了,但是点击的话,还会出错,因为还没有添加对应的页面

下面开始添加页面,主要代码如下:

<?php
function display_copyright_html_page() {
?>
	<div>
		<h2>版权信息设置</h2>
		<form method="post" action="options.php">
			<?php /* 下面这行代码用来保存表单中内容到数据库 */ ?>
			<?php wp_nonce_field('update-options'); ?>

			<p>
				<textarea
					name="display_copyright_text"
					id="display_copyright_text"
					cols="40"
					rows="6"><?php echo get_option('display_copyright_text'); ?></textarea>
			</p>

			<p>
				<?php /* 下面这两个隐藏字段为必须,其中第二个字段的值为要修改的字段名 */ ?>
				<input type="hidden" name="action" value="update" />
				<input type="hidden" name="page_options" value="display_copyright_text" />

				<input type="submit" value="保存设置" class="button-primary" />
			</p>
		</form>
	</div>
<?php
}
?>

现在再去点击刚才新加的菜单,可以显示出来一个页面了,我们可以在这里设置版权信息文本。

插件设置页面插件设置页面

另外还有如下代码要修改

/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 single 页添加 */
function display_copyright( $content ) {
	if( is_single() )
		$content = $content . get_option('display_copyright_text');

	return $content;
}

将原来的静态化文本,改成动态的,之所以要这么改,是因为我们已经将数据存到数据库里面了,这里要从数据库里面取出数据。

最后附上完整的代码

<?php
/*
Plugin Name: Copyright plugin
Plugin URI: http://www.akasuna.com/plugins/
Description: 此插件将在文章正文最下面,显示一行版权信息
Version: 1.0
Author: akasuna
Author URI: http://www.akasuna.com/
License: GPL
*/

/* 注册激活插件时要调用的函数 */
register_activation_hook( __FILE__, 'display_copyright_install'); 

/* 注册停用插件时要调用的函数 */
register_deactivation_hook( __FILE__, 'display_copyright_remove' );

function display_copyright_install() {
	/* 在数据库的 wp_options 表中添加一条记录,第二个参数为默认值 */
	add_option("display_copyright_text", "<p style='color:red'>本站点所有文章均为原创,转载请注明出处!</p>", '', 'yes');
}

function display_copyright_remove() {
	/* 删除 wp_options 表中的对应记录 */
	delete_option('display_copyright_text');
}

if( is_admin() ) {
	/*  利用 admin_menu 钩子,添加菜单 */
	add_action('admin_menu', 'display_copyright_menu');
}

function display_copyright_menu() {
	/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function);  */
	/* 页名称,菜单名称,访问级别,菜单别名,点击该菜单时的回调函数(用以显示设置页面) */
	add_options_page('版权设置页面', '版权设置菜单', 'administrator','display_copyright', 'display_copyright_html_page');
}

function display_copyright_html_page() {
?>
	<div>
		<h2>版权信息设置</h2>
		<form method="post" action="options.php">
			<?php /* 下面这行代码用来保存表单中内容到数据库 */ ?>
			<?php wp_nonce_field('update-options'); ?>

			<p>
				<textarea
					name="display_copyright_text"
					id="display_copyright_text"
					cols="40"
					rows="6"><?php echo get_option('display_copyright_text'); ?></textarea>
			</p>

			<p>
				<input type="hidden" name="action" value="update" />
				<input type="hidden" name="page_options" value="display_copyright_text" />

				<input type="submit" value="保存设置" class="button-primary" />
			</p>
		</form>
	</div>
<?php
}

add_filter( 'the_content',  'display_copyright' );

/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 single 页添加 */
function display_copyright( $content ) {
	if( is_single() )
		$content = $content . get_option('display_copyright_text');

	return $content;
}
?>

引用到此,很佩服akasuna,之前就给我指点过,现在又分享怎么做插件,牛人啊。。。

文章出处:怎样开发一个 WordPress 插件

填写您的邮件地址,订阅我们的精彩内容:

26个评论

  1. 广州seo
    2012/03/06 10:31:01

    学习了 赞一个!

  2. Accident Videos
    2011/08/30 04:04:43

    Accident Videos…

    If you want a good to watch funny accident videos then check out my site….

  3. Best Cinema
    2011/08/26 01:02:05

    Best Cinema…

    If you want a great review about cinemas check out this site….

  4. 女鞋品牌排名
    2011/04/09 05:03:07

    快来看看,,,

  5. 女包品牌排名
    2011/04/09 05:02:31

    我喜欢,嗯,很好,

  6. 女包品牌排名
    2011/04/09 05:00:40

    真不错,,,,来看了哦,。

  7. 女鞋品牌排名
    2011/04/09 04:54:52

    学习了,呵呵,,,,,

  8. 南海神灵
    2011/01/23 20:44:51

    非常详细,图文并茂

    • 小杰
      2011/01/23 22:33:30

      只可惜不是我写的,呵呵。。。我没有这个技术

  9. imxren
    2010/11/08 09:50:37

    标记下,以后试试

    • 小杰
      2010/11/08 13:26:00

      很完整的一篇开发日志,可以在以后学习的时候参考

  10. 我要学
    2010/10/29 02:31:56

    学习了,很不错的教程,循序渐进!

    • 小杰
      2010/10/29 07:25:07

      转载别人的,留着以后学习用吧,呵呵

  11. 小付
    2010/10/28 22:35:19

    没看完,有需要的时候再来接着看

    • 小杰
      2010/10/29 07:17:49

      这可不是我写的哦,我还没这么高的技术,转载别人的,我看很好就转了,以后也许用的上,呵呵

  12. Charlie
    2010/10/27 19:14:02

    不错,学习学习!

    • 小杰
      2010/10/27 23:15:18

      谢谢支持了哈,欢迎常来交流啊

  13. 小灵
    2010/10/27 16:22:41

    不错的教程,不过插件还是先不学了。呵呵

    • 小杰
      2010/10/27 16:46:55

      这是抄的别人的教程,我只是想收藏一下怎么做插件。也明白插件是有坏处的,呵呵

  14. 小杰
    2010/10/27 14:12:49

    测试ajax评论回复功能

    • 小灵
      2010/10/27 16:23:37

      这个Ajax评论功能很漂亮哦,用什么插件的呢?

      • 小杰
        2010/10/27 16:46:02

        哈哈。。。这个功能这是刚刚折腾好啊,没有用插件,是用代码实现的,是willin的代码,你知道的啊,呵呵

  15. 手机链
    2010/10/26 20:29:48

    现在对PHP基本还不了解,语言还是先学好我的C++才行。团长厉害了啊

发表评论

您的昵称 (必填哦)

您的邮箱 (必填哦)

您的网站

1+5= (麻烦算一下吧(*^__^*) )