Negen producten,
één WordPress-site,
elk scherm verantwoord.

Van koptekst tot voettekst, binnen de blokeditor.

De blokeditor van WordPress is snel en native, maar kan één maat geen aparte waarde geven voor desktop, tablet en telefoon — opnieuw gemeten op WordPress 7.1, en de meest voorkomende technische reden waarom mensen een paginabouwer installeren. MevvBlocks dicht dat gat en gaat dan door: honderdtien blokken, themasjablonen van header tot footer, een berichtenraster en loopbouwer, een formuliermotor, pop-ups, transformaties en maskers, sitebrede eigen code, één scherm voor het sitepalet, WebP en AVIF voor je afbeeldingen, caching op blokniveau, een toegankelijkheidsaudit die je de waarheid vertelt in plaats van die te verbergen, en een Core Web Vitals-scherm gevoed door je eigen bezoekers. De catalogus loopt nu van een uitklapper en geneste tabbladen tot een taartdiagram, een mediaspeellijst, een tooltip, een nieuwsbriefformulier en een SVG-animatie, met acht blokstijlen in het Stijlen-paneel van de editor zelf — en ze houden allemaal op met bewegen wanneer de bezoeker om minder beweging heeft gevraagd. Ook het canvas is geen benadering meer: de editor vraagt de server om dezelfde CSS die de pagina zal afdrukken, dus wat je neerzet is wat er live gaat. Drieëntwintig van die blokken zijn voor WooCommerce, en geen ervan tekent WooCommerce opnieuw: ze roepen de eigen sjablonen ervan aan, dus je thema en je plugins blijven werken.

Elke maat, per schermgrootte

Een opvulling, een lettergrootte, een kolomaantal kan een aparte waarde voor desktop, tablet en mobiel dragen. De WordPress-kern kan dat niet — dat is gemeten op 7.1, niet aangenomen. Hetzelfde paneel tilt een element ook uit de flow met absolute of vaste positionering, en de offsets en de z-index daarvan gelden eveneens per apparaat.

Honderdtien blokken

Opmaak, tekst en media; menu, zoeken, berichtenraster en loopbouwer; sitelogo, paginatitel, kruimelpad, berichtinfo en auteursvak voor themasjablonen; video, audio, speellijst, galerij, tabel, FAQ, tijdlijn en code; uitklapper, geneste tabbladen, taartdiagram, tooltip, nieuwsbrief, sociale feed, flipbox, oproep tot actie, geanimeerde kop, voor/na, hotspots, uitschuifpaneel en contactknoppen — en drieëntwintig voor WooCommerce, van de productgalerij tot de winkelwagen, het afrekenen en een minikar. Zevenentachtig zonder WooCommerce.

Acht blokstijlen, in het paneel dat WordPress je al geeft

Een verlooplaag, grijstinten of vervaging tot je erover zweeft, een rond of afgerond masker, optillen, zoomen en kantelen — gekozen in het Stijlen-paneel van de kern, dus er is geen nieuwe knop om te leren en de keuze is een class in je markup in plaats van een instelling in een tabel. Elke zweeftransformatie wordt uitgezet wanneer het systeem van de bezoeker om minder beweging vraagt, en het stilstaande beeld van een SVG-animatie wordt op dezelfde manier ingewisseld.

Een nieuwsbriefformulier dat geen dienst nodig heeft

Een adres, een optionele naam, een toestemmingsvakje en een gewone POST — ondertekend met dezelfde HMAC die de formuliermotor gebruikt, zodat een gecachte pagina nooit sneuvelt op een verlopen nonce. De honeypot wordt in stilte weggeslikt, de snelheidslimiet geldt per adres, en adressen komen bij je andere formulierinzendingen terecht. Er is geen lijst, geen API-sleutel en geen verzoek aan wie dan ook: de actie mevvblocks_newsletter_subscribe geeft elk bevestigd adres door aan wat je al gebruikt.

Dynamische tekst, inclusief je ACF-velden

Een kop, een tekst, een knop of een afbeelding kan zijn waarde uit het bericht lezen in plaats van uit wat je hebt getypt: titel, samenvatting, auteur, datum, categorie, tags, archieftitel, zoekterm, de WooCommerce-prijs, SKU of voorraad, of een aangepast veld op sleutel. Wanneer Advanced Custom Fields actief is wordt het veld via get_field() gelezen, zodat je de opgemaakte waarde krijgt, en sleutels die met een liggend streepje beginnen worden geweigerd in plaats van getoond.

Wat u in de editor ziet, is wat de pagina afdrukt

Het canvas toont geen benadering meer: opvulling, tussenruimte, richting, uitlijning, achtergrond, radius, schaduw, transformatie en positie verschijnen met de waarden die de front-end zal gebruiken. Eén stijlmotor produceert die CSS en de editor haalt hem op bij de server — een tweede motor in JavaScript schrijven zou ons twee kopieën hebben opgeleverd die uit elkaar groeien. Gemeten: het oude canvas week op 24 lay-outeigenschappen af van de pagina; nu is dat nul van de 64.

