Recommendおすすめ記事
2021/06/25

追加したカスタム投稿のエディターをGutenbergに変更する(タクソノミーとタグも)

kazuki

kazuki

2021/06/25
追加したカスタム投稿のエディターをGutenbergに変更する(タクソノミーとタグも)
SHARE

こんにちはkazukiです。
今回はwordpressのカスタム投稿についてメモしておきます。

カスタム投稿を追加した際に、エディタはWysiWygエディタになっていることがあると思います。
それを新しいGutenbergに変更する方法です。

コード

wordpressで使用されているthemaにあるfunctions.phpに以下のように追加します。
必ずバックアップを取ってください。

// カスタム投稿追加
function add_custom_type() {
	$args = array(
		'label' => 'カスタム投稿名',
		'public' => true,
		'show_ui' => true,
		'hierarchical' => false,
		'menu_position' => 5,
		'has_archive' => true,
		'rewrite' => true,
		'show_in_rest' => true,
		'supports' => array('title','editor','thumbnail'),
	);
	register_post_type('custom', $args);
}
add_action('init', 'add_custom_type');

// カスタム投稿 タクソノミー&タグ追加
function create_custom_archive_taxonomies() {
	register_taxonomy(
		'custom_cat',
		'custom',
		array(
			'label' => 'カスタム投稿カテゴリー名',
			'public' => true,
			'show_ui' => true,
			'hierarchical' => true,
			'rewrite' => true,
			'show_in_rest' => true,
			'query_var' => true
		)
	);
	register_taxonomy(
		'custom_tag',
		'custom',
		array(
			'label' => 'カスタム投稿タグ名',
			'public' => true,
			'show_ui' => true,
			'hierarchical' => false,
			'rewrite' => true,
			'show_in_rest' => true,
			'query_var' => true
		)
	);
}
add_action('init', 'create_custom_archive_taxonomies', 0);

解説

先ほどのコードはよく見るカスタム投稿を追加する記述です。今回はタクソノミーとタグも一緒に記載しています。

コードの中で、今回実現したかったGutenbergへの変更は$argsに記載されている

‘show_in_rest’ => true

こちらになります。
この1行を追加することにより個別投稿のエディタがGutenbergになります。

注意点

注意点としましては追加したタクソノミーとタグにも‘show_in_rest’ => trueを記述するということです。

こちらを追加しないと投稿画面にタクソノミーやタグが表示されなくなります。

他の記事を探す
SHARE
Relation関連記事