BLOCKS
Kostenlose Edition verfügbar

MevvBlocks

Von der Kopfzeile bis zur Fußzeile, im Blockeditor.

Der WordPress-Blockeditor ist schnell und nativ, aber er kann einem Maß keinen eigenen Wert für Desktop, Tablet und Mobil geben — erneut gemessen unter WordPress 7.1, und der häufigste technische Grund, aus dem Leute einen Page Builder installieren. MevvBlocks schließt diese Lücke und geht dann weiter: einhundertzehn Blöcke, Theme-Templates vom Header bis zum Footer, ein Beitragsraster und ein Loop-Builder, eine Formular-Engine, Pop-ups, Transformationen und Masken, seitenweiter eigener Code, ein einziger Bildschirm für die Farbpalette der Website, WebP und AVIF für deine Bilder, Caching auf Blockebene, ein Barrierefreiheits-Audit, das die Wahrheit sagt, statt sie zu verdecken, und ein Core-Web-Vitals-Bildschirm, der von deinen eigenen Besuchern gespeist wird. Der Katalog reicht inzwischen vom Umschalter und verschachtelten Tabs bis zum Kreisdiagramm, einer Medien-Wiedergabeliste, einem Tooltip, einem Newsletter-Formular und einer SVG-Animation, mit acht Blockstilen im Stile-Panel des Editors selbst — und jeder von ihnen hört auf, sich zu bewegen, wenn der Besucher reduzierte Bewegung verlangt hat. Auch die Arbeitsfläche ist keine Annäherung mehr: Der Editor fragt beim Server dasselbe CSS ab, das die Seite ausgeben wird, also wird ausgeliefert, was du anordnest. Dreiundzwanzig dieser Blöcke sind für WooCommerce, und keiner von ihnen zeichnet WooCommerce neu: Sie rufen dessen eigene Templates auf, damit dein Theme und deine Plugins weiter funktionieren.

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.

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.

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.

Derselbe Abschnitt, drei Breiten
  • 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.

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.

Einhundertzehn Blöcke

Layout, Text und Medien; Menü, Suche, Beitragsraster und Loop-Builder; Website-Logo, Seitentitel, Brotkrumen, Beitragsinfo und Autorenbox für Theme-Templates; Video, Audio, Wiedergabeliste, Galerie, Tabelle, FAQ, Zeitstrahl und Code; Umschalter, verschachtelte Tabs, Kreisdiagramm, Tooltip, Newsletter, Social-Feed, Flip-Box, Handlungsaufruf, animierte Überschrift, Vorher/Nachher, Hotspots, Off-Canvas-Panel und Kontaktschaltflächen — und dreiundzwanzig für WooCommerce, von der Produktgalerie bis zum Warenkorb, zur Kasse und einem Mini-Warenkorb. Siebenundachtzig ohne WooCommerce.

Acht Blockstile, in dem Panel, das WordPress dir ohnehin gibt

Ein Verlaufs-Overlay, Graustufen oder Unschärfe bis zum Hover, eine Kreis- oder abgerundete Maske, Anheben, Zoom und Neigung — gewählt im Stile-Panel des Kerns, es gibt also kein neues Bedienelement zu lernen, und die Wahl ist eine Klasse in deinem Markup statt einer Einstellung in einer Tabelle. Jede Hover-Transformation wird abgeschaltet, wenn das System des Besuchers reduzierte Bewegung verlangt, und das Standbild einer SVG-Animation wird auf dieselbe Weise eingesetzt.

Ein Newsletter-Formular, das keinen Dienst braucht

Eine Adresse, ein optionaler Name, ein Einwilligungsfeld und ein einfaches POST — signiert mit demselben HMAC, den die Formular-Engine verwendet, sodass eine gecachte Seite nie an einem abgelaufenen Nonce stirbt. Der Honeypot wird stillschweigend geschluckt, das Ratenlimit gilt pro Adresse, und die Adressen landen bei deinen übrigen Formularübermittlungen. Es gibt keine Liste, keinen API-Schlüssel und keine Anfrage an irgendwen: Die Aktion <code>mevvblocks_newsletter_subscribe</code> übergibt jede bestätigte Adresse an das, was du ohnehin nutzt.

