前臺顯示 ACF 的設定頁面

這禮拜做到一個需求是要讓 ACF 的設定頁面可以在前台顯示,印象中看過獨立的外掛在做,但查了之後發現 ACF 內建的函式就可以處理,只要先在 Header 引入 ACF 必須的前端檔案後,就能用 acf_form() 來顯示表單。

首先先用勾點 wp_head 將載入 ACF 資源的函式 acf_form_head() 掛進去,它的順序要比 get_header() 前面,其次用 acf_form() 帶入所需的設定欄位,需要傳入的參數有:

  • post_id ⇒ 自訂欄位的所在頁面 ID,由於我的欄位做成全站設定,因此這邊帶入的是 options
  • field_groups ⇒自訂欄位的 post_id,也可以傳欄位的 key 值,該參數接受陣列,因此可以傳多個自訂欄位進去
  • submit_value ⇒ 送出按鈕的文字
  • post_title ⇒ 前台表單的標題

具體程式碼如下:

<?php
add_action(
	'wp_head',
	function() {
		acf_form_head();
	},
	5,
);

acf_form(
	array(
		'post_id'      => 'options',
		'post_title'   => false,
		'submit_value' => '建立訂單',
		'field_groups' => array( 'group_63d7785633ab4' ),
	)
);
文章標籤ACF

目錄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Picture of 賴俊吾 / Oberon Lai
賴俊吾 / Oberon Lai

現為全職 WordPress 工程師,網站開發經歷 11 年,專攻前端工程與 WordPress 佈景主題、外掛客製化開發

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!

專注於分享 WordPress 開發、接案技巧、專案管理等自由工作者必備知識與心得

© 2024 想點創意科技有限公司

想點創意科技有限公司 | 統一編號 90516823
Designed by Hend Design | 隱私權政策

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!