WordPress 自定義字段（Custom Fields）詳細介紹和使用

什么是 WordPress 自定義字段 Custom Fields

我們在使用 WordPress 撰寫日志或者頁面的時候，都會在編輯框下面看到自定義字段（Custom Fields），那么什么是自定義字段呢？這個 WordPress 自定義字段又是干什么的？

 

 

WordPress 自定義字段是對 WordPress Posts 表的一種補充和擴展，一般來講 WordPress 提供了博客日志的作者，分類，標簽，時間等，然后你可以根據你的需要自定義出一系列的其他信息，比如我在文章上面就使用 WordPress 自定義字段記錄當前日志的瀏覽次數，如下圖所示：

 

 

 

 

WordPress 自定義字段工作機制

WordPress 自定義字段通常有兩個的變量：鍵 ( key ) 和值 ( value )。比如你想顯示你寫日志當時的心情，你可以把鍵叫做 "mood"（心情），顯然在這里值就是 "高興" 或者 "憤怒"。

當我們為某篇日志或者頁面創建一個自定義字段的時候，我們所寫的信息將會存儲到該日志或者頁面中。換句話說，我們所創建的自定義字段的的數據是屬於當前的日志或者頁面，所以我們能夠顯示當前日志或者頁面相關的自定義字段信息。

 

如何在博客上顯示自定義字段的數據

當我們想顯示日志或者頁面的自定義字段的時候，我們有幾種方法。這里介紹兩種簡單的方法和一些更高級的用法。

首先，可以使用 the_meta() 這個模版函數，它會自動輸出一個無序的列表，如下所示：

• Key1: Value of "Key1″
• Key2: Value of "Key2″
• Key3: Value of "Key3″

第二個函數是：get_post_meta($post_id, $meta_key, $single = true)。這個函數能夠能按照自己的需求列出自定義字段。如通過使用 get_post_meta($post->ID, "Key2″, $single = true); 可以返回自定義字段 "Key2" 的值，也可以輸出它：echo get_post_meta($post->ID, "Key2″, $single = true);

 

WordPress 自定義字段擴展了 WordPress

WordPress 自定義字段極大的擴展了 WordPress 的功能，很多插件都是基於 WordPress 自定義字段做的（比如我們最新的 WordPress 心情評論插件），靈活使用 WordPress 自定義字段可以把 WordPress 打造成強大的 CMS 系統，通過使用自定義字段，我們可以很快給日志和頁面加上很多額外的信息，並且不用編輯日志就能很快改變信息顯示方式。

 

示例：

使用自定義字段給日志單獨加載 JS 腳本

WordPress 編輯框會過濾 Javascript 腳本，所以我們無法直接把腳本寫到日志，如果修改主題，把腳本添加到主題的 header.php 文件中，那么博客所有的頁面都會加載這些腳本，這樣造成整個博客效率下降。

所以這個時候我們可以通過 WordPress 自定義字段來給某篇的日志單獨加載 Javascript 腳本和 CSS 樣式表。

假設我們給日志單獨加載 Javascript 腳本的自定義字段是 custom_head。那么你首先需要把下面這段代碼復制到你主題的 functions.php 文件中，也可以直接當作一個插件，上傳到插件目錄中，然后在后台激活。

<?php
/*
Plugin Name: Custom Head
Plugin URI: http://blog.wpjam.com/m/custom-head/
Description: 使用自定義字段給某篇的日志單獨加載 Javascript 腳本，使用的自定義字段是 custom_head。
Version: 0.1
Author: Denis
Author URI: http://wpjam.com/
*/
add_action("wp_head","custom_head");
function custom_head(){
    if (is_single() || is_page()) {
        global $post;
        $custom_head = get_post_meta($post->ID, 'custom_head', true);
        echo $custom_head;
    }
}

 

然后在編輯日志的時候，在自定義字段區域，創建一個新的自定義字段，名字為："custom_head"，輸入你要單獨為這篇日志加載的 Javascript 代碼或者 CSS 樣式表即可。

 

 

參考資料：

https://blog.wpjam.com/article/wordpress-custom-fields/