WordPress网站如何添加文章自定义字段填写面板

PetitQ WordPress教程 2021-12-26 1.27K 0 0

WordPress 网站文章自定义字段可以按照自己需求进行数据的填写。例网页描述 description 和关键词 keywords 这两个 meta 标签。

通常在添加自定义字段和其值的时候，我们都是手动去"自定义字段"模块下拉框中去选择相应的字段，然后再输入其值，最后还要提交等待一小段时间，似乎有点麻烦。那么可不可以给这些常用的自定义字段创建一个单独的面板，直接在里面填内容就可以了呢？就像文章标签，直接添加标签即可，不需要单独提交。答案是可以的，下面是效果图：

下面介绍一下如何制作这种文章自定义字段面板的方法。

也想出现在这里？联系我们吧

section

添加两个自定义字段，名称分别为 description_value 和 keywords_value，你可以给下面数组添加多个元素，实现添加多个自定义字段的目的。

```
$new_meta_boxes =
```
```
array(
```
```
"description" => array(
```
```
"name" => "description",
```

"std" => "这里填默认的网页描述",

```
"title" => "网页描述:"),
```
```
 
```
```
"keywords" => array(
```
```
"name" => "keywords",
```

"std" => "这里填默认的网页关键字",

```
"title" => "关键字:")
```
```
);
```

section

创建自定义域以及输入框：

```
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'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';

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

echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />';

```
}
```
```
}
```

section

在文章编辑页添加自定义字段模块，这其中这用了 WordPress 的添加模块函数 add_meta_box。

```
function create_meta_box() {
```
```
global $theme_name;
```
```
 
```

if ( function_exists('add_meta_box') ) {

add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );

```
}
```
```
}
```

section

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

```
function save_postdata( $post_id ) {
```
```
global $post, $new_meta_boxes;
```
```
 
```
```
foreach($new_meta_boxes as $meta_box) {
```

if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) {

```
return $post_id;
```
```
}
```
```
 
```
```
if ( 'page' == $_POST['post_type'] ) {
```

if ( !current_user_can( 'edit_page', $post_id ))

```
return $post_id;
```
```
}
```
```
else {
```

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

```
return $post_id;
```
```
}
```
```
 
```

$data = $_POST[$meta_box['name'].'_value'];

```
 
```

if(get_post_meta($post_id, $meta_box['name'].'_value') == "")

add_post_meta($post_id, $meta_box['name'].'_value', $data, true);

elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))

update_post_meta($post_id, $meta_box['name'].'_value', $data);

```
elseif($data == "")
```

delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));

```
}
```
```
}
```

section

将函数连接到指定 action（动作）。这是最后一步，也是最重要的一步，我们要做的是将函数连接到指定 action（动作），以让 WordPress 程序执行我们之前编写的函数：

add_action('admin_menu', 'create_meta_box');

add_action('save_post', 'save_postdata');

好了，经过以上 5 步，就可以开发出自己的 wordpress 自定义字段填写面板了。

WordPress 网站如何添加文章自定义字段填写面板

已有 318 人购买

永久更新：
演示数据：

立即购买

查看演示升级 VIP 立刻购买

炫酷企业建站作品展示WordPress中文模板

Supro - 极简电商网站模板WordPress汉化主题

Photon - 全屏摄影相册产品展示网站WordPress汉化主题

WordPress教程

WordPress网站如何添加文章自定义字段填写面板

WordPress 网站如何添加文章自定义字段填写面板

相关文章

如何使用 all in one wp migration 一键迁移 WordPress 网站

如何修改WordPress的page页面默认URL结构

WordPress 主题侧边栏随窗口浮动

发表回复取消回复

热销模板

WordPress教程

WordPress 网站如何添加文章自定义字段填写面板

相关文章

发表回复 取消回复

热销模板

发表回复取消回复