網站服務項目
當前位置: 首頁 > 建站知識 > WordPress超級自定義字段插件:Advanced Custom Fields

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

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

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,可以使用下面兩種方式打?。?/p>

1
2
3
4
5
6
<?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

<?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 集成到你的主題或插件中,可以自己查看官方說明

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