Dynamischer Text, einschließlich deiner ACF-Felder

Eine Überschrift, ein Text, eine Schaltfläche oder ein Bild kann seinen Wert aus dem Beitrag lesen statt aus dem, was du getippt hast: Titel, Auszug, Autor, Datum, Kategorie, Schlagwörter, Archivtitel, Suchbegriff, den WooCommerce-Preis, die Artikelnummer oder den Lagerbestand, oder ein benutzerdefiniertes Feld per Schlüssel. Wenn Advanced Custom Fields aktiv ist, wird das Feld über <code>get_field()</code> gelesen, du bekommst also den formatierten Wert, und Schlüssel, die mit einem Unterstrich beginnen, werden abgelehnt statt offengelegt.

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.

Die Palette Ihres Themes, ohne sie neu einzutippen

Farben und Typografie lassen sich aus der theme.json des aktiven Themes lesen und füllen damit die leeren Plätze in der eigenen Palette des Plugins. Die Brücke ist bewusst einseitig: Es wird nie etwas ins Theme zurückgeschrieben, ein Theme-Update findet seine eigene Datei also nie unter sich umgeschrieben vor. Sie ist aus, bis Sie sie einschalten.

Ein Mega-Panel an dem Menü, das Sie schon haben

Kein neuer Block — eine Einstellung am Navigationsblock. Ein Untermenü öffnet sich als Panel über die volle Breite mit bis zu vier Spalten, und wenn Sie das Panel bei einem Eintrag ohne Untermenü einschalten, sagt die Barrierefreiheitsprüfung das, statt einen leeren Kasten auszugeben.

Ein erster Entwurf einer Seite, aus einem Satz

Sie beschreiben die Seite, und das Modell wählt Abschnitte aus der eigenen Vorlagenbibliothek des Plugins. Es schreibt nie Markup, was auf der Seite landet, sind also bearbeitbare Blöcke statt generiertem HTML, und ein Abschnitt, den es nennt und den es nicht gibt, wird verworfen und gemeldet statt geraten. Die Seite wird immer als Entwurf gespeichert, und der Schlüssel gehört Ihnen.

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>&lt;picture&gt;</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.

Einhundertzehn Blöcke, in fünf Gruppen.

Das sind dieselben fünf Gruppen, die das Plugin auf seinen eigenen Schauseiten verwendet, und jeder Block unten wird auf dem Server gerendert: Er steht in der Seite, bevor ein einziges Skript gelaufen ist. Nichts hier ist Pro-exklusiv außer den drei Blöcken, die es sagen.

Text und Aktion

Überschrift, Rich Text, eine animierte Überschrift, die ihre Wörter tippen kann, Schaltfläche, Handlungsaufruf, Icon-Box, Icon-Liste und Checkliste, Trennlinie, und ein Hinweis, den du schließbar machen kannst — wird er geschlossen, wandert der Fokus weiter, statt zu verschwinden. Umschalter, verschachtelte Tabs mit eigenen Panels, Akkordeon und FAQ bauen alle auf details/summary und dem ARIA-Tab-Muster auf, also bleibt einem Leser, dessen Skript nie ankam, nichts verborgen.

Daten und Preise

Zähler, Fortschrittsbalken, Datenbalken, Zahlenbox und ein Kreis- oder Ringdiagramm, dessen Werte zusätzlich als Liste ausgegeben werden, denn ein Diagramm, das niemand lesen kann, ist Dekoration. Preistabelle und Preisliste, Kundenstimme, Sternebewertung und Kundenstimmen-Karussell, Teammitglied. Pro ergänzt den Inhaltsumschalter: eine Monats-/Jahres-Tableiste mit einem Abzeichen, über Panels, die beliebige Blöcke aufnehmen können.

Portfolio und Karte

Zeitstrahl — vertikal, oder horizontal auf einem breiten Bildschirm und zurück zu vertikal auf einem schmalen, ohne die Lesereihenfolge zu ändern —, Schritte, eine barrierefreie Datentabelle mit ordentlichen Spaltenköpfen, und ein Vergleichsblock. Die Karte ist eine OpenStreetMap-Einbettung, die fragt, bevor sie lädt. Pro ergänzt das Portfolio: Karten, die auf dem Server gerendert werden, ein Taxonomie-Filter, der im Browser ohne Anfrage nach außen angewendet wird, und ein Link zum Archiv. Es gibt kein Modal und keine Seitennummerierung.

