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.
BLOCKS
Gratis editie beschikbaar
MevvBlocks
Van koptekst tot voettekst, binnen de blokeditor.
De blokeditor van WordPress is snel en native, maar hij kan één maat geen aparte waarde geven voor desktop, tablet en mobiel — opnieuw gemeten op WordPress 7.1, en de meest voorkomende technische reden waarom mensen een paginabouwer installeren. MevvBlocks dicht dat gat en gaat daarna verder: honderd en één blokken, themasjablonen van koptekst tot voettekst, een berichtenraster en een loopbouwer, een formuliermotor, pop-ups, transformaties en maskers, eigen code voor de hele site, één scherm voor het sitepalet, WebP en AVIF voor uw afbeeldingen, caching op blokniveau, een toegankelijkheidsaudit die u de waarheid vertelt in plaats van die toe te dekken, en een Core Web Vitals-scherm dat gevoed wordt door uw eigen bezoekers. Ook het canvas is geen benadering meer: de editor vraagt de server om precies de CSS die de pagina zal afdrukken, dus wat u schikt, is wat er live gaat. Twintig van die blokken zijn voor WooCommerce, en geen ervan tekent WooCommerce opnieuw: ze roepen de eigen sjablonen ervan aan, zodat uw thema en uw plug-ins blijven werken.
Het gat
Een kernblok kan maar één getal bevatten.
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.
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.
- Desktop 100 px
- Tablet · ≤1024 64 px
- Mobiel · ≤767 40 px
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
Het begint bij de telefoon. Daar houdt het niet op.
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.
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.
Honderd en één blokken
Lay-out, tekst en media; menu, zoeken, berichtenraster en loopbouwer; sitelogo, paginatitel, kruimelpad, berichtinfo en auteursvak voor themasjablonen; video, galerij, tabel, FAQ, tijdlijn en code; flipbox, call-to-action, geanimeerde kop, voor/na, hotspots, off-canvaspaneel en contactknoppen — en twintig voor WooCommerce, van productgalerij tot winkelwagen en afrekenen. Achtenzeventig zonder WooCommerce.
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.
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 <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.
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.
Hoe het werkt
De gewone editor, met de knoppen van een bouwer.
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.
Selecteer een blok, het paneel staat er meteen
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.
Transformaties, maskers en teamnotities op elk blok
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.
En op de pagina werkt het echt
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.
En daarna vertelt het u wat uw bezoekers werkelijk hebben ervaren
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.
Afbeeldingen: WebP en AVIF, zonder de originelen aan te raken
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”.
We draaien onze eigen winkel erop
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.
Gemeten
Getallen die we hebben geteld, geen getallen die we hebben afgerond.
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.
- 101
- blokken — 78 als WooCommerce niet geïnstalleerd is
- 3.217
- controles in de testsuite, alle geslaagd
- 16
- typen formuliervelden, plus een bestandsveld in Pro
- 6
- sjabloontypen: koptekst, voettekst, enkel bericht, archief, zoeken, 404
- 5
- pop-uptriggers: laden, scrollen, verlaten, klikken, inactiviteit
- 48
- meegeleverde pictogrammen, getekend in één vak van 24 pixels
- 29.828
- bytes bevroren HTML die de blokken menu, afbeeldingsvak, sociale pictogrammen en copyright in onze eigen winkel weer bewerkbaar hebben gemaakt
- 0
- lay-outverschillen tussen het canvas van de editor en de gepubliceerde pagina, op 64 vergeleken eigenschappen
- 0
- licentiecontroles op het renderpad — vastgelegd met een test
Geteld in de broncode van de plug-in op 1 september 2026. Alleen om een idee van de schaal te geven: de gratis en de Pro-editie zijn 1,5 MB en 46 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 groot deel ervan bestaat simpelweg uit functies die wij niet hebben. Wat de bezoeker bereikt, is een ander en kleiner getal: 20 KB CSS en 5 KB JavaScript op een pagina.
Prijzen
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 = 49,5932 ₺ (İşbank-koers)
Start
Van koptekst tot voettekst, binnen de blokeditor.
Installeer de gratis editie: de blokken, de formulieren, de themasjablonen, de pop-ups en negentien kant-en-klare secties en pagina's zitten er al in. Pro voegt het paneel toe waarmee u de waarden voor desktop, tablet en mobiel bewerkt. Wat u verliest, is het paneel, niet het uiterlijk van de site: als de licentie verloopt, worden die waarden gewoon afgedrukt.
Productinformatie
- Producttype
- Blokkenpakket voor WordPress
- Wat het is
- Een paginabouwer in de blokeditor
- Blokken
- 101, of 78 zonder WooCommerce
- Gratis versie beschikbaar
- Blokken, formulieren, themasjablonen, pop-ups, globale stijlen, afbeeldingsoptimalisatie, blokcaching, eigen code, toegankelijkheidsaudit
- Pro
- Paneel voor desktop/tablet/mobiel, eigen CSS per blok, voorwaardelijke formulierlogica en bestandsveld
- Wat de bezoeker downloadt
- 20 KB CSS + 5 KB JS op een pagina — gemeten op de homepage van wp-demo, 1 september 2026
- Brongrootte
- Free 1,5 MB + Pro 46 KB aan PHP, JS en CSS, 1 september 2026
- Vereisten
- WordPress 6.0+, PHP 8.1+