Title: Blocks CSS: CSS-Editor für Gutenberg-Blöcke Author: Hardeep Asrani Published: 14. Februar 2019 Last modified: 27. Mai 2026 --- Plugins suchen ![](https://ps.w.org/blocks-css/assets/banner-772x250.jpg?rev=2030330) ![](https://ps.w.org/blocks-css/assets/icon-256x256.jpg?rev=2030330) # Blocks CSS: CSS-Editor für Gutenberg-Blöcke Von [Hardeep Asrani](https://profiles.wordpress.org/hardeepasrani/) [Herunterladen](https://downloads.wordpress.org/plugin/blocks-css.3.1.11.zip) * [Details](https://de.wordpress.org/plugins/blocks-css/#description) * [Rezensionen](https://de.wordpress.org/plugins/blocks-css/#reviews) * [Entwicklung](https://de.wordpress.org/plugins/blocks-css/#developers) [Support](https://wordpress.org/support/plugin/blocks-css/) ## Beschreibung Blocks CSS ermöglicht es dir, direkt im Gutenberg Block-Editor individuellen CSS- Code zu deinen Blöcken hinzuzufügen. Es stellt einen CSS-Editor mit Syntax-Highlighting bereit, mit dem du deinen Gutenberg- Blöcken zusätzliches CSS hinzufügen kannst, um sie nach deinen Wünschen zu gestalten. Der gesamte Code und die Quellen für dieses Plugin sind unter https://github.com/ Codeinwp/otter-blocks öffentlich zugänglich. ## Screenshots [⌊CSS-Editor⌉⌊CSS-Editor⌉[ CSS-Editor [⌊CSS-Editor⌉⌊CSS-Editor⌉[ CSS-Editor ## Blöcke Dieses Plugin bietet 5 Blöcke. * Icon An inline SVG icon from the Lucide icon set. * Text A rich text element with tag selection. * Image A simple image element. Set via media library or direct URL. * Link An anchor element with link picker and rich text. * Box A generic wrapper element with tag selection and inner blocks. Supports details and summary tags for native disclosure widgets. ## Rezensionen ![](https://secure.gravatar.com/avatar/2e30329ab3220e0cf929fe14c6efe89bed6c64d148c584e805618d4425862c04? s=60&d=retro&r=g) ### 󠀁[Indispensable!](https://wordpress.org/support/topic/indispensable-272/)󠁿 [maltmann](https://profiles.wordpress.org/maltmann/) 8. Februar 2026 1 Antwort Works like a charm on any of my recent WP projects. [EDIT]I need to change my review. On some setups, I get two CSS editors shown in the „Custom CSS“ attribute panel, and only contents of the second instance are getting saved.Problem:Two CodeMirror editors are displayed in the Custom CSS panel of the Blocks CSS plugin instead of one. Both editors are located in the same container. Assumed Root Cause:WordPress enables React StrictMode by default in the Block Editor. React StrictMode runs useEffect hooks twice to detect potential side effects. Analysis:The Blocks CSS plugin initializes CodeMirror in a useEffect hook.Since this useEffect doesn’t have a cleanup function that checks whether CodeMirror is already initialized, wp.CodeMirror() is called again on every mount cycle. With StrictMode enabled, this means: twice on the same DOM element. Probable Solution:The useEffect hook should implement a cleanup function that prevents CodeMirror from being initialized multiple times on the same element. Side Notes:This only happens in some of my setups. I couldn’t figure out any possibly conflicting theme, plugin or code snippet. So I assume it might be something like a timing issue. Conclusion:I won’t change the 5-star rating, because despite of this problem the plugin does its job. And I know how to handle this issue by a simple CSS rule to hide all Block CSS CodeMirrors except the last one:#o-css-editor .CodeMirror: not(:last-child) { display: none;} ![](https://secure.gravatar.com/avatar/6cbd96106c76dfd85e755f1aba9c463817d1b9d5dd74bb64b84dad2b458a790c? s=60&d=retro&r=g) ### 󠀁[Отличный плагин](https://wordpress.org/support/topic/%d0%be%d1%82%d0%bb%d0%b8%d1%87%d0%bd%d1%8b%d0%b9-%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd-991/)󠁿 [Сергей](https://profiles.wordpress.org/serzh82/) 20. November 2025 1 Antwort Отличный плагин ![](https://secure.gravatar.com/avatar/ff57a8df8c1ffea97f5c0992bed6943b19a831dbc8b3a0f9153dc4421fa1c4cc? s=60&d=retro&r=g) ### 󠀁[Моя оценка: пять звезд](https://wordpress.org/support/topic/%d0%bc%d0%be%d1%8f-%d0%be%d1%86%d0%b5%d0%bd%d0%ba%d0%b0-%d0%bf%d1%8f%d1%82%d1%8c-%d0%b7%d0%b2%d0%b5%d0%b7%d0%b4/)󠁿 [shooter604](https://profiles.wordpress.org/shooter604/) 14. November 2025 1 Antwort Очень классные возможности! Пользуюсь постоянно! ![](https://secure.gravatar.com/avatar/5a04f5d680efd2cb46cc23d68d1e4d7c94f7e4e910dd0b60c54ebd63861e1785? s=60&d=retro&r=g) ### 󠀁[The Other Review Titles Say It All](https://wordpress.org/support/topic/the-other-review-titles-say-it-all/)󠁿 [someguy42](https://profiles.wordpress.org/someguy42/) 24. Juli 2024 1 Antwort „Essential, Useful Tool, Completes the Block Editor, Should be part of the core,“ The one thing they don’t mention is how quick and genuinely concerned the support is. ![](https://secure.gravatar.com/avatar/fc490c401adf61289262192824d444a5f47939eb723b3ccc8ce7c73065cb7c0f? s=60&d=retro&r=g) ### 󠀁[Simple and great plugin!](https://wordpress.org/support/topic/simple-and-great-plugin-36/)󠁿 [Andreslav](https://profiles.wordpress.org/andreslav/) 4. Oktober 2023 1 Antwort Does exactly what I need it to do. ![](https://secure.gravatar.com/avatar/947be7e3fe72d711a506739fa280376b9985c11cc9005f1b6ae2eedece99d515? s=60&d=retro&r=g) ### 󠀁[Completes Block Editor](https://wordpress.org/support/topic/completes-block-editor/)󠁿 [Masud Rana](https://profiles.wordpress.org/yeelloo/) 26. September 2023 1 Antwort Can’t think of Block Editor without this. Tiny powerful thing. Only thing I hate in this plugin is the following line: $render_css = empty( $file_name ) || strpos( $file_name, ‚post-v2‘ ) === false; This means if you deactivate Otter, your content might just break 🙁 [ Alle 25 Rezensionen lesen ](https://wordpress.org/support/plugin/blocks-css/reviews/) ## Mitwirkende und Entwickler „Blocks CSS: CSS-Editor für Gutenberg-Blöcke“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt: Mitwirkende * [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/) * [ Themeisle ](https://profiles.wordpress.org/themeisle/) „Blocks CSS: CSS-Editor für Gutenberg-Blöcke“ wurde in 9 Sprachen übersetzt. Danke an [die Übersetzer](https://translate.wordpress.org/projects/wp-plugins/blocks-css/contributors) für ihre Mitwirkung. [Übersetze „Blocks CSS: CSS-Editor für Gutenberg-Blöcke“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/blocks-css) ### Interessiert an der Entwicklung? [Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/blocks-css/), sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/blocks-css/) an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/blocks-css/) per [RSS](https://plugins.trac.wordpress.org/log/blocks-css/?limit=100&mode=stop_on_copy&format=rss). ## Änderungsprotokoll Das Changelog findest du [hier.](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md) ## Meta * Version **3.1.11** * Zuletzt aktualisiert **vor 4 Wochen** * Aktive Installationen **5.000+** * WordPress-Version ** 6.2 oder höher ** * Getestet bis **7.0** * PHP-Version ** 5.4 oder höher ** * Sprachen * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/blocks-css/), [Dutch](https://nl.wordpress.org/plugins/blocks-css/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/blocks-css/), [English (US)](https://wordpress.org/plugins/blocks-css/), [French (Canada)](https://fr-ca.wordpress.org/plugins/blocks-css/), [German](https://de.wordpress.org/plugins/blocks-css/), [Hebrew](https://he.wordpress.org/plugins/blocks-css/), [Russian](https://ru.wordpress.org/plugins/blocks-css/), [Spanish (Spain)](https://es.wordpress.org/plugins/blocks-css/) und [Swedish](https://sv.wordpress.org/plugins/blocks-css/). * [Übersetze in deine Sprache](https://translate.wordpress.org/projects/wp-plugins/blocks-css) * Schlagwörter * [block-editor](https://de.wordpress.org/plugins/tags/block-editor/)[css editor](https://de.wordpress.org/plugins/tags/css-editor/) [custom css](https://de.wordpress.org/plugins/tags/custom-css/)[design](https://de.wordpress.org/plugins/tags/design/) [gutenberg](https://de.wordpress.org/plugins/tags/gutenberg/) * [Erweiterte Ansicht](https://de.wordpress.org/plugins/blocks-css/advanced/) ## Bewertungen 4.9 von 5 Sternen. * [ 23 5-Sterne-Rezensionen ](https://wordpress.org/support/plugin/blocks-css/reviews/?filter=5) * [ 1 4-Sterne-Rezension ](https://wordpress.org/support/plugin/blocks-css/reviews/?filter=4) * [ 1 3-Sterne-Rezension ](https://wordpress.org/support/plugin/blocks-css/reviews/?filter=3) * [ 0 2-Sterne-Rezensionen ](https://wordpress.org/support/plugin/blocks-css/reviews/?filter=2) * [ 0 1-Sterne-Rezensionen ](https://wordpress.org/support/plugin/blocks-css/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/blocks-css/reviews/#new-post) [Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/blocks-css/reviews/) ## Mitwirkende * [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/) * [ Themeisle ](https://profiles.wordpress.org/themeisle/) ## Support Behobene Probleme in den letzten zwei Monaten: 2 von 2 [Support-Forum anzeigen](https://wordpress.org/support/plugin/blocks-css/)