WordPress如何添加自定义字段面板

发布时间:2023-03-07 09:06:58 作者:iii
来源:亿速云 阅读:112

这篇文章主要介绍了WordPress如何添加自定义字段面板的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇WordPress如何添加自定义字段面板文章都会有所收获,下面我们一起来看看吧。

效果图:

WordPress如何添加自定义字段面板

一、创建需要的字段信息

这里将以添加两个自定义字段,名称分别为 _description_value 和 _keywords_value,你可以给下面数组添加多个元素,实现添加多个自定义字段的目的。

数组第一个元素name为自定义字段的名称,在本代码中自定义字段的名称为name值加_value,以防止与其他代码发生冲突,如 _description_value;std为自定义字段的默认值,当你发表文章时该自定义字段没填任何值,那么将取默认值;title为自定义字段模块的标题,如文章编辑页的"摘要"、"分类"和"标签",这些都是模块名称。

$new_meta_boxes =array(
 "description" => array(
   "name" => "_description",
   "std" => "这里填默认的网页描述",
   "title" => "网页描述:"),

 "keywords" => array(
   "name" => "_keywords",
   "std" => "这里填默认的网页关键字",
   "title" => "关键字:"));

二、创建自定义字段输入框

以下代码将用于创建自定义域以及输入框,照写就是了

function new_meta_boxes() {
 global $post, $new_meta_boxes;

 foreach($new_meta_boxes as $meta_box) {
   $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);

   if($meta_box_value == "")
     $meta_box_value = $meta_box['std'];

   // 自定义字段标题
   echo'<h4>'.$meta_box['title'].'</h4>';

   // 自定义字段输入框
   echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />';
 }
 
 echo '<input type="hidden" name="ludou_metaboxes_nonce" id="ludou_metaboxes_nonce" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';}

三、创建自定义字段模块

下面代码将在文章编辑页添加自定义字段模块,这其中这用了WordPress的添加模块函数add_meta_box。这与之前的文章WordPress文章编辑页删除相关模块所做的工作恰好相反。

function create_meta_box() {
 if ( function_exists('add_meta_box') ) {
   add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );
 }}

四、保存文章数据

之前所有准备都做好了,最重要的还是保存我们的自定义字段中的信息。

function save_postdata( $post_id ) {
 global $new_meta_boxes;
 
 if ( !wp_verify_nonce( $_POST['ludou_metaboxes_nonce'], plugin_basename(__FILE__) ))
   return;
 
 if ( !current_user_can( 'edit_posts', $post_id ))
   return;
             
 foreach($new_meta_boxes as $meta_box) {
   $data = $_POST[$meta_box['name'].'_value'];

   if($data == "")
     delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
   else
     update_post_meta($post_id, $meta_box['name'].'_value', $data);
  }}

五、将函数连接到指定action(动作)

这是最后一步,也是最重要的一步,我们要做的是将函数连接到指定action(动作),以让WordPress程序执行我们之前编写的函数:

add_action('admin_menu', 'create_meta_box');
add_action('save_post', 'save_postdata');

好了,我们要做的就是这些了,现在你可以在你的主题中调用这两个自定义字段了,用文本编辑器打开主题目录下的header.php,将以下代码复制到</head>之前,就可以给你的网页自定义description和keywords标签了,更具体的操作请使用搜索引擎:

<?phpif (is_single()) {
  // 自定义字段名称为 description_value
  $description = get_post_meta($post->ID, "_description_value", true);

  // 自定义字段名称为 keywords_value
  $keywords = get_post_meta($post->ID, "_keywords_value", true);

  // 去除不必要的空格和HTML标签
  $description = trim(strip_tags($description));
  $keywords = trim(strip_tags($keywords));

  echo '<meta name="description" content="'.$description.'" />
<meta name="keywords" content="'.$keywords.'" />';
}
?>

关于“WordPress如何添加自定义字段面板”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“WordPress如何添加自定义字段面板”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. 从wordpress怎么转换typecho
  2. Docker如何搭建wordpress

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

wordpress

上一篇:vue为什么要进行路由懒加载

下一篇:电脑u盘错误0x80071ac3如何解决

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》