WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->Ein Wert. Er ist 100 Pixel bei 1440, und er ist immer noch 100 Pixel bei 390.
BLOCKS
Kostenlose Edition verfügbar
MevvBlocks
Von der Kopfzeile bis zur Fußzeile, im Blockeditor.
Der Blockeditor von WordPress ist schnell und nativ, aber er kann einer Maßangabe keinen eigenen Wert für Desktop, Tablet und Mobilgerät geben — unter WordPress 7.1 erneut gemessen, und der häufigste technische Grund, aus dem Menschen einen Seitenbaukasten installieren. MevvBlocks schließt diese Lücke und geht dann weiter: einhunderteins Blöcke, Theme-Vorlagen von der Kopf- bis zur Fußzeile, ein Beitragsraster und ein Loop-Builder, eine Formular-Engine, Popups, Transformationen und Masken, seitenweiter eigener Code, ein einziger Bildschirm für die Website-Palette, WebP und AVIF für Ihre Bilder, Caching auf Blockebene, ein Barrierefreiheits-Audit, das Ihnen die Wahrheit sagt, statt sie zu verdecken, und ein Core-Web-Vitals-Bildschirm, gespeist von Ihren eigenen Besuchern. Auch die Arbeitsfläche ist keine Annäherung mehr: Der Editor fragt den Server nach genau dem CSS, das die Seite ausgeben wird — was Sie anordnen, geht so in den Betrieb. Zwanzig dieser Blöcke sind für WooCommerce, und keiner davon zeichnet WooCommerce neu: Sie rufen dessen eigene Vorlagen auf, sodass Ihr Theme und Ihre Plugins weiter funktionieren.
Die Lücke
Ein Kernblock kann nur eine Zahl halten.
Wenn Sie einem Abschnitt im Blockeditor Innenabstand geben, ist dieser Wert eine einzige Zahl. Dieselbe Zahl wird auf einem 1440-Pixel-Bildschirm ausgegeben und auf einem 390-Pixel-Telefon. Der Abstand, der auf dem Desktop richtig aussieht, zerreißt die Seite auf dem Telefon, und die üblichen Antworten sind handgeschriebenes CSS oder ein Seitenbaukasten. Dies ist die dritte Antwort: dieselbe Einstellung, mit einem Tablet- und einem Mobilwert daneben.
MevvBlocks · mevvsoft/container
<!-- wp:mevvsoft/container {"ayarlar":{
"padding": {"top":"100","unit":"px"},
"padding_tablet": {"top":"64", "unit":"px"},
"padding_mobile": {"top":"40", "unit":"px"}
}} -->Dieselbe Einstellung, drei Werte. Sonst ändert sich am Block nichts.
Was der Server ausgibt
.e-con-1a2b { --padding-top:100px }
@media (max-width:1024px) { .e-con-1a2b { --padding-top:64px } }
@media (max-width:767px) { .e-con-1a2b { --padding-top:40px } }Gespeichertes HTML kann nur den Wert einer einzigen Bildschirmgröße tragen; deshalb wird das CSS stattdessen zum Zeitpunkt der Anfrage erzeugt — und deshalb werden diese Werte auch weiter ausgegeben, wenn eine Lizenz ausläuft.
- Desktop 100 px
- Tablet · ≤1024 64 px
- Mobil · ≤767 40 px
Dass Kernblöcke einen Wert nicht nach Bildschirmgröße variieren können, wurde an WordPress 7.1 selbst geprüft und nicht der Dokumentation entnommen: core/group unterstützt Innenabstand, Hintergrund, Mindesthöhe, Rahmen sowie Flex- oder Grid-Layout — jedes davon als einzelnen Wert. Die Bildschirmgrenzen oben sind die des Plugins, und die Media Queries sind die, die es tatsächlich schreibt.
Fähigkeiten
Es beginnt beim Telefon. Es endet dort nicht.
Eine Website braucht mehr als Abstände: ein Kontaktformular, eine Kopf- und Fußzeile, die sie weiterhin bearbeiten kann, eine Palette, die sie weiterhin ändern kann. Vielleicht bauen Sie von einer leeren Seite aus, vielleicht kommen Sie von einem Seitenbaukasten — in beiden Fällen gibt es jeden dieser Punkte, weil ohne ihn etwas zerbrochen ist.
Jede Maßangabe, je Bildschirmgröße
Ein Innenabstand, eine Schriftgröße, eine Spaltenanzahl kann einen eigenen Wert für Desktop, Tablet und Mobil tragen. Der WordPress-Kern kann das nicht — das wurde an 7.1 gemessen, nicht vermutet. Dasselbe Panel hebt ein Element außerdem mit absoluter oder fixer Positionierung aus dem Fluss, und auch seine Versätze und sein z-index gelten je Gerät.
Einhunderteins Blöcke
Layout, Text und Medien; Menü, Suche, Beitragsraster und Loop-Builder; Website-Logo, Seitentitel, Brotkrümelnavigation, Beitragsinfo und Autorenbox für Theme-Vorlagen; Video, Galerie, Tabelle, FAQ, Zeitleiste und Code; Flip-Box, Handlungsaufforderung, animierte Überschrift, Vorher/Nachher, Hotspots, Off-Canvas-Panel und Kontaktschaltflächen — dazu zwanzig für WooCommerce, von der Produktgalerie bis zu Warenkorb und Kasse. Achtundsiebzig ohne WooCommerce.
Was Sie im Editor sehen, gibt die Seite auch aus
Die Arbeitsfläche zeigt keine Annäherung mehr: Innenabstand, Abstände, Richtung, Ausrichtung, Hintergrund, Radius, Schatten, Transformation und Position erscheinen mit den Werten, die das Frontend verwenden wird. Eine einzige Style-Engine erzeugt dieses CSS, und der Editor holt es vom Server — eine zweite Engine in JavaScript zu schreiben hätte uns zwei Kopien beschert, die auseinanderdriften. Gemessen: Die alte Arbeitsfläche wich in 24 Layout-Eigenschaften von der Seite ab; jetzt sind es null von 64.
Core Web Vitals, von Ihren echten Besuchern
LCP, CLS und INP werden in den Browsern der Menschen gemessen, die Ihre Website besuchen, und was der Bildschirm zeigt, ist das 75. Perzentil über ein Fenster von 28 Tagen — Felddaten, so wie die Search Console sie betrachtet, kein Laborlauf. Unter hundert Messwerten wird überhaupt keine Zahl angezeigt, denn ein Perzentil aus einer Handvoll Messungen ist Rauschen. Es werden keine IP, kein Cookie und keine Kennung erhoben, und die Daten verlassen Ihren eigenen Server nie.
KI mit Ihrem eigenen Schlüssel
Schreiben, umschreiben, kürzen, übersetzen und Alt-Texte für Bilder erzeugen. Sie tragen Ihren eigenen API-Schlüssel ein, und die Anfrage geht von Ihrer Website direkt an den Anbieter — Ihr Text erreicht uns nie, und das Kontingent bleibt Ihres. Das Ergebnis kommt als Vorschlag an, es wird nicht direkt in den Block geschrieben.
Notizen, die Ihre Besucher nie sehen
Heften Sie an jeden Block eine Notiz für Ihr Team, markieren Sie sie als erledigt, löschen Sie sie. Sie lebt im Editor, und es gibt keinen einzigen Frontend-Hook, der sie ausgeben könnte.
Schneller, und gemessen
Die Blockausgabe wird zwischengespeichert und Bilder werden neben den Originalen in WebP oder AVIF umgewandelt — die Originale werden nie angetastet. Gemessen: Blockrenderzeit um 33–72 % gesunken, Bildgewicht um 39–78 %. Bilder werden über ein <code><picture></code>-Element ausgeliefert, sodass alle dasselbe HTML erhalten; je Besucher auf dem Server zu entscheiden, ist genau das, was einen Seitencache vergiftet. Sie können auf Telefonen auch ein anderes Bild ausliefern — keine kleinere Kopie desselben, ein anderes Motiv — und die Wahl trifft weiterhin der Browser.
Eine Formular-Engine, keine Abhängigkeit
Sechzehn Feldtypen, Validierung auf dem Server, ein Honeypot, der stillschweigend geschluckt wird, und ein Bildschirm, auf dem die Einsendungen aufbewahrt werden. Das Formular funktioniert ohne JavaScript, denn es ist der eine Teil der Seite, der wirklich etwas tut.
Theme-Vorlagen mit Bedingungen
Kopfzeile, Fußzeile, Einzelansicht, Archiv, Suche und 404 — gebaut im WordPress-Editor, den Sie ohnehin schon nutzen, nicht in einem zweiten, den wir mit dem Kern im Gleichschritt halten müssten.
Pop-ups, die die Umstellung überstehen
Öffnen beim Laden, bei einer Scrolltiefe, bei Verlassensabsicht, bei einem Klick oder nach Inaktivität. Die Häufigkeit wird im Browser des Besuchers selbst gezählt, sodass niemand auf dem Server identifiziert werden muss.
Ein Bildschirm für die Palette der Website
Farben und Typografie an einem Ort, unter ihren ursprünglichen Variablennamen — damit Seiten, die vor der Umstellung gebaut wurden, die neue Palette übernehmen, statt ihre Bezüge zu verlieren.
Ein Barrierefreiheits-Audit, kein Overlay
Es wird kein Widget auf die Seite geschraubt, das behauptet, die Website sei barrierefrei. Es meldet, was jeder Block ausgelassen hat — fehlender Alt-Text, eine gebrochene Überschriftenreihenfolge, schwacher Kontrast — während Sie noch bearbeiten.
Slider, Tabs und Akkordeon ohne Bibliothek
Das Scrollen ist natives scroll-snap und das Akkordeon ist ein details-Element. Wenn das Skript nie lädt, wird nichts versteckt: versteckter Inhalt ist unzugänglicher Inhalt.
Auf dem Server gerendert, nie an die Lizenz gebunden
Gespeichertes HTML kann nur den Wert einer einzigen Bildschirmgröße tragen, deshalb wird das CSS zum Zeitpunkt der Anfrage erzeugt. Auf diesem Weg gibt es keine einzige Lizenzprüfung — eine ausgelaufene Lizenz verdunkelt nie eine veröffentlichte Seite.
So funktioniert es
Der gewöhnliche Editor, mit den Steuerelementen eines Baukastens.
Keine zweite Arbeitsfläche, keine separate Anwendung. Sie wählen einen Block aus, und das Panel rechts trägt das, was Ihnen ein Seitenbaukasten geben würde — für Desktop, Tablet und Mobilgerät getrennt.
Block auswählen, das Panel ist gleich da
Layouttyp, Richtung, Mindesthöhe, Inhaltsbreite, Ausrichtung, Abstand. Gewöhnliche Blöcke im gewöhnlichen Editor — nichts Neues zu lernen, und Ihre Inhalte bleiben als Standard-Block-Markup in post_content.
Transformationen, Masken und Teamnotizen an jedem Block
Drehen, Skalieren, Neigen, Spiegeln und Maskieren — jeweils mit getrennten Werten für Desktop, Tablet und Mobilgerät. Dazu eine an den Block geheftete Notiz für Ihr Team: Sie lebt im Editor und wird nie auf der Seite ausgegeben.
Und auf der Seite läuft es wirklich
Eine Flip-Box auf einer echten Seite: die Vorderseite, die Rückseite und eine Schaltfläche, die auch mit der Tastatur funktioniert — die Aufnahme unten zeigt eine echte Seite, keine Attrappe. Der Block wird auf dem Server gerendert, eine ausgelaufene Lizenz verdunkelt ihn also nie.
Und dann sagt es Ihnen, was Ihre Besucher tatsächlich erlebt haben
LCP, CLS und INP werden in den Browsern echter Besucher gemessen und als 75. Perzentil über 28 Tage gezeigt — Felddaten, wie die Search Console sie betrachtet, und kein Laborlauf. Der Bildschirm unten stammt aus einer echten Installation: Beachten Sie die eine Zelle, die keine Zahl anzeigt, denn vierzehn Messwerte sind kein Perzentil.
Bilder: WebP und AVIF, ohne die Originale anzurühren
Ein Bildschirm. Eine Datei, die nicht kleiner wird, wird nicht behalten. Und wenn ein anderes Plugin diese Aufgabe wirklich erledigt, tritt MevvBlocks von selbst zurück und sagt warum — die Frage ist nicht „ist es installiert“, sondern „kann es die Arbeit auch leisten“.
Wir betreiben unseren eigenen Shop damit
mevvshop.com ist ein echter WooCommerce-Shop, und seine Seiten sind mit diesen Blöcken gebaut — Kopfzeile, Fußzeile, Produktkarten und alles Übrige. Jede Zahl auf dieser Seite wurde dort oder in unserer Demo-Installation gemessen, nicht geschätzt.
Gemessen
Zahlen, die wir gezählt haben, nicht Zahlen, die wir gerundet haben.
Jede Zahl unten lässt sich im Quellcode des Plugins nachzählen. Wo eine Zahl wie ein Leistungsversprechen klingen würde, wird sie nicht aufgestellt: Das Seitengewicht hängt vom Theme, vom Hosting und vom Cache ab, und Ihres haben wir nicht gemessen.
- 101
- Blöcke — 78, wenn WooCommerce nicht installiert ist
- 3.217
- Prüfungen in der Testsuite, alle bestanden
- 16
- Formularfeldtypen, dazu ein Dateifeld in Pro
- 6
- Vorlagentypen: Kopfzeile, Fußzeile, Einzelansicht, Archiv, Suche, 404
- 5
- Popup-Auslöser: Laden, Scrollen, Verlassen, Klick, Inaktivität
- 48
- mitgelieferte Symbole, gezeichnet in einer einzigen 24-Pixel-Box
- 29.828
- Bytes eingefrorenes HTML, die die Blöcke Menü, Bildbox, Social-Symbole und Copyright in unserem eigenen Shop wieder bearbeitbar gemacht haben
- 0
- Layout-Unterschiede zwischen der Editor-Arbeitsfläche und der veröffentlichten Seite, bei 64 verglichenen Eigenschaften
- 0
- Lizenzprüfungen auf dem Rendering-Pfad — durch einen Test abgesichert
Am 1. September 2026 im Quellcode des Plugins gezählt. Nur zur Einordnung der Größenverhältnisse: Die kostenlose und die Pro-Edition umfassen 1,5 MB bzw. 46 KB PHP, JS und CSS, während Elementor, Ultimate Addons und Header Footer Elementor zusammen 178 MB auf der Festplatte belegten, in der Installation, die wir am 31. August gemessen haben. Das ist ein Unterschied in der Oberfläche und keine Aussage über Geschwindigkeit — und ein guter Teil davon sind schlicht die Funktionen, die wir nicht haben. Was beim Besucher ankommt, ist eine andere und kleinere Zahl: 20 KB CSS und 5 KB JavaScript auf einer Seite.
Preise
Alle Preise verstehen sich inklusive Mehrwertsteuer.
Eine ausgelaufene Lizenz verdunkelt nie eine Seite. Werte, die das Pro-Bearbeitungspanel geschrieben hat, werden auch von der kostenlosen Edition weiter ausgegeben, und das Formular nimmt weiter Einsendungen an. Was schließt, ist das Bearbeitungspanel, nicht das Aussehen der Website.
1 USD = 49,5932 ₺ (İşbank-Kurs)
Start
Von der Kopfzeile bis zur Fußzeile, im Blockeditor.
Installieren Sie die kostenlose Edition: die Blöcke, die Formulare, die Theme-Vorlagen, die Popups und neunzehn fertige Abschnitte und Seiten sind schon darin. Pro ergänzt das Panel zum Bearbeiten der Werte für Desktop, Tablet und Mobilgerät. Was Sie verlieren, ist das Panel, nicht das Aussehen der Website: Läuft die Lizenz aus, werden diese Werte weiter ausgegeben.
Produktinformationen
- Produkttyp
- Blockpaket für WordPress
- Was es ist
- Ein Seitenbaukasten im Blockeditor
- Blöcke
- 101, oder 78 ohne WooCommerce
- Kostenlose Version verfügbar
- Blöcke, Formulare, Theme-Vorlagen, Pop-ups, globale Stile, Bildoptimierung, Block-Caching, eigener Code, Barrierefreiheits-Audit
- Pro
- Panel für Desktop/Tablet/Mobil, eigenes CSS je Block, bedingte Formularlogik und Dateifeld
- Was der Besucher herunterlädt
- 20 KB CSS + 5 KB JS auf einer Seite — gemessen auf der Startseite von wp-demo, 1. September 2026
- Quellcodegröße
- Free 1,5 MB + Pro 46 KB PHP, JS und CSS, 1. September 2026
- Voraussetzungen
- WordPress 6.0+, PHP 8.1+