WordPress 自定義字段(Custom Fields)詳細介紹和使用

什麼是 WordPress 自定義字段 Custom Fields

咱們在使用 WordPress 撰寫日誌或者頁面的時候,都會在編輯框下面看到自定義字段(Custom Fields),那麼什麼是自定義字段呢?這個 WordPress 自定義字段又是幹什麼的?php

 

 

WordPress 自定義字段是對 WordPress Posts 表的一種補充和擴展,通常來說 WordPress 提供了博客日誌的做者,分類,標籤,時間等,而後你能夠根據你的須要自定義出一系列的其餘信息,好比我在文章上面就使用 WordPress 自定義字段記錄當前日誌的瀏覽次數,以下圖所示:wordpress

 

 

 

 

WordPress 自定義字段工做機制

WordPress 自定義字段一般有兩個的變量:鍵 ( key ) 和值 ( value )。好比你想顯示你寫日誌當時的心情,你能夠把鍵叫作 "mood"(心情),顯然在這裏值就是 "高興" 或者 "憤怒"。函數

當咱們爲某篇日誌或者頁面建立一個自定義字段的時候,咱們所寫的信息將會存儲到該日誌或者頁面中。換句話說,咱們所建立的自定義字段的的數據是屬於當前的日誌或者頁面,因此咱們可以顯示當前日誌或者頁面相關的自定義字段信息。post

 

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

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

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

  • 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);.net

 

WordPress 自定義字段擴展了 WordPress

WordPress 自定義字段極大的擴展了 WordPress 的功能,不少插件都是基於 WordPress 自定義字段作的(好比咱們最新的 WordPress 心情評論插件),靈活使用 WordPress 自定義字段能夠把 WordPress 打形成強大的 CMS 系統,經過使用自定義字段,咱們能夠很快給日誌和頁面加上不少額外的信息,而且不用編輯日誌就能很快改變信息顯示方式。插件

 

示例:

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

WordPress 編輯框會過濾 Javascript 腳本,因此咱們沒法直接把腳本寫到日誌,若是修改主題,把腳本添加到主題的 header.php 文件中,那麼博客全部的頁面都會加載這些腳本,這樣形成整個博客效率降低。日誌

因此這個時候咱們能夠經過 WordPress 自定義字段來給某篇的日誌單獨加載 Javascript 腳本和 CSS 樣式表code

假設咱們給日誌單獨加載 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/

相關文章
相關標籤/搜索