描述
The default Additional CSS editor in Gutenberg feels like writing code in Notepad. It’s small, lacks structure, and makes debugging a headache.
This plugin transforms that basic textarea into a comfortable, lightweight CSS editor directly inside the Site Editor.
My greatest wish is that this plugin will become obsolete once WordPress includes this feature natively in Gutenberg. Until then, it substantially improves your daily workflow.
Key coding features supported:
- Line numbers
- Auto indented
- Auto closing parenthesis
- Add comments with Ctrl / Cmd shortcodes (Ctrl + Ç, Ctrl + / and Ctrl + 7)
屏幕截图
Original CSS editor 
Advanced CSS editor
安装
- Upload the
advanced-additional-cssfolder to/wp-content/plugins/ - Activate the plugin from the WordPress plugins page
- Go to Block editor / Styles / Additional CSS and the new CSS editor will be applied
- Enjoy a better CSS coding experience!
常见问题
-
Does this plugin require Gutenberg?
-
Yes, Advanced editor for Additional CSS only works with new FSE experience / Gutenberg. If you use the old Customizer editor, these features are included by default. Gutenberg plugin is not needed.
-
Will I lose my current CSS changes if I enable/disable this plugin?
-
No, Advanced editor for Additional CSS recognizes the Additional CSS content and just replaces the textarea behavior.
-
Does this plugin affect my website’s front-end performance?
-
No, not at all. This plugin only loads its scripts and styles within the WordPress admin area (specifically inside the Site Editor). It does not add a single byte of code to the front-end, keeping your website’s loading speed and Core Web Vitals completely unaffected.
-
Does it support CSS property autocomplete or Emmet?
-
Currently, the plugin focuses on enhancing the editor’s core structure (line numbers, auto-indentation, and shortcuts). Full property autocompletion is not included in this version, but it helps keep the plugin incredibly lightweight and fast.
评价
此插件暂无评价。
贡献者及开发者
更新日志
1.0.0
- Initial release