WordPress小工具开发教程(一)–Hello World

之前我们已经介绍了WordPress所有的默认小工具,内容包括:
1.标签云小工具
2.文本小工具
3.分类目录小工具
4.搜索小工具
5.功能小工具
6.文章归档小工具
7.日历小工具
8.近期文章小工具
9.近期评论小工具
10.链接小工具
11.RSS小工具
12.自定义菜单小工具
13.页面小工具
现在是时候学习开发自己的第一个小工具了,程序员的第一个小工具都是以Hello World开始的,今天我们也不列外,下面来看第一个小工具源码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php
//Hello World小工具
class hello_world_widget extends WP_Widget {
 
    function __construct() {
		$widget_ops = array(
			'description' => __( '学习开发第一个小工具' )
		);
		parent::__construct( 'hello_world_widget', __('Hello World'), $widget_ops );
	}
 
    function form( $instance ) {
?>
		<p>
			<label>这是第一个小工具</label>
		</p>
<?php
	}
 
    function update( $new_instance, $old_instance ) {
		$instance = array();
		return $instance;
    }
 
    function widget( $args, $instance ) {
		?>
		<div>
			<h3 class="widget-title">第一个小工具</h3>
			Hello World
		</div>
		<?php
    }
}
?>

上面的代码就是一个Hello World小工具的完整代码了,我们可以首先申明一个类继承自WP_Widget类,然后重载WP_Widget类的四个方法,分别是:
__construct
form
update
widget
__construct方法是小工具类的构造方法,定义一下小工具的属性,如小工具ID,小工具描述等
form方法是小工具的后台表单方法,用来定义小工具后台,用来收集用户输入设置

上述代码的form非常简单,只是输出了一个label标签
update方法用来更新用户的输入表单,今天暂时忽略。
widget方法是输出到前端的内容,上述代码在前端侧边栏中显示一个标题,和一个Hello World文本

小工具编写完了,剩下一个工作就是注册小工具:

function register_hello_world_widget() {
    register_widget( 'hello_world_widget' );
}
add_action( 'widgets_init', 'register_hello_world_widget' );

我们通过register_widget函数来注册我们的hello_world_widget小工具,将上述两段代码拷贝到主题文件夹下functions.php模板文件中,就可以看到我们的Hello World小工具了,赶快去试试吧!

(完)

版权声明WordPress头条正在使用WordPress文章版权插件
如未注明,均为原创,转载需注明出处
本文链接地址:http://www.wptoutiao.com/widgets/589.html

Hello World的相关文章

小工具的相关文章

还可以分享文章给好友:

WordPress小工具开发教程(一)–Hello World”有1个评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注