WordPress超級自定義字段插件：Advanced Custom Fields

Advanced Custom Fields 是一款非常強大的自定義字段外掛，允許你自己添加多種形式的自定義字段類型，比如 Image、Checkbox、File、Text、Select、True / False、Link、Textarea 等等，可以集成為一個或多個面板，支援導出字段為 xml 或php代碼，還可以集成到主題或外掛裡。

該外掛需要基礎的PHP代碼編輯能力，你需要修改主題面板文件來顯示字段。

下面將做一個簡單的測試演示。

1.在後臺外掛安裝界面搜索 Advanced Custom Fields 即可現在安裝,或者下載 Advanced Custom Fields

2.啟用外掛後，你就可以在左邊菜單看到“字段”，進入後點擊“新建”，就出現類似下面的界面。

點擊“添加字段”，填寫和選擇相關信息，需要註意的是“字段名稱”必須是英文、數字、短橫線、下劃線組成，不能有空格。比如添加瞭“test_text”和 “test_img”兩個字段，分別為 文本 和 圖像 類型。

顯示“位置”為 文章類型 下的 “post”，也就是在文章編輯界面添加這個自定義字段組。

然後“選項”的“樣式”設置為“標準MetaBox”，保存發佈。

3.新建一篇文章，就可以在內容編輯器下方看到如下界面，就是剛才添加的字段（圖中已經選擇瞭圖片）

4.重點就是如何調用這兩個字段的值。看的懂英文的就自己查看下官方的教程 http://www.advancedcustomfields.com/resources/。

下面隻簡單介紹下 the_field() 和 get_field() 函數。前者是直接輸出字段值，後者是獲取字段值以供其他函數調用。

比如，我們直接輸出剛才添加的文本字段 test_text，可以使用下面兩種方式打印：

1
2
3
4
5
6
7
8
9

<?php 
 
//直接打印輸出字段的值
the_field('test_text');
 
//使用 echo 打印輸出
echo get_field('test_text');
 
?>

<?php //直接打印輸出字段的值
the_field(‘test_text’); //使用 echo 打印輸出
echo get_field(‘test_text’); ?>

綜合下，要在文章底部輸出剛才添加的 test_text 和 test_img 這兩個字段，可以編輯主題的 single.php 文件，找到 the_content();  在下方添加：

1
2
3
4
5
6
7
8
9

<?php
if (get_field('test_text')) {
	echo '<p>輸出文本字段：'.get_field('test_text').'</p>';
}
 
if (get_field('test_img')) {
	echo '<p>輸出圖像字段：<img src="'.get_field('test_img').'" /></p>';
}
?>

<?php
if (get_field(‘test_text’)) {
echo ‘<p>輸出文本字段：’.get_field(‘test_text’).'</p>’;
} if (get_field(‘test_img’)) {
echo ‘<p>輸出圖像字段：<img src="’.get_field(‘test_img’).’" /></p>’;
}
?>

查看剛才的文章，就可以看到輸出結果如下：

小結：

如果你稍微懂點php代碼，借助 Advanced Custom Fields 可以實現很強大的自定義字段功能來增強你的網站。如果你想將 Advanced Custom Fields 集成到你的主題或外掛中，可以自己查看官方說明