網站服務項目
當前位置: 首頁 > 建站知識 > WordPress添加自定義字段面板

WordPress添加自定義字段面板

發布于:建站知識來源:郴州網站建設作者:www.5156123.live 點擊: 928 次
  

我們在WordPress中編寫文章的時候,經常會用到一些自定義字段,如網頁描述description和關鍵詞keywords這兩個meta標簽,關于這兩個標簽,可以看我之前寫過的一篇文章:WordPress使用經驗(一)獨立的Description 和 Keywords

通常在添加自定義字段和其值的時候,我們都是手動去”自定義字段”模塊下拉框中去選擇相應的字段,然后再輸入其值,最后還要提交等待一小段時間,似乎有點麻煩。那么可不可以給這些常用的自定義字段創建一個單獨的面板,直接在里面填內容就可以了呢?就像文章標簽,直接添加標簽即可,不需要單獨提交。答案是可以的,下面是效果圖:

文章編輯頁添加模塊

下面我將教你如何操作,以下所有代碼放到當前主題的functions.php中即可

一、創建需要的字段信息

這里將以添加兩個自定義字段,名稱分別為 _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'<h3>'.$meta_box['title'].'</h3>';

    // 自定義字段輸入框
    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標簽了,更具體的操作請使用搜索引擎:

<?php
if (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.'" />';
}

?>
 
------分隔線----------------------------
------分隔線----------------------------
金信达配资