WordPress如何添加Meta Box

来源:undefined 2024-12-24 14:26:20 1011

下面由wordpress教程栏目给大家介绍wordpress添加meta box的方法,希望对需要的朋友有所帮助!

  WordPress添加Meta Box的方法,需要使用到add meta boxes Action,该Action允许我们为任何文章类型注册Meta Box,在该Action中,我们需要使用add_meta_box()方法来添加Meta Box的相关信息。

代码如下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

function add_rating_meta_box($post_type, $post) {   

// 需要哪些post type添加推荐指数 Meta Box   

$types = array( post, page );   

foreach ( $types as $type ) {   

add_meta_box(   

rating_meta_box_id, // Meta Box在前台页面中的id,可通过JS获取到该Meta Box   

推荐指数, // 显示的标题   

render_rating_meta_box, // 回调方法,用于输出Meta Box的HTML代码   

$type, // 在哪个post type页面添加   

side, // 在哪显示该Meta Box   

default // 优先级   

);   

}   

}   

add_action( add_meta_boxes, add_rating_meta_box );

登录后复制

  这里我们在$types数组中定义了Post和Page都需要推荐指数这个自定义字段,然后告诉WordPress使用“render_rating_meta_box”方法来渲染Meta Box,位置在侧边栏(side)。因为内容不多,所以侧边栏足够,若内容较多,可以将“side”改为“advanced”,这样就会在主内容区域渲染Meta Box。

  接下来看看是如何渲染的

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

function render_rating_meta_box( $post ) {   

// 添加 nonce 项用于后续的安全检查   

wp_nonce_field( rating_nonce_action, rating_nonce_name );   

// 获取推荐指数的值   

$rating_key = rating;   

$rating_value = get_post_meta( $post->ID, $rating_key, true );   

$rating_value = (int)$rating_value;   

$html = <select>;   

for ($i = 0; $i %s星, $i, $selected, $i/2);   

}   

$html .= </select>;   

echo $html;   

}

登录后复制

  这里先使用wp_nonce_field()添加了一个nonce field,用来做安全检查,然后,读取推荐指数的值,循环1~10来输出可供选择的值,如果和推荐指数相同,则默认选上。通过下拉框,既可以解决输入不方便和无法验证的问题。记住这里下拉框的name属性的值(rating_field),将通过它在下面的代码中获取选择的值。

  最后,当文章被保存时,需要将推荐指数也保存起来

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

function save_rating_post_data( $post_id ) {   

// 检查nonce是否设置   

if (!isset($_POST@[rating_nonce_name])) {   

return $post_id;   

}   

$nonce = $_POST@[rating_nonce_name];   

// 验证nonce是否正确   

if (!wp_verify_nonce( $nonce, rating_nonce_action)) {   

return $post_id;   

}   

// 如果是系统自动保存,则不操作   

if ( defined( DOING_AUTOSAVE ) &amp;&amp; DOING_AUTOSAVE ) {   

return $post_id;   

}   

// 检查用户权限   

if ($_POST@[post_type] == post) {   

if (!current_user_can(edit_post, $post_id )) {   

return $post_id;   

}   

}   

$rating_key = rating;   

// 获取数据   

$rating_value = $_POST@[rating_field];   

// 更新数据   

update_post_meta( $post_id, $rating_key, $rating_value );   

}   

add_action( save_post, save_rating_post_data );

登录后复制

  这里做了一系列检查,包括对刚刚设置的nonce检查,用户权限的检查,排除自动保存的情况。然后使用update_post_meta()方法将数据存入数据库。

  至此,我们就完成了对推荐指数自定义字段的改装,可以很方便的选择文章的推荐指数。

  等等。。。

  细心的朋友可能发现了,在应用了上面三段代码后,的确可以实现功能。但是,在默认的自定义栏目区域下,是可以看到,有一个名为“rating”的栏目,这就是我们刚刚选择的推荐指数。如果想让他不在自定义栏目下,显示,可以将上述代码中的$rating_key改为以下划线开头,这样,WordPress就不会显示出来了。注意有两个地方要改。

1

2

// 原来的代码   $rating_key = rating;   

// 改后的代码   $rating_key = _rating;

登录后复制

最新文章