カスタム WordPress ブロックテーマを作成するために、Udemy WordPress コースを受講しています。 function.php にブロック タイプが正常に登録され、Gutenberg エディターでブロックを選択できるようになりました。
チュートリアルでは、CSS もフロントエンドに読み込まれるように、次の方法を使用して Gutenberg ブロック要素のスタイルを読み込むことを提案しています。
リーリーとにかく、何をしても、Gutenberg はブロックの style.css ファイルをロードしません。
Gutenberg バックエンドからの畫(huà)像
＃＃＃任意のヒント？何が不足している可能性がありますか? 問(wèn)題をデバッグするにはどうすればよいですか?＃＃＃どうもありがとうございます！
2
0
0
管理者の CSS にもいくつか問(wèn)題があります。 次のように admin style.css に CSS をインポートすると、スタイルの読み込みが中斷されることがわかりました:
リーリー奇妙なことに、次のように引用符なしで機(jī)能します:
リーリーしかし、これが良い習(xí)慣であるかどうかはわかりません... ベスト プラクティスは、import ステートメントを使用する代わりに、次のように外部ライブラリをロードすることです。 リーリー
他の人にも役立つことを願(yuàn)っています!
ブロックベースのテーマでは、wp-block-styles を使用してエディターとフロントエンドにスタイルシートを読み込みます。 TwentyTwentyTwo テーマは同じテクノロジーを使用しています; ブロックベースのテーマが比較的新しいことを考えると、(現(xiàn)在は) 古いテーマのチュートリアルに従っている可能性があります。
リーリー
PS.常に
ブラウザのキャッシュをクリア/ハードリフレッシュして、キャッシュされたバージョンのエディターが表示されないようにしてください。これは非常に一般的ですが、多くの問(wèn)題の見(jiàn)落とされている原因です。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
