撰寫自己第一個外掛！

By
Mr. 夫
– 2010 年 4 月 2 日發表於： Plugin Developer

因為最近有需求要開發一些客製化的外掛，所以也開始在研究如何撰寫 WordPress 的外掛模組。當我第一次接觸WordPress這個部落格程式時就被它那個簡單安裝外掛的功能給迷到，畢竟在之前我有玩過一些網站套件，他們安裝外掛的過程其實就是一連串的程式碼修改指示文件，所以不論是安裝或是移除都是挺麻煩的事。

直到開始玩起WordPress後就驚訝到想不到安裝外掛也可以那麼方便上手，就跟在作業系統上安裝軟體是一樣的感覺，所以也滿好奇WordPress的外掛是如何加載至系統上的，花了點時間了解到原來是有一套Plugin API機制系統已經在很多地方留下了 [ 通道 ]，比如說你可以在header.php發現有這麼一段程式碼：

?查看代碼 PHP
1
2
3

<?php
wp_head();
?>

 

先以之前 [ 移除連結虛線框 ] 這篇文章來說明如何使用這個通道。
首先建立一個php檔案，然後名稱取為Remove-Outline.php好了，然後你要依照以下格式來說明你的外掛功能：

?查看代碼 PHP
1
2
3
4
5
6
7
8

/*
Plugin Name: Remove Outline
Plugin URI: http://wp.play-learn.net/
Description: 移除按下連結時產生的虛線框。
Author: Vergil
Author URI: http://wp.play-learn.net/
Version: 0.0.1
*/

 

再來是建立一個function，名稱也直接叫做remove_outline好了，然後用echo來打上移除連結虛線的語法：

?查看代碼 PHP
1
2
3
4
5
6
7
8
9
10

<?php
function remove_outline()
{
	echo '<script type="text/javascript">
			window.onload=function(){
			for(var ii=0; ii<document.links.length; ii++)
			document.links[ii].onfocus=function(){this.blur()}}
		</script>';
}
?>

 

再來是開始連結通道並且說明你要載入的function名稱：

?查看代碼 PHP
1
2
3

<?php
add_action('wp_head', 'remove_outline');
?>

 

這樣一個小外掛就完工了！整個檔案內容如下：

?查看代碼 PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?php
/*
Plugin Name: Remove Outline
Plugin URI: http://wp.play-learn.net/
Description: 移除按下連結時產生的虛線框。
Author: Vergil
Author URI: http://wp.play-learn.net/
Version: 0.0.1
*/
function remove_outline()
{
	echo '<script type="text/javascript">
			window.onload=function(){
			for(var ii=0; ii<document.links.length; ii++)
			document.links[ii].onfocus=function(){this.blur()}}
		</script>';
}
add_action('wp_head', 'remove_outline');
?>

 

然後直接把這個檔案上傳至wp-content/plugins/目錄下再至後台啟用就完工啦~~

目前沒有任何文章。