フォーラムへの返信
-
子テーマの準備
Snow Monkey 自体のコードを変更してしまうとアップデート時に変更がリセットされてしまう（最新の Snow Monkey で上書きされてしまう）ため、Snow Monkey の子テーマを用意し、その子テーマの functions.php で jQuery プラグインを追加することになります。
子テーマの準備については、下記のページをご参照ください。
子テーマはいくつかの作り方がありますが、上記記事内で紹介しているオレインさんが作られた子テーマの雛形を使用するのが簡単かと思います。
jQuery プラグインの読み込み
子テーマの functions.php に次のようなコードを追加してみてください。
add_action( 'wp_enqueue_scripts', function() { // 使用する jQuery プラグインを読み込み wp_enqueue_script( // 半角英数字で任意の名前を設定 'jquery.smoothscroll', // 使用する jQuery プラグインの URL（ローカルでも CDN でも Ok） 'https://cdn.jsdelivr.net/npm/jquery.smoothscroll@1.0.2/src/jquery.smoothscroll.min.js', [ 'jquery' ], false, true ); // jQuery プラグインを実行させるコードを記述するための js ファイル wp_enqueue_script( get_stylesheet(), get_theme_file_uri( '/app.js' ), [ get_template() ], false, true ); } );で、子テーマの直下に app.js というファイルを作成して、jQuery プラグインを実行するコードを追加してください。
wp-content/themes/snow-monkey-child/app.js
※どういうコードを書くかは使用する jQuery プラグインによって異なりますのでここでは省略します。これで動作すると思いますが、もし動かなかったらブラウザにでている JS のエラーを書き込みください！
Who liked: No user01. オリジナルコンポーネントの追加機能
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 などのキーについては、
内のファイルを見てもらうとわかるかと思います！
Who liked: No user
