ここでは、Wordpress エディターで作成した Gutenberg ブロックをいくつか示します。
私がやりたいのは、Gutenberg エディター ブロックのポップアップの位置を少し変更することです。
前の段落ブロックは前のブロックの前に表示されるため、選択できません。
以下に示すように、開発者モードで問題を解決するための正しいルールを見つけました
そこで、editor-style.css ファイルに CSS ルールを追加しました。
リーリーもちろん、子テーマの function.php にエディター スタイルを追加しました。
リーリー<style> タグは実際に ページに追加されています:
ただし、WordPress は、私が作成したルールの CSS セレクターの前にプレフィックス .editor-styles-wrapper も追加しました。そのため、ポップアップでは機能しないと思います。
カスタム Gutenberg ブロックの多くのソリューションとは異なり、ポップアップ自体に CSS ルールを追加する方法が見つかりませんでした。どうすればこの目標を達成できますか?
＃＃＃よろしくお願いします。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
add_editor_style()
はあなたの考えとは違うと思います。 以下は、バックエンド エディターに CSS ファイルと JS ファイルをロードする例です:リーリーよし、やっとわかった。
私は以前、
リーリーafter_setup_themフックを使用してエディター スタイルを追加しました。しかし、Gutenberg エディタに関しては、別のフックを使用した方がよいでしょう。
enqueue_block_editor_assetsフックは WordPress 5.0 で導入されました。今、私は次のように書きます:
リーリー今、私の
editor-style.cssでは、.editor-styles-wrapperを含む CSS ルールが、.editor-styles のない本文に適用されます。 for -wrapperは、ポップアップ自体とその中の他の要素に適用されます。