WordPress自定义文章添加自定义字段面板

2021-05-22 0 1,134 百度已收录

以前我们分享了wordpress确立自界说文章类型教程确立的文章类型仅有题目和正文内容,然则我们在开发WordPress主题时,以及wordpress自界说字段操作函数,然则对于自界说字段的时刻,在后台添加的使用通过谁人面板添加十分晦气便,好比你要使用自界说字段来实现seo功效,那么你每次都需要重复输入字段名称。稀奇对于产物文章类型来说,不仅仅题目和正文,还需要单独设置一些其它的参数,如产物价钱、产物型号、规格巨细等,那么就需要给文章类型添加Meta Box,通俗点明白就是自界说字段表单,下面博客吧以添加产物价钱为例举行说明。自界说Meta Box需要用到add_meta_box函数:

  1. add_meta_box( $id, $title, $callback, $post_type, $context,$priority, $callback_args );

参数说明

  1.     $id:字段id,唯一
  2.     $title:题目名称
  3.     $callback:回调函数
  4.     $post_type:文章类型
  5.     $context:显示位置
  6.     $priority:优先级

注册一个 Meta Box 示例

  1. add_action( 'add_meta_boxes', 'product_director' );
  2. function product_director() {
  3.     add_meta_box(
  4.         'product_director',
  5.         '产物价钱',
  6.         'product_director_meta_box',
  7.         'product',
  8.         'side',
  9.         'low'
  10.     );
  11. }

确立回调函数product_director_meta_box

设置参数内里指定了回调函数product_director_meta_box,需要在这个函数内里确立表单:

  1. function product_director_meta_box($post) {
  2.     // 确立暂且隐藏表单,为了平安
  3.     wp_nonce_field( 'product_director_meta_box', 'product_director_meta_box_nonce' );
  4.     // 获取之前存储的值
  5.     $value = get_post_meta( $post->ID, '_product_director', true );
  6. ?>
  7.     <label for="product_director"></label>
  8.     <input type="text" id="product_director" name="product_director" value="<?php echo esc_attr( $value ); ?>" placeholder="输入产物价钱">
  9. <?php
  10. }

提醒:添加上面代码后,新建文章时,在右则就可以看到一个产物价钱的输入框。

这时刻表单还不能用,由于提交文章之后并没有保留这个 Meta Box 的内容,下面是验证保留内容的代码:

  1. add_action( 'save_post', 'product_director_save_meta_box' );
  2. function product_director_save_meta_box($post_id){
  3.     // 平安检查
  4.     // 检查是否发送了一次性隐藏表单内容(判断是否为圈外人模拟提交)
  5.     if ( ! isset( $_POST['product_director_meta_box_nonce'] ) ) {
  6.         return;
  7.     }
  8.     // 判断隐藏表单的值与之前是否相同
  9.     if ( ! wp_verify_nonce( $_POST['product_director_meta_box_nonce'], 'product_director_meta_box' ) ) {
  10.         return;
  11.     }
  12.     // 判断该用户是否有权限
  13.     if ( ! current_user_can( 'edit_post', $post_id ) ) {
  14.         return;
  15.     }
  16.  
  17.     // 判断 Meta Box 是否为空
  18.     if ( ! isset( $_POST['product_director'] ) ) {
  19.         return;
  20.     }
  21.  
  22.     $product_director = sanitize_text_field( $_POST['product_director'] );
  23.     update_post_meta( $post_id, '_product_director', $product_director );

把上面的代码按顺序添加到主题的functions.php文件,至此,Meta Box注册完成,就可以最先添加参数了:

挪用代码

  1. <?php 
  2. 	if(get_post_meta($post->ID,'_product_director',true)){
  3. 		echo get_post_meta($post->ID,'_product_director',true);
  4. 	}
  5. ?>

扩展应用

把Meta Box添加把后台所有产物列表字段中显示,通过manage_$post_type_posts_custom_column实现,代码如下:

  1. add_action("manage_posts_custom_column",  "product_custom_columns");
  2. add_filter("manage_edit-product_columns", "product_edit_columns");
  3. function product_custom_columns($column){
  4.     global $post;
  5.     switch ($column) {
  6.         case "product_director":
  7.             echo get_post_meta( $post->ID, '_product_director', true );
  8.             break;
  9.     }
  10. }
  11. function product_edit_columns($columns){
  12.     $columns['product_director'] = '产物价钱';
  13.     return $columns;
  14. }

在主题functions.php文件中接着上面的代码添加,效果如下:

完整代码

  1. add_action( 'add_meta_boxes', 'product_director' );
  2. function product_director() {
  3.     add_meta_box(
  4.         'product_director',
  5.         '产物价钱',
  6.         'product_director_meta_box',
  7.         'product',
  8.         'side',
  9.         'low'
  10.     );
  11. }
  12. function product_director_meta_box($post) {
  13.     // 确立暂且隐藏表单,为了平安
  14.     wp_nonce_field( 'product_director_meta_box', 'product_director_meta_box_nonce' );
  15.     // 获取之前存储的值
  16.     $value = get_post_meta( $post->ID, '_product_director', true );
  17. ?>
  18.     <label for="product_director"></label>
  19.     <input type="text" id="product_director" name="product_director" value="<?php echo esc_attr( $value ); ?>" placeholder="输入产物价钱">
  20. <?php
  21. }
  22. add_action( 'save_post', 'product_director_save_meta_box' );
  23. function product_director_save_meta_box($post_id){
  24.     if ( ! isset( $_POST['product_director_meta_box_nonce'] ) ) {
  25.         return;
  26.     }
  27.     if ( ! wp_verify_nonce( $_POST['product_director_meta_box_nonce'], 'product_director_meta_box' ) ) {
  28.         return;
  29.     }
  30.     if ( ! current_user_can( 'edit_post', $post_id ) ) {
  31.         return;
  32.     }
  33.     if ( ! isset( $_POST['product_director'] ) ) {
  34.         return;
  35.     }
  36.     $product_director = sanitize_text_field( $_POST['product_director'] );
  37.     update_post_meta( $post_id, '_product_director', $product_director );
  38. }
  39. add_action("manage_posts_custom_column",  "product_custom_columns");
  40. add_filter("manage_edit-product_columns", "product_edit_columns");
  41. function product_custom_columns($column){
  42.     global $post;
  43.     switch ($column) {
  44.         case "product_director":
  45.             echo get_post_meta( $post->ID, '_product_director', true );
  46.             break;
  47.     }
  48. }
  49. function product_edit_columns($columns){
  50.     $columns['product_director'] = '产物价钱';
  51.     return $columns;
  52. }

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 WordPress自定义文章添加自定义字段面板 https://zhutizhen.com/14507.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章