Core Web Vitals, van uw echte bezoekers

LCP, CLS en INP worden gemeten in de browsers van de mensen die uw site bezoeken, en wat het scherm toont is het 75e percentiel over een venster van 28 dagen — veldgegevens, het soort waar Search Console naar kijkt, geen labtest. Onder de honderd metingen wordt helemaal geen getal getoond, want een percentiel uit een handvol metingen is ruis. Er wordt geen IP-adres, geen cookie en geen identificator verzameld, en de gegevens verlaten uw eigen server nooit.

AI met uw eigen sleutel

Schrijven, herschrijven, inkorten, vertalen en alt-tekst voor afbeeldingen genereren. U voert uw eigen API-sleutel in en het verzoek gaat van uw site rechtstreeks naar de aanbieder — uw tekst bereikt ons nooit en het quotum blijft van u. Het resultaat komt binnen als suggestie, het wordt niet meteen in het blok geschreven.

Het palet van je thema, zonder het over te typen

Kleuren en typografie kunnen worden uitgelezen uit het theme.json-bestand van het actieve thema en gebruikt om de lege plekken in het eigen palet van de plugin te vullen. De brug is bewust eenrichtingsverkeer: er wordt nooit iets teruggeschreven naar het thema, dus een thema-update treft nooit zijn eigen bestand overschreven aan. Het staat uit totdat je het aanzet.

Een megapaneel op het menu dat je al hebt

Geen nieuw blok — een instelling op het navigatieblok. Een submenu opent als een paneel over de volle breedte met tot vier kolommen, en als je het paneel aanzet voor een item zonder submenu meldt de toegankelijkheidscontrole dat, in plaats van een leeg vak te tonen.

Een eerste conceptversie van een pagina, vanuit één zin

Beschrijf de pagina en het model kiest secties uit de eigen sjabloonbibliotheek van de plugin. Het schrijft nooit markup, dus wat op de pagina terechtkomt zijn bewerkbare blokken in plaats van gegenereerde HTML, en een sectie die het noemt maar die niet bestaat wordt weggelaten en gemeld in plaats van geraden. De pagina wordt altijd als concept opgeslagen, en de sleutel is van jou.

Notities die uw bezoekers nooit zien

Prik aan elk blok een notitie voor uw team, markeer die als afgehandeld, verwijder die. Ze leeft in de editor en er is geen enkele front-endhook die haar zou kunnen afdrukken.

Sneller, en gemeten

Blokuitvoer wordt gecachet en afbeeldingen worden naast de originelen omgezet naar WebP of AVIF — de originelen worden nooit aangeraakt. Gemeten: rendertijd van blokken 33–72% lager, afbeeldingsgewicht 39–78% lager. Afbeeldingen worden geserveerd via een <picture>-element, zodat iedereen dezelfde HTML krijgt; per bezoeker beslissen op de server is precies wat een paginacache vergiftigt. U kunt op telefoons ook een andere afbeelding tonen — geen kleinere kopie van dezelfde, een andere opname — en de browser maakt nog steeds de keuze.

Een formuliermotor, geen afhankelijkheid

Zestien veldtypen, validatie op de server, een honeypot die in stilte wordt weggeslikt, en een scherm waarop de inzendingen worden bewaard. Het formulier werkt zonder JavaScript, want het is het ene deel van de pagina dat echt iets doet.

Themasjablonen met voorwaarden

Koptekst, voettekst, enkelvoudige weergave, archief, zoeken en 404 — gebouwd in de WordPress-editor die u toch al gebruikt, niet in een tweede die wij in de pas met de kern zouden moeten houden.

Pop-ups die de omschakeling overleven

Openen bij het laden, op scrolldiepte, bij vertrekintentie, bij een klik of na inactiviteit. De frequentie wordt geteld in de browser van de bezoeker zelf, zodat niemand op de server geïdentificeerd hoeft te worden.

Eén scherm voor het palet van de site

Kleuren en typografie op één plek, onder hun oorspronkelijke variabelenamen — zodat pagina's die vóór de omschakeling zijn gebouwd het nieuwe palet oppikken in plaats van hun verwijzingen kwijt te raken.

Een toegankelijkheidsaudit, geen overlay

Er wordt geen widget op de pagina geschroefd die beweert dat de site toegankelijk is. Er wordt gemeld wat elk blok heeft weggelaten — ontbrekende alt-tekst, een gebroken kopvolgorde, zwak contrast — terwijl u nog aan het bewerken bent.

Slider, tabbladen en accordeon zonder bibliotheek

Het scrollen is native scroll-snap en de accordeon is een details-element. Als het script nooit laadt, wordt er niets verborgen: verborgen inhoud is ontoegankelijke inhoud.

Op de server gerenderd, nooit gekoppeld aan de licentie

Opgeslagen HTML kan maar de waarde van één schermgrootte dragen, dus wordt de CSS op het moment van de aanvraag geproduceerd. Op dat pad zit geen enkele licentiecontrole — een verlopen licentie maakt nooit een gepubliceerde pagina donker.

Productpagina ↗ Documentatie ↗ Live demo ↗