Neun Produkte,
eine WordPress-Website,
jeder Bildschirm erklärt.

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.

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 mevvblocks_newsletter_subscribe ü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 get_field() 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 <picture>-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.

Produktseite ↗ Dokumentation ↗ Live-Demo ↗