HTMLコンポーネントのカスタマイズ

01. オリジナルコンポーネントの追加機能

HTML コンポーネント挿入機能にはフィルターフックが用意してあります。
例えば、子テーマの functions.php に次のようなコードを追加することで、オリジナルのコンポーネントを追加できます。

add_filter( 'inc2734_wp_awesome_components_register_components', function( $components ) {
	return array_merge( $components, [
		'columns-1-2-2' => [
			'label' => 'カラム (1/2/2)',
			'html'  => sprintf(
				'<div class="wpac-columns mceNonEditable">
					<div class="wpac-columns__row">
						<div class="wpac-columns__col wpac-columns__col--1-1 wpac-columns__col--md-1-2">
							<div class="wpac-columns__col-inner mceEditable">
								%1$s
							</div>
						</div>
						<div class="wpac-columns__col wpac-columns__col--1-1 wpac-columns__col--md-1-2">
							<div class="wpac-columns__col-inner mceEditable">
								%1$s
							</div>
						</div>
					</div>
				</div>',
				esc_html__( 'Columns', 'inc2734-wp-awesome-components' )
			),
	] ] );
} );

02. カラムコンポーネントの数値指定

そうなんです！でもこれ実装が超難しそうで、実現に至っていません…。まだ Gutenberg 対応は全くしていませんが、Gutenberg には挿入時にそのようなオプション指定ができる仕組みがあるっぽいので、Gutenberg に置き換えるときにそのような機能も追加できれば、と考えています。

03. 使わないコンポーネントを一覧で表示させない設定

こちらも、フィルターフックを使うことで消せると思います。

add_filter( 'inc2734_wp_awesome_components_register_components', function( $components ) {
	unset( $components['alert'] );
	unset( $components['alert--warning'] );
	return $components;
}, 11 );

alert、alert–warning などのキーについては、

inc2734/wp-awesome-components

Contribute to inc2734/wp-awesome-components development by creating an account on GitHub.

github.com

内のファイルを見てもらうとわかるかと思います！