Medien und Formulare

Video und Audio, eine Wiedergabeliste mit Untertiteln und Postern, in der jeder Titel ein gewöhnlicher Link ist, bevor das Skript ihn anfasst, Galerie, Vorher/Nachher, Flip-Box, Banner, Hotspots und ein Tooltip, der bei Hover, bei Fokus und bei Tippen öffnet. Formulare: die Engine mit sechzehn Feldtypen, Anmeldung und Registrierung, und der Newsletter — ein signiertes POST mit Honeypot und einem Ratenlimit, das die Adresse an deine eigene Liste übergibt. Der Social-Feed ist eine von Hand ausgewählte Linkliste: keine API, kein Token, keine Anfrage an irgendwen.

Gestaltung und Bewegung

Einblendanimation, klebende Position und Parallaxe; acht Blockstile im Stile-Panel des Kerns — Verlaufs-Overlay, Graustufen, Unschärfe, Kreis- und abgerundete Masken, Anheben, Zoom, Neigung; eine SVG-Animation, die als Bild gezeigt wird, damit nichts in der Datei deine Seite erreichen kann, mit einem Standbild, das bei reduzierter Bewegung eingesetzt wird; 94 Strich-Icons ohne Icon-Schriftart; und dynamischer Text aus einem benutzerdefinierten Feld, über Advanced Custom Fields gelesen, wenn es vorhanden ist. Es gibt keine scrollgebundenen Animationen.

Die fünf Gruppen sind offene Seiten auf unserer Demo-Installation: Blockkatalog — Text und Aktion, Daten und Preise, Portfolio und Karte, Medien und Formulare, Gestaltung. Was bewusst fehlt, ist ebenfalls festgehalten: kein Modal und keine Seitennummerierung im Portfolio, kein API-Adapter hinter dem Social-Feed, und kein scrollgebundener Zeitstrahl.

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.

WordPress-Blockeditor mit ausgewähltem MevvBlocks-Container und rechts geöffnetem Layout-Panel

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.

Editor-Seitenleiste mit den Transformationsschaltern, dem Masken-Panel und dem Notizen-Panel

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.

Aufnahme dreier Flip-Boxen auf einer Live-Seite; die mittlere dreht sich und zeigt ihre Rückseite mit Schaltfläche

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.

MevvBlocks-Web-Vitals-Verwaltungsbildschirm mit LCP, CLS und INP im 75. Perzentil für Desktop und Mobilgerät
wp-demo.mevvsoft.com, 1. September 2026 — 115 Messungen je Gerät, von echten Browsern erhoben.

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“.

MevvBlocks-Verwaltungsbildschirm zur Bildoptimierung mit WebP- und AVIF-Einstellungen und Stapelkonvertierung

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.

mevvshop.com ↗

Die Ladenfront von mevvshop.com, gebaut mit MevvBlocks

Elf Aufnahmen von den Katalogseiten.

Jede Aufnahme ist eine öffentliche Seite von wp-demo.mevvsoft.com mit dem kostenlosen Plugin und Pro aktiv, aufgenommen bei 1440 und 390 Pixeln und auf den gezeigten Abschnitt zugeschnitten. Kein Admin-Bildschirm, nichts gezeichnet oder retuschiert.

