WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Eén waarde. Het is 100 pixels bij 1440, en het is nog steeds 100 pixels bij 390.
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.
Het gat
Wanneer u een sectie opvulling geeft in de blokeditor, is die waarde één enkel getal. Datzelfde getal wordt afgedrukt op een scherm van 1440 pixels en op een telefoon van 390 pixels. De witruimte die er op een desktop goed uitziet, splijt de pagina op een telefoon in tweeën, en de gebruikelijke antwoorden zijn handgeschreven CSS of een paginabouwer. Dit is het derde antwoord: dezelfde instelling, met daarnaast een tablet- en een mobiele waarde.
WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Eén waarde. Het is 100 pixels bij 1440, en het is nog steeds 100 pixels bij 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"}
}} -->
Dezelfde instelling, drie waarden. Verder verandert er niets aan het blok.
Wat de server afdrukt
.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 } }
Opgeslagen HTML kan maar de waarde van één schermgrootte dragen, dus wordt de CSS in plaats daarvan op het moment van de aanvraag gemaakt — en dat is ook de reden waarom deze waarden afgedrukt blijven worden wanneer een licentie afloopt.
Dat kernblokken een waarde niet per schermgrootte kunnen laten variëren, is gecontroleerd in WordPress 7.1 zelf en niet overgenomen uit de documentatie: core/group ondersteunt opvulling, achtergrond, minimumhoogte, randen en flex- of grid-lay-out — elk als één enkele waarde. De schermgrenzen hierboven zijn die van de plug-in zelf, en de mediaquery's zijn die welke de plug-in werkelijk schrijft.
Mogelijkheden
Een site heeft meer nodig dan witruimte: een contactformulier, een koptekst en voettekst die ze nog kan bewerken, een palet dat ze nog kan wijzigen. Misschien bouwt u vanaf een lege pagina, misschien komt u van een paginabouwer — in beide gevallen bestaat elk van deze punten omdat er zonder dat punt iets stukging.
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.
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.
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 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 <code>mevvblocks_newsletter_subscribe</code> geeft elk bevestigd adres door aan wat je al gebruikt.
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 <code>get_field()</code> gelezen, zodat je de opgemaakte waarde krijgt, en sleutels die met een liggend streepje beginnen worden geweigerd in plaats van getoond.
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.
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.
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.
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.
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.
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.
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.
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 <code><picture></code>-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.
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.
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.
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.
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.
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.
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.
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.
De catalogus
Dit zijn dezelfde vijf groepen die de plugin op zijn eigen demopagina's zet, en elk blok hieronder wordt op de server gerenderd: het staat in de pagina voordat er ook maar één script heeft gedraaid. Niets hier is alleen voor Pro, behalve de drie blokken die dat zelf zeggen.
Kop, opgemaakte tekst, een geanimeerde kop die zijn woorden kan typen, knop, oproep tot actie, pictogramvak, pictogramlijst en checklist, scheiding, en een melding die je sluitbaar kunt maken — sluit hem en de focus gaat verder in plaats van te verdwijnen. Uitklapper, geneste tabbladen met eigen panelen, accordeon en FAQ zijn allemaal gebouwd op details/summary en het ARIA-tabbladpatroon, dus niets blijft verborgen voor een lezer wiens script nooit is aangekomen.
Teller, voortgangsbalk, gegevensbalk, cijfervak en een taart- of ringdiagram waarvan de waarden ook als lijst worden afgedrukt, want een diagram dat niemand kan lezen is versiering. Prijstabel en prijslijst, referentie, sterbeoordeling en referentiecarrousel, teamlid. Pro voegt de inhoudswisselaar toe: een maand/jaar-tabbladenstrip met een label, boven panelen die elk blok kunnen bevatten dat je wilt.
Tijdlijn — verticaal, of horizontaal op een breed scherm en weer verticaal op een smal scherm zonder de leesvolgorde te veranderen — stappen, een toegankelijke gegevenstabel met echte kolomkoppen, en een vergelijkingsblok. De kaart is een OpenStreetMap-insluiting die het vraagt voordat ze laadt. Pro voegt het portfolio toe: kaarten die op de server worden gerenderd, een taxonomiefilter dat in de browser wordt toegepast zonder verzoek naar buiten, en een link naar het archief. Er is geen modaal venster en geen paginering.
Video en audio, een speellijst met ondertitels en posters waarin elke track een gewone link is voordat het script hem aanraakt, galerij, voor/na, flipbox, banner, hotspots en een tooltip die opengaat bij zweven, bij focus en bij tikken. Formulieren: de motor met zestien velden, inloggen en registreren, en de nieuwsbrief — een ondertekende POST met een honeypot en een snelheidslimiet die het adres aan je eigen lijst doorgeeft. De sociale feed is een met de hand gekozen lijst met links: geen API, geen token, geen verzoek aan wie dan ook.
Binnenkomstanimatie, plakkende positie en parallax; acht blokstijlen in het Stijlen-paneel van de kern — verlooplaag, grijstinten, vervaging, ronde en afgeronde maskers, optillen, zoomen, kantelen; een SVG-animatie getoond als afbeelding zodat niets in het bestand je pagina kan bereiken, met een stilstaand beeld dat wordt ingewisseld bij minder beweging; 94 lijnpictogrammen zonder pictogramlettertype; en dynamische tekst uit een aangepast veld, gelezen via Advanced Custom Fields wanneer dat er is. Er zijn geen animaties die aan het scrollen hangen.
De vijf groepen zijn openbare pagina's op onze demo-installatie: blokkencatalogus — tekst en actie, gegevens en prijzen, portfolio en kaart, media en formulieren, ontwerp. Wat er bewust niet is, staat ook opgeschreven: geen modaal venster of paginering in het portfolio, geen API-adapter achter de sociale feed, en geen tijdlijn die aan het scrollen hangt.
Hoe het werkt
Geen tweede canvas, geen aparte toepassing. U selecteert een blok en het paneel rechts biedt wat een paginabouwer u zou geven — apart voor desktop, tablet en mobiel.
Lay-outtype, richting, minimumhoogte, inhoudsbreedte, uitlijning, tussenruimte. Gewone blokken in de gewone editor — niets nieuws te leren, en uw inhoud blijft standaard blokopmaak in post_content.
Draaien, schalen, scheeftrekken, spiegelen en maskeren — elk met aparte waarden voor desktop, tablet en mobiel. En een notitie die aan het blok is vastgemaakt voor uw team: die leeft in de editor en wordt nooit op de pagina afgedrukt.
Een flipbox op een echte pagina: de voorkant, de achterkant en een knop die ook met het toetsenbord werkt — de opname hieronder is een echte pagina, geen maquette. Het blok wordt op de server gerenderd, dus een verlopen licentie maakt het nooit donker.
LCP, CLS en INP worden gemeten in de browsers van echte bezoekers en getoond als het 75e percentiel over 28 dagen — veldgegevens, het soort waar Search Console naar kijkt, geen labtest. Het scherm hieronder komt uit een echte installatie: let op de ene cel die weigert een getal te tonen, want veertien metingen zijn geen percentiel.
Eén scherm. Een bestand dat niet kleiner wordt, wordt niet bewaard. En als een andere plug-in dit werk echt doet, treedt MevvBlocks uit zichzelf terug en zegt waarom — de vraag is niet „is het geïnstalleerd”, maar „kan het het werk ook doen”.
mevvshop.com is een echte WooCommerce-winkel en de pagina's zijn met deze blokken gebouwd — koptekst, voettekst, productkaarten en al. Elk getal op deze pagina is daar of op onze demo-installatie gemeten, niet geschat.
In gebruik
Elk beeld is een openbare pagina van wp-demo.mevvsoft.com met de gratis plugin en Pro actief, vastgelegd op 1440 en 390 pixels en bijgesneden tot de sectie die het toont. Geen beheerscherm, niets getekend of geretoucheerd.
Gemeten
Elk cijfer hieronder is na te tellen in de broncode van de plug-in. Waar een getal zou klinken als een prestatiebelofte, wordt die belofte niet gedaan: het paginagewicht hangt af van het thema, de hosting en de cache, en die van u hebben we niet gemeten.
Geteld in de broncode van de plugin op 8 september 2026. Voor de schaal, en alleen daarvoor: de gratis en de Pro-editie zijn 1.8 MB en 82 KB aan PHP, JS en CSS, terwijl Elementor, Ultimate Addons en Header Footer Elementor samen 178 MB op schijf innamen in de installatie die we op 31 augustus hebben gemeten. Dat is een verschil in oppervlak, geen uitspraak over snelheid — en een goed deel ervan is simpelweg wat wij niet hebben. De tweeënveertig rendercontroles zijn die welke <code>tools/katalog-dogrula.php</code> uitvoert tegen de vijf cataloguspagina's die je zelf op de demo-installatie kunt openen.
Alle prijzen zijn inclusief btw.
Een verlopen licentie maakt nooit een pagina donker. Waarden die door het Pro-bewerkingspaneel zijn geschreven, worden ook door de gratis editie afgedrukt, en het formulier blijft inzendingen aannemen. Wat sluit, is het bewerkingspaneel, niet het uiterlijk van de site.
1 USD = 50,8719 ₺ (İşbank-koers)
Nee. Dit zijn gewone WordPress-blokken in de gewone blokeditor, en je inhoud blijft standaard blokmarkup in post_content — niet in een tabel van ons. Verwijder de plugin en de inhoud is nog steeds leesbare HTML.
Alle 110 blokken, de formuliermotor, de nieuwsbrief, de themasjablonen, de pop-ups, de blokstijlen, de pictogrammen, de beeldoptimalisatie, de blokcache en de toegankelijkheidsaudit zijn gratis. Pro voegt het paneel toe voor het bewerken van de desktop-, tablet- en telefoonwaarden, eigen CSS per blok, de inhoudswisselaar, het filterbare portfolio, de Lottie-insluiting, en voorwaardelijke logica, automatisch antwoord, webhooks, een bestandsveld en CSV-export in formulieren.
Je pagina's blijven precies zo gerenderd als ze zijn, inclusief de tablet- en telefoonwaarden die het Pro-paneel heeft geschreven — de gratis stijlmotor drukt ze af. Wat sluit is het bewerkingspaneel. Er staat geen enkele licentiecontrole op het renderpad, en een test bevestigt dat bij elke release.
Naar je eigen site, bij de andere formulierinzendingen. Er is geen lijst van ons, geen API-sleutel en geen verzoek aan een derde partij: het blok vuurt bij elk bevestigd adres een mevvblocks_newsletter_subscribe-actie af zodat je het kunt doorgeven aan wat je al gebruikt. Het formulier is een gewone POST ondertekend met een HMAC in plaats van een nonce, want een nonce sterft in stilte achter een cache van hele pagina's.
Nee. Elke zweeftransformatie in de blokstijlen, de flipbox, de lichtkrant, de typende kop en de binnenkomstanimaties worden uitgezet wanneer het systeem om minder beweging vraagt, en een SVG-animatie schakelt over op een stilstaand beeld. Het eerste woord van een typende kop wordt altijd afgedrukt, zodat de zin nooit leeg is.
De plugin doet geen enkel eigen verzoek: geen bibliotheek van een CDN, geen lettertype van de server van iemand anders, geen telemetrie. Drie dingen reiken naar buiten en elk daarvan is jouw beslissing — de AI-hulpjes, met een sleutel die je zelf invoert; de kaart, een OpenStreetMap-insluiting die eerst om toestemming vraagt; en de Lottie-insluiting in Pro, die op dezelfde manier vraagt en een stilstaand beeld toont tot je akkoord gaat. De sociale feed praat met niemand: het is een lijst met links die jij hebt gekozen.
Ja. Een kop, tekst, knop of afbeelding kan zijn waarde uit een aangepast veld op sleutel halen; met Advanced Custom Fields actief wordt de waarde via get_field() gelezen zodat je de opgemaakte krijgt, anders valt het terug op ruwe berichtmeta. Sleutels die met een liggend streepje beginnen worden geweigerd — dat zijn de interne velden van WordPress en ze afdrukken zou lekken wat een pagina nooit heeft willen tonen.
Het portfolio heeft geen modaal venster en geen paginering. De sociale feed heeft geen API-adapter. Er zijn geen animaties die aan het scrollen hangen. De kaart is één markering zonder opmaak en zonder routebeschrijving. Er is geen toegankelijkheidsoverlay, geen CAPTCHA en geen live zoeken. Elk daarvan is een beslissing die in de broncode staat opgeschreven, geen omissie die we later ontdekten.
Start
Installeer de gratis editie: alle honderdtien blokken, de formulieren, de nieuwsbrief, de themasjablonen, de pop-ups, de acht blokstijlen en zesenzeventig kant-en-klare secties en pagina's zitten er al in. Pro voegt het paneel toe voor het bewerken van de desktop-, tablet- en telefoonwaarden, plus de inhoudswisselaar, het filterbare portfolio en de Lottie-insluiting. Wat je verliest als een licentie verloopt is het paneel, niet het uiterlijk van de site: die waarden worden gewoon verder afgedrukt.
Productinformatie