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.啟用外掛後,你就可以在左邊菜單看到“字段”,進入後點擊“新建”,就出現類似下面的界面。

advanced-custom-fields-wpdaxue_com

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

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

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

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

advanced-custom-fields-1-wpdaxue_com

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>’;
}
?>

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

advanced-custom-fields-2-wpdaxue_com

小結:

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

發佈留言