Ein Abschnitt einer Katalogseite mit einer Überschrift, einer Überschrift, die das Wort „satın“ tippt, einer Schaltfläche, einer Handlungsaufruf-Karte, einer Icon-Box, zwei Listen und zwei farbigen Hinweisen
Text, Aktion und Hinweise Eine tippende Überschrift mitten im Wort erwischt, ein Handlungsaufruf, eine Icon-Box aus dem 94-Icon-Satz, eine Checkliste, und ein Hinweis mit Schließen-Schaltfläche.
Ein Abschnitt mit einem geöffneten Umschalter, der einen zweiten Umschalter enthält, einer horizontalen Tableiste mit drei Tabs, einer verschachtelten vertikalen Tableiste, und einem Akkordeon mit zwei Zeilen
Umschalter, verschachtelte Tabs, Akkordeon Ein Umschalter mit einem weiteren Umschalter darin, eine Tab-Gruppe, deren zweites Panel eine eigene vertikale Tab-Gruppe enthält, danach ein Akkordeon und ein FAQ. Jedes Panel bleibt in der Seite, ein Leser ohne Skript verliert also nichts.
Ein Abschnitt mit einem großen Zähler, der plus 1,250 anzeigt, einem Fortschrittsbalken bei 72, drei beschrifteten Prozentbalken, und einem Ringdiagramm mit einer vierzeiligen Legende
Zähler, Balken und das Kreisdiagramm Ein Zähler, ein Fortschrittsbalken, ein dreizeiliger Datenbalken und ein Ringdiagramm, dessen vier Segmente zusätzlich als beschriftete Liste mit ihren Werten und Prozentsätzen ausgegeben werden.
Eine pillenförmige Tableiste mit Monatlich und Jährlich und einem Abzeichen mit siebzehn Prozent, darüber zwei Preiskarten und eine zweizeilige Preisliste
Inhaltsumschalter (Pro) Eine Monats-/Jahres-Tableiste mit Ersparnis-Abzeichen über zwei Panels, die je eine gewöhnliche Preistabelle enthalten, und eine Preisliste darunter.
Ein Portfolio-Raster mit sechs Artikelkarten mit Bildern und Kategorie-Schlagwörtern, darüber eine Reihe Filterschaltflächen, und darunter ein Link mit dem Text „alle Projekte ansehen“
Portfolio mit Filter (Pro) Sechs auf dem Server gerenderte Karten mit ihren Begriffen, ein Taxonomie-Filter, der im Browser ohne Anfrage nach außen angewendet wird, und ein Link zum Archiv. Kein Modal, keine Seitennummerierung.
Ein horizontaler Zeitstrahl mit drei datierten Punkten, ein vertikaler Zeitstrahl mit zwei Schritten, und eine nummerierte Liste mit drei Schritten
Zeitstrahl und Schritte Der horizontale Zeitstrahl, der auf einem schmalen Bildschirm vertikal wird, ohne die Lesereihenfolge zu ändern, der vertikale darunter, und ein Block mit nummerierten Schritten.
Eine dreispaltige Preistabelle mit einem Gedankenstrich in einer leeren Zelle, und darunter eine Vergleichstabelle mit Haken und Kreuzen in zwei Spalten
Datentabelle und Vergleich Eine Tabelle mit echten Spaltenköpfen und einem Gedankenstrich, wo eine Zelle leer ist, und ein Vergleichsblock mit einer Ja/Nein-Spalte für jede Seite.
Drei Karten nebeneinander, jede mit einem Bildbereich, einem kurzen Satz, einem Datum und einem Link mit dem Text „auf Instagram ansehen“, „auf X ansehen“ und „auf LinkedIn ansehen“
Social-Feed — eine Linkliste Drei von Hand ausgewählte Beiträge als Karten mit Datum und einem Link nach außen. Keine API, kein Token, keine Anfrage an irgendein Netzwerk.
Eine Liste von zehn Icons mit ihren Namen daneben, und darunter zwei Marken-Icons für Instagram und YouTube
Der Icon-Satz Zehn der 94 Strich-Icons, jedes als SVG in die Seite eingebettet. Es gibt keine Icon-Schriftart, also wartet nichts auf eine zweite Datei, um lesbar zu werden.
Derselbe Abschnitt mit Umschalter und Tabs auf einem Telefon, wobei die innere vertikale Tableiste jetzt horizontal über ihren Panels liegt
Dieselben Panels bei 390 Pixeln Die verschachtelte vertikale Tableiste ist auf dem schmalen Bildschirm horizontal geworden, und die Lesereihenfolge ist dieselbe wie auf dem Desktop.
Der Monats-/Jahres-Umschalter auf einem Telefon mit den beiden Preiskarten gestapelt darunter
Der Umschalter bei 390 Pixeln Die Tableiste und ihr Abzeichen bleiben auf einer Zeile, und die Preiskarten stapeln sich.

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.

110
Blöcke — 87 ohne installiertes WooCommerce
94
mitgelieferte Icons, gezeichnet in einer einzigen 24-Pixel-Box — keine Icon-Schriftart
8
Blockstile im Stile-Panel des Kerns, jeder von ihnen still bei reduzierter Bewegung
42
gerenderte Prüfungen gegen die fünf Katalogseiten auf der Demo-Installation — 42 bestanden, keine fehlgeschlagen
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
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

Gezählt im Quellcode des Plugins am 8. September 2026. Zur Einordnung, und nur zur Einordnung: Die kostenlose und die Pro-Edition sind 1.8 MB und 82 KB an 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 Angriffsfläche, keine Aussage über Geschwindigkeit — und ein guter Teil davon sind schlicht die Funktionen, die wir nicht haben. Die zweiundvierzig gerenderten Prüfungen sind die, die <code>tools/katalog-dogrula.php</code> gegen die fünf Katalogseiten ausführt, die du auf der Demo-Installation selbst öffnen kannst.

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.

Wählen Sie einen Abrechnungszeitraum

Kostenlos

MevvBlocks

Kostenlos

Keine Kosten, keine Karte erforderlich.

  • Frontend-Darstellung — enthalten
  • Gespeicherte responsive Werte werden weiter ausgegeben — enthalten
  • Inhalts- und Strukturbearbeitung — enthalten
  • Basis-Layout: flex/grid, Richtung, Spalten, Mindesthöhe — enthalten
  • A hundred and ten blocks — eighty-seven without WooCommerce — enthalten
  • Bearbeiten der Werte für Desktop, Tablet und Mobil — nicht enthalten
  • Eigenes CSS je Block — nicht enthalten
  • Text and action: toggle, nested tabs, accordion, FAQ, dismissible alert, typing headline — enthalten
  • Data and pricing: counter, progress, data bar, pie chart, pricing table, testimonial, team — enthalten
  • Monthly/yearly content switcher — any blocks inside its panels — nicht enthalten
  • Timeline, steps, an accessible data table, comparison and the map — enthalten
  • Portfolio with a taxonomy filter — filtered in the browser; no modal, no pagination — nicht enthalten
  • Media: audio, video, playlist, gallery, before/after, flip box, tooltip — enthalten
  • Social feed — a hand-picked list of links, no outside request and no API key — enthalten
  • Lottie embed — it asks for consent, and the player library is not bundled — nicht enthalten
  • Eight block styles, entrance animation, SVG animation and 94 icons — off under reduced motion — enthalten
  • Dynamic text from a custom field — read with get_field() when ACF is active — enthalten
  • Formular-Engine: sechzehn Feldtypen, serverseitige Validierung, Einsendungsspeicher — enthalten
  • Newsletter form: signed submission, honeypot, rate limit, a subscribe hook — enthalten
  • Bedingte Logik, Autoantwort und Webhooks in Formularen — nicht enthalten
  • Dateifeld im Formular und CSV-Export — nicht enthalten
  • Theme-Builder: Kopfzeile, Fußzeile, Einzelansicht, Archiv, Suche, 404 — enthalten
  • Pop-ups: fünf Auslöser, Anzeigebedingungen, Häufigkeitsbegrenzung — enthalten
  • Globale Farb- und Typografieverwaltung — enthalten
  • Barrierefreiheits-Auditor (ein Audit, kein Overlay) — enthalten
  • Updates and support with a licence — front-end rendering never checks it — nicht enthalten
Kostenlose Edition herunterladen

Pro

MevvBlocks Pro

$5.00

≈ 254,36 ₺ · VAT included

1 site

Jetzt kaufen
Am beliebtesten

$39.00

≈ 1.984,00 ₺ · VAT included

$60.00 $21.00 gespart

1 site

Jetzt kaufen

$129.00

≈ 6.562,48 ₺ · VAT included

1 site

Jetzt kaufen
  • Frontend-Darstellung — enthalten
  • Gespeicherte responsive Werte werden weiter ausgegeben — enthalten
  • Inhalts- und Strukturbearbeitung — enthalten
  • Basis-Layout: flex/grid, Richtung, Spalten, Mindesthöhe — enthalten
  • A hundred and ten blocks — eighty-seven without WooCommerce — enthalten
  • Bearbeiten der Werte für Desktop, Tablet und Mobil — enthalten
  • Eigenes CSS je Block — enthalten
  • Text and action: toggle, nested tabs, accordion, FAQ, dismissible alert, typing headline — enthalten
  • Data and pricing: counter, progress, data bar, pie chart, pricing table, testimonial, team — enthalten
  • Monthly/yearly content switcher — any blocks inside its panels — enthalten
  • Timeline, steps, an accessible data table, comparison and the map — enthalten
  • Portfolio with a taxonomy filter — filtered in the browser; no modal, no pagination — enthalten
  • Media: audio, video, playlist, gallery, before/after, flip box, tooltip — enthalten
  • Social feed — a hand-picked list of links, no outside request and no API key — enthalten
  • Lottie embed — it asks for consent, and the player library is not bundled — enthalten
  • Eight block styles, entrance animation, SVG animation and 94 icons — off under reduced motion — enthalten
  • Dynamic text from a custom field — read with get_field() when ACF is active — enthalten
  • Formular-Engine: sechzehn Feldtypen, serverseitige Validierung, Einsendungsspeicher — enthalten
  • Newsletter form: signed submission, honeypot, rate limit, a subscribe hook — enthalten
  • Bedingte Logik, Autoantwort und Webhooks in Formularen — enthalten
  • Dateifeld im Formular und CSV-Export — enthalten
  • Theme-Builder: Kopfzeile, Fußzeile, Einzelansicht, Archiv, Suche, 404 — enthalten
  • Pop-ups: fünf Auslöser, Anzeigebedingungen, Häufigkeitsbegrenzung — enthalten
  • Globale Farb- und Typografieverwaltung — enthalten
  • Barrierefreiheits-Auditor (ein Audit, kein Overlay) — enthalten
  • Updates and support with a licence — front-end rendering never checks it — enthalten

1 USD = 50,8719 ₺ (İşbank-Kurs)

Fragen, die Leute vor der Installation stellen

Muss ich einen neuen Editor lernen?

Nein. Das sind gewöhnliche WordPress-Blöcke im gewöhnlichen Blockeditor, und deine Inhalte bleiben als Standard-Block-Markup in post_content — nicht in einer Tabelle von uns. Entferne das Plugin, und der Inhalt ist immer noch lesbares HTML.

Was lässt die kostenlose Edition weg?

Alle 110 Blöcke, die Formular-Engine, der Newsletter, die Theme-Templates, die Pop-ups, die Blockstile, die Icons, die Bildoptimierung, der Block-Cache und das Barrierefreiheits-Audit sind kostenlos. Pro ergänzt das Panel zum Bearbeiten der Werte für Desktop, Tablet und Mobil, eigenes CSS pro Block, den Inhaltsumschalter, das filterbare Portfolio, die Lottie-Einbettung, sowie bedingte Logik, Auto-Antwort, Webhooks, ein Dateifeld und CSV-Export in Formularen.

Was passiert, wenn die Lizenz ausläuft?

Deine Seiten werden weiterhin genau so gerendert, wie sie sind, einschließlich der Tablet- und Mobil-Werte, die das Pro-Panel geschrieben hat — die kostenlose Stil-Engine gibt sie aus. Was schließt, ist das Bearbeitungs-Panel. Auf dem Rendering-Pfad gibt es keine einzige Lizenzprüfung, und ein Test stellt das bei jedem Release sicher.

Wohin gehen die Newsletter-Adressen?

In deine eigene Website, zu den übrigen Formularübermittlungen. Es gibt keine Liste von uns, keinen API-Schlüssel und keine Anfrage an einen Dritten: Der Block löst mit jeder bestätigten Adresse eine mevvblocks_newsletter_subscribe-Aktion aus, damit du sie an das übergeben kannst, was du ohnehin nutzt. Das Formular ist ein einfaches POST, das mit einem HMAC statt mit einem Nonce signiert ist, denn ein Nonce stirbt hinter einem Full-Page-Cache stillschweigend.

Bewegt sich irgendetwas gegen den Wunsch des Besuchers?

Nein. Jede Hover-Transformation in den Blockstilen, die Flip-Box, die Laufschrift, die tippende Überschrift und die Einblendanimationen werden abgeschaltet, wenn das System reduzierte Bewegung verlangt, und eine SVG-Animation wechselt zu einem Standbild. Das erste Wort einer tippenden Überschrift wird immer ausgegeben, der Satz ist also nie leer.

Lädt es irgendetwas von einem Dritten?

Das Plugin stellt keine eigene Anfrage: keine Bibliothek von einem CDN, keine Schriftart vom Server eines anderen, keine Telemetrie. Drei Dinge greifen nach außen, und jedes ist deine Entscheidung — die KI-Helfer, mit einem Schlüssel, den du selbst einträgst; die Karte, eine OpenStreetMap-Einbettung, die zuerst um Einwilligung bittet; und die Lottie-Einbettung in Pro, die genauso fragt und ein Standbild zeigt, bis du zustimmst. Der Social-Feed spricht mit überhaupt niemandem: Er ist eine Liste von Links, die du ausgewählt hast.

Kann ein Block eines meiner ACF-Felder lesen?

Ja. Eine Überschrift, ein Text, eine Schaltfläche oder ein Bild kann seinen Wert aus einem benutzerdefinierten Feld per Schlüssel nehmen; mit aktivem Advanced Custom Fields wird der Wert über get_field() gelesen, du bekommst also den formatierten, sonst fällt es auf rohe Beitrags-Metadaten zurück. Schlüssel, die mit einem Unterstrich beginnen, werden abgelehnt — das sind die internen Felder von WordPress, und sie auszugeben würde preisgeben, was eine Seite nie zeigen wollte.

Was ist bewusst nicht darin?

Das Portfolio hat kein Modal und keine Seitennummerierung. Der Social-Feed hat keinen API-Adapter. Es gibt keine scrollgebundenen Animationen. Die Karte ist ein Marker ohne Gestaltung und ohne Routenführung. Es gibt kein Barrierefreiheits-Overlay, kein CAPTCHA und keine Live-Suche. Jedes davon ist eine im Quellcode festgehaltene Entscheidung, keine Auslassung, die wir später entdeckt haben.

Die vollständige MevvBlocks-Dokumentation lesen →

Von der Kopfzeile bis zur Fußzeile, im Blockeditor.

Installiere die kostenlose Edition: alle einhundertzehn Blöcke, die Formulare, der Newsletter, die Theme-Templates, die Pop-ups, die acht Blockstile und sechsundsiebzig fertige Abschnitte und Seiten sind bereits darin. Pro ergänzt das Panel zum Bearbeiten der Werte für Desktop, Tablet und Mobil, dazu den Inhaltsumschalter, das filterbare Portfolio und die Lottie-Einbettung. Was du verlierst, wenn eine Lizenz ausläuft, ist das Panel, nicht das Aussehen der Website: Diese Werte werden weiter ausgegeben.

Produkttyp
Blockpaket für WordPress
Was es ist
Ein Seitenbaukasten im Blockeditor
Blöcke
110, oder 87 ohne WooCommerce
Blockstile
8, angeboten im Stile-Panel des Kerns — alle berücksichtigen reduzierte Bewegung
Icons
94 Strich-SVGs, gezeichnet in einer einzigen 24-Pixel-Box — keine Icon-Schriftart
Muster
76 fertige: 64 Abschnitte und 12 vollständige Seiten
Kostenlose Version verfügbar
Blöcke, Formulare, Newsletter, Theme-Templates, Pop-ups, Blockstile, globale Stile, Bildoptimierung, Block-Caching, eigener Code, Barrierefreiheits-Audit
Pro
Panel für Desktop/Tablet/Mobil, eigenes CSS pro Block, Inhaltsumschalter, filterbares Portfolio, Lottie-Einbettung, bedingte Formularlogik und Dateifeld
Quellcodegröße
Kostenlos 1.8 MB + Pro 82 KB an PHP, JS und CSS, 8. September 2026
Voraussetzungen
WordPress 6.0+, PHP 8.1+