Advanced Custom Fields(ACF PRO)のオプションページを表示する

WordPress

カスタムフィールドを作成できるプラグインAdvanced Custom Fields(ACF)のPRO版で使えるオプションページを表示する基本のコードで、functions.phpに追加します。

クライアントでの更新したい箇所に使用すると便利です。

※新しいバージョン(ACF PROのver.6.2から)では管理画面から追加できるようになっています。

コード

基本的な使い方

// 基本.
if ( function_exists( 'acf_add_options_page' ) ) {
	acf_add_options_page(
		array(
			'page_title' => '基本(親のみ)の設定', // ページ上部に表示されるテキスト.
			'menu_title' => '基本(親のみ)', // 左メニューに表示されるテキスト.
			'menu_slug'  => 'option-parent-only', // スラッグ.
			'capability' => 'edit_posts', // 権限.
			'redirect'   => true,
		)
	);
}

応用

if ( function_exists( 'acf_add_options_page' ) ) {
	// 親.
	acf_add_options_page(
		array(
			'page_title' => 'オプションページ親全般の設定', // ページ上部に表示されるテキスト.
			'menu_title' => 'オプションページ親', // 左メニューに表示されるテキスト.
			'menu_slug'  => 'option-parent', // スラッグ.
			'capability' => 'edit_posts', // 権限.
			'redirect'   => false,
		)
	);
	// 子_01.
	acf_add_options_sub_page(
		array(
			'page_title'  => 'オプションページ子_1の設定',
			'menu_title'  => 'オプションページ子_1',
			'parent_slug' => 'option-parent', // 親のスラッグ.
			'menu_slug'   => 'child-1',
		)
	);
	// 子_02.
	acf_add_options_sub_page(
		array(
			'page_title'  => 'オプションページ子_2の設定',
			'menu_title'  => 'オプションページ子_2',
			'parent_slug' => 'option-parent',
			'menu_slug'   => 'child-2',
		)
	);
}

この記事の執筆・検証

シゴトノコバコ編集部

Web制作10年以上。コーポレートサイト、大手企業LPなど構築をメインに実務経験あり。デザイン/印刷の実務経験も多少あり