WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Un valore solo. È 100 pixel a 1440 ed è ancora 100 pixel a 390.
Dall’intestazione al piè di pagina, dentro l’editor a blocchi.
L'editor a blocchi di WordPress è veloce e nativo, ma non può dare a una stessa misura un valore separato per desktop, tablet e telefono — misurato di nuovo su WordPress 7.1, ed è la ragione tecnica più comune per cui si installa un page builder. MevvBlocks colma quella lacuna e poi va oltre: centodieci blocchi, template del tema dall'intestazione al piè di pagina, una griglia di articoli e un costruttore di loop, un motore per i moduli, popup, trasformazioni e maschere, codice personalizzato per tutto il sito, una sola schermata per la palette del sito, WebP e AVIF per le tue immagini, cache a livello di blocco, un audit di accessibilità che dice la verità invece di nasconderla, e una schermata Core Web Vitals alimentata dai tuoi stessi visitatori. Il catalogo va ora da un interruttore e schede annidate a un grafico a torta, una playlist, un suggerimento, un modulo newsletter e un'animazione SVG, con otto stili di blocco nel pannello Stili dell'editor stesso — e ognuno di essi smette di muoversi quando il visitatore ha chiesto movimento ridotto. Nemmeno la tela è più un'approssimazione: l'editor chiede al server lo stesso CSS che la pagina stamperà, quindi ciò che disponi è ciò che viene pubblicato. Ventitré di quei blocchi sono per WooCommerce, e nessuno di essi ridisegna WooCommerce: richiamano i suoi template, quindi il tuo tema e i tuoi plugin continuano a funzionare.
Il divario
Quando assegna una spaziatura interna a una sezione nell’editor a blocchi, quel valore è un numero solo. Lo stesso numero viene stampato su uno schermo da 1440 pixel e su un telefono da 390. La spaziatura che sul desktop sembra giusta spezza in due la pagina sul telefono, e le risposte abituali sono CSS scritto a mano o un page builder. Questa è la terza risposta: la stessa impostazione, con accanto un valore per tablet e uno per mobile.
WordPress 7.1 · core/group
<!-- wp:group {"style":{"spacing":{"padding":
{"top":"100px","bottom":"100px"}
}}} -->
Un valore solo. È 100 pixel a 1440 ed è ancora 100 pixel a 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"}
}} -->
La stessa impostazione, tre valori. Nel blocco non cambia nient’altro.
Ciò che stampa il server
.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 } }
L’HTML salvato può portare il valore di una sola dimensione di schermo, perciò il CSS viene prodotto al momento della richiesta — ed è anche il motivo per cui questi valori continuano a essere stampati quando una licenza scade.
Che i blocchi nativi non possano variare un valore in base alla dimensione dello schermo è stato verificato su WordPress 7.1 stesso, non ripreso dalla documentazione: core/group supporta spaziatura interna, sfondo, altezza minima, bordi e layout flex o grid — ognuno come valore unico. I limiti di schermo qui sopra sono quelli del plugin e le media query sono quelle che scrive davvero.
Funzionalità
A un sito serve più della spaziatura: un modulo di contatto, un’intestazione e un piè di pagina che può ancora modificare, una palette che può ancora cambiare. Che parta da una pagina vuota o arrivi da un page builder, in entrambi i casi ognuna di queste cose esiste perché senza di essa qualcosa si rompeva.
Una spaziatura interna, una dimensione di carattere, un numero di colonne possono avere un valore distinto per desktop, tablet e mobile. Il core di WordPress non può — è stato misurato sulla 7.1, non dato per scontato. Lo stesso pannello toglie anche un elemento dal flusso con posizionamento assoluto o fisso, e i suoi scostamenti e lo z-index sono anch’essi per dispositivo.
Layout, testo e media; menu, ricerca, griglia di articoli e costruttore di loop; logo del sito, titolo della pagina, breadcrumb, informazioni sull'articolo e riquadro autore per i template del tema; video, audio, playlist, galleria, tabella, FAQ, cronologia e codice; interruttore, schede annidate, grafico a torta, suggerimento, newsletter, feed social, riquadro girevole, invito all'azione, titolo animato, prima/dopo, punti attivi, pannello laterale e pulsanti di contatto — e ventitré per WooCommerce, dalla galleria prodotto al carrello, al pagamento e a un mini carrello. Ottantasette senza WooCommerce.
Una sovrapposizione a gradiente, scala di grigi o sfocatura fino al passaggio del mouse, una maschera circolare o arrotondata, sollevamento, zoom e inclinazione — scelti dal pannello Stili del core, quindi non c'è nessun controllo nuovo da imparare e la scelta è una classe nel tuo markup invece di un'impostazione in una tabella. Ogni trasformazione al passaggio del mouse viene disattivata quando il sistema del visitatore chiede movimento ridotto, e il fotogramma fermo di un'animazione SVG viene sostituito allo stesso modo.
Un indirizzo, un nome facoltativo, una casella di consenso e un semplice POST — firmato con lo stesso HMAC che usa il motore dei moduli, così una pagina in cache non muore mai con un nonce scaduto. L'honeypot viene inghiottito in silenzio, il limite di frequenza è per indirizzo, e gli indirizzi arrivano insieme agli altri invii dei moduli. Non c'è nessuna lista, nessuna chiave API e nessuna richiesta a nessuno: l'azione <code>mevvblocks_newsletter_subscribe</code> consegna ogni indirizzo confermato a ciò che già usi.
Un titolo, un testo, un pulsante o un'immagine possono leggere il proprio valore dall'articolo invece che da ciò che hai scritto: titolo, riassunto, autore, data, categoria, tag, titolo dell'archivio, termine cercato, il prezzo WooCommerce, lo SKU o la giacenza, oppure un campo personalizzato per chiave. Quando Advanced Custom Fields è attivo il campo viene letto tramite <code>get_field()</code>, così ottieni il valore formattato, e le chiavi che iniziano con un trattino basso vengono rifiutate invece che esposte.
L’area di lavoro non mostra più un’approssimazione: spaziatura interna, spaziatura, direzione, allineamento, sfondo, raggio, ombra, trasformazione e posizione compaiono con i valori che userà il front-end. Un solo motore di stili produce quel CSS e l’editor lo richiede al server — scrivere un secondo motore in JavaScript ci avrebbe dato due copie destinate a divergere. Misurato: la vecchia area di lavoro differiva dalla pagina in 24 proprietà di layout; ora sono zero su 64.
LCP, CLS e INP vengono misurati nei browser delle persone che visitano il Suo sito, e la schermata mostra il 75º percentile su una finestra di 28 giorni — dati di campo, quelli che guarda Search Console, non un test di laboratorio. Sotto le cento rilevazioni non viene mostrato alcun numero, perché un percentile calcolato su una manciata di misure è rumore. Non viene raccolto alcun IP, alcun cookie, alcun identificatore, e i dati non lasciano mai il Suo server.
Scriva, riscriva, accorci, traduca e generi il testo alternativo delle immagini. Inserisce la Sua chiave API e la richiesta va dal Suo sito direttamente al provider — il Suo testo non arriva mai da noi e la quota resta Sua. Il risultato arriva come suggerimento, non scritto direttamente nel blocco.
Colori e tipografia possono essere letti dal file theme.json del tema attivo e usati per riempire gli slot vuoti nella tavolozza del plugin. Il ponte è deliberatamente a senso unico: non viene mai scritto nulla nel tema, quindi un aggiornamento del tema non trova mai il proprio file riscritto sotto di sé. È disattivato finché non lo attivi.
Non è un nuovo blocco — è un’impostazione del blocco di navigazione. Un sottomenu si apre come pannello a piena larghezza fino a quattro colonne, e se attivi il pannello per una voce senza sottomenu il controllo di accessibilità te lo segnala invece di stampare un riquadro vuoto.
Descrivi la pagina e il modello sceglie le sezioni dalla libreria di modelli del plugin. Non scrive mai markup, quindi ciò che arriva sulla pagina sono blocchi modificabili e non HTML generato, e una sezione che nomina ma che non esiste viene scartata e segnalata anziché indovinata. La pagina viene sempre salvata come bozza, e la chiave è tua.
Fissi una nota su qualsiasi blocco per il Suo team, la contrassegni come risolta, la elimini. Vive nell’editor e non esiste un solo hook del front-end che possa stamparla.
L’output dei blocchi viene messo in cache e le immagini vengono convertite in WebP o AVIF accanto agli originali — gli originali non vengono mai toccati. Misurato: tempo di rendering dei blocchi ridotto del 33–72%, peso delle immagini ridotto del 39–78%. Le immagini vengono servite tramite un elemento <code><picture></code> così che lo stesso HTML arrivi a tutti; decidere per visitatore sul server è ciò che avvelena una cache di pagina. Può anche servire un’immagine diversa sui telefoni — non una copia più piccola della stessa, uno scatto diverso — e la scelta resta al browser.
Sedici tipi di campo, validazione sul server, un honeypot che viene inghiottito in silenzio e una schermata dove gli invii vengono conservati. Il modulo funziona senza JavaScript, perché è l’unica parte della pagina che fa davvero qualcosa.
Intestazione, piè di pagina, singolo, archivio, ricerca e 404 — costruiti nell’editor di WordPress che già usa, non in un secondo editor che dovremmo tenere allineato al core.
Si aprono al caricamento, in base alla profondità di scorrimento, all’intenzione di uscita, con un clic o dopo un periodo di inattività. La frequenza viene contata nel browser del visitatore, così nessuno deve essere identificato sul server.
Colori e tipografia in un unico posto, sotto i loro nomi di variabile originali — così le pagine create prima del passaggio adottano la nuova palette invece di perdere i riferimenti.
Nessun widget viene applicato alla pagina sostenendo che il sito è accessibile. Segnala ciò che ogni blocco ha tralasciato — testo alternativo mancante, un ordine dei titoli sbagliato, contrasto debole — mentre sta ancora modificando.
Lo scorrimento è scroll-snap nativo e la fisarmonica è un elemento details. Se lo script non viene mai caricato, nulla resta nascosto: contenuto nascosto è contenuto inaccessibile.
L’HTML salvato può portare il valore di una sola dimensione di schermo, perciò il CSS viene prodotto al momento della richiesta. Su quel percorso non c’è un solo controllo di licenza — una licenza scaduta non oscura mai una pagina pubblicata.
Il catalogo
Sono gli stessi cinque gruppi che il plugin usa nelle proprie pagine vetrina, e ogni blocco qui sotto viene reso sul server: è nella pagina prima che sia partito un solo script. Nulla qui è riservato al Pro tranne i tre blocchi che lo dichiarano.
Titolo, testo formattato, un titolo animato che può digitare le sue parole, pulsante, invito all'azione, riquadro icona, elenco di icone e checklist, separatore, e un avviso che puoi rendere chiudibile — chiudilo e il focus prosegue invece di svanire. Interruttore, schede annidate con i propri pannelli, fisarmonica e FAQ sono tutti costruiti su details/summary e sul pattern ARIA delle schede, quindi nulla è nascosto a un lettore il cui script non è mai arrivato.
Contatore, barra di avanzamento, barra dati, riquadro numerico e un grafico a torta o ad anello i cui valori sono stampati anche come elenco, perché un grafico che nessuno può leggere è una decorazione. Tabella prezzi e listino, testimonianza, valutazione a stelle e carosello di testimonianze, membro del team. Il Pro aggiunge il selettore di contenuto: una barra di schede mensile/annuale con un badge, sopra pannelli che possono contenere i blocchi che vuoi.
Cronologia — verticale, oppure orizzontale su uno schermo largo e di nuovo verticale su uno stretto senza cambiare l'ordine di lettura — passi, una tabella dati accessibile con vere intestazioni di colonna, e un blocco di confronto. La mappa è un incorporamento OpenStreetMap che chiede prima di caricarsi. Il Pro aggiunge il portfolio: schede rese sul server, un filtro per tassonomia applicato nel browser senza alcuna richiesta esterna, e un collegamento all'archivio. Non c'è nessuna finestra modale e nessuna paginazione.
Video e audio, una playlist con sottotitoli e copertine dove ogni traccia è un normale collegamento prima che lo script la tocchi, galleria, prima/dopo, riquadro girevole, banner, punti attivi e un suggerimento che si apre al passaggio del mouse, al focus e al tocco. Moduli: il motore a sedici campi, accesso e registrazione, e la newsletter — un POST firmato con un honeypot e un limite di frequenza che consegna l'indirizzo alla tua lista. Il feed social è un elenco di collegamenti scelti a mano: nessuna API, nessun token, nessuna richiesta a nessuno.
Animazione d'ingresso, posizione fissa e parallasse; otto stili di blocco nel pannello Stili del core — sovrapposizione a gradiente, scala di grigi, sfocatura, maschere circolare e arrotondata, sollevamento, zoom, inclinazione; un'animazione SVG mostrata come immagine così che nulla dentro il file possa raggiungere la tua pagina, con un fotogramma fermo sostituito in caso di movimento ridotto; 94 icone a tratto senza font di icone; e testo dinamico da un campo personalizzato, letto tramite Advanced Custom Fields quando è presente. Non ci sono animazioni legate allo scorrimento.
I cinque gruppi sono pagine aperte sulla nostra installazione demo: catalogo dei blocchi — testo e azione, dati e prezzi, portfolio e mappa, media e moduli, design. Anche ciò che manca deliberatamente è scritto: nessuna finestra modale né paginazione nel portfolio, nessun adattatore API dietro il feed social, e nessuna cronologia legata allo scorrimento.
Come funziona
Nessuna seconda tela, nessuna applicazione separata. Seleziona un blocco e il pannello di destra porta ciò che darebbe un page builder — per desktop, tablet e mobile separatamente.
Tipo di layout, direzione, altezza minima, larghezza del contenuto, allineamento, spaziatura. Blocchi ordinari nell’editor ordinario — niente di nuovo da imparare, e i Suoi contenuti restano markup a blocchi standard in post_content.
Rotazione, scala, inclinazione, ribaltamento e maschera — ognuno con valori distinti per desktop, tablet e mobile. E una nota appuntata al blocco per il Suo team: vive nell’editor e non viene mai stampata sulla pagina.
Un flip box su una pagina reale: la faccia anteriore, quella posteriore e un pulsante che funziona anche da tastiera — la registrazione qui sotto è una pagina vera, non un mockup. Il blocco viene renderizzato sul server, così una licenza scaduta non lo spegne mai.
LCP, CLS e INP misurati nei browser di visitatori reali, mostrati come 75° percentile su 28 giorni — dati sul campo, quelli che guarda Search Console, non una prova di laboratorio. La schermata qui sotto è un’installazione reale: noti l’unica cella che si rifiuta di mostrare un numero, perché quattordici campioni non fanno un percentile.
Una sola schermata. Un file che non si riduce non viene conservato. E se un altro plugin sta davvero facendo questo lavoro, MevvBlocks si fa da parte da solo e spiega perché — la domanda non è « è installato » ma « può davvero funzionare ».
mevvshop.com è un vero negozio WooCommerce e le sue pagine sono costruite con questi blocchi — intestazione, piè di pagina, schede prodotto e tutto il resto. Ogni numero di questa pagina è stato misurato lì o sulla nostra installazione dimostrativa, non stimato.
In uso
Ogni immagine è una pagina pubblica di wp-demo.mevvsoft.com con il plugin gratuito e il Pro attivi, catturata a 1440 e 390 pixel e ritagliata sulla sezione che mostra. Nessuna schermata di amministrazione, nulla di disegnato o ritoccato.
Misurato
Ogni cifra qui sotto può essere contata nel codice sorgente del plugin. Dove un numero suonerebbe come una promessa di prestazioni, non viene dato: il peso di una pagina dipende dal tema, dall’hosting e dalla cache, e il Suo non l’abbiamo misurato.
Contati nel sorgente del plugin l'8 settembre 2026. Per dare la scala, e solo per quello: le edizioni gratuita e Pro pesano 1.8 MB e 82 KB di PHP, JS e CSS, mentre Elementor, Ultimate Addons e Header Footer Elementor insieme occupavano 178 MB su disco nell'installazione che abbiamo misurato il 31 agosto. È una differenza di superficie, non un'affermazione sulla velocità — e buona parte di essa è semplicemente ciò che non abbiamo. I quarantadue controlli di rendering sono quelli che <code>tools/katalog-dogrula.php</code> esegue sulle cinque pagine del catalogo che puoi aprire tu stesso sull'installazione demo.
Tutti i prezzi sono IVA inclusa.
Una licenza scaduta non spegne mai una pagina. I valori scritti dal pannello di modifica Pro continuano a essere stampati dall’edizione gratuita, e il modulo continua ad accettare invii. Ciò che si chiude è il pannello di modifica, non l’aspetto del sito.
1 USD = 50,8719 ₺ (İşbank)
No. Sono normali blocchi WordPress nel normale editor a blocchi, e i tuoi contenuti restano markup di blocchi standard in post_content — non in una nostra tabella. Rimuovi il plugin e il contenuto resta HTML leggibile.
Tutti i 110 blocchi, il motore dei moduli, la newsletter, i template del tema, i popup, gli stili di blocco, le icone, l'ottimizzazione delle immagini, la cache dei blocchi e l'audit di accessibilità sono gratuiti. Il Pro aggiunge il pannello per modificare i valori desktop, tablet e telefono, il CSS personalizzato per blocco, il selettore di contenuto, il portfolio filtrabile, l'incorporamento Lottie, e la logica condizionale, la risposta automatica, i webhook, un campo file e l'esportazione CSV nei moduli.
Le tue pagine continuano a essere rese esattamente come sono, inclusi i valori per tablet e telefono scritti dal pannello Pro — li stampa il motore di stili gratuito. Ciò che si chiude è il pannello di modifica. Non c'è un solo controllo di licenza sul percorso di rendering, e un test lo verifica a ogni rilascio.
Nel tuo sito, insieme agli altri invii dei moduli. Non c'è nessuna nostra lista, nessuna chiave API e nessuna richiesta a terzi: il blocco scatena un'azione mevvblocks_newsletter_subscribe con ogni indirizzo confermato così puoi consegnarlo a ciò che già usi. Il modulo è un semplice POST firmato con un HMAC invece che con un nonce, perché un nonce muore in silenzio dietro una cache di pagina intera.
No. Ogni trasformazione al passaggio del mouse negli stili di blocco, il riquadro girevole, il testo scorrevole, il titolo che digita e le animazioni d'ingresso vengono disattivati quando il sistema chiede movimento ridotto, e un'animazione SVG passa a un fotogramma fermo. La prima parola di un titolo che digita è sempre stampata, quindi la frase non è mai vuota.
Il plugin non fa nessuna richiesta propria: nessuna libreria da una CDN, nessun font dal server di qualcun altro, nessuna telemetria. Tre cose si rivolgono all'esterno e ognuna è una tua decisione — gli assistenti AI, con una chiave che inserisci tu; la mappa, un incorporamento OpenStreetMap che chiede prima il consenso; e l'incorporamento Lottie nel Pro, che chiede allo stesso modo e mostra un'immagine ferma finché non acconsenti. Il feed social non parla con nessuno: è un elenco di collegamenti che hai scelto.
Sì. Un titolo, un testo, un pulsante o un'immagine possono prendere il proprio valore da un campo personalizzato per chiave; con Advanced Custom Fields attivo il valore è letto tramite get_field() così ottieni quello formattato, altrimenti si ripiega sui metadati grezzi dell'articolo. Le chiavi che iniziano con un trattino basso vengono rifiutate — sono i campi interni di WordPress e stamparli farebbe trapelare ciò che una pagina non ha mai inteso mostrare.
Il portfolio non ha finestra modale né paginazione. Il feed social non ha adattatore API. Non ci sono animazioni legate allo scorrimento. La mappa è un solo indicatore senza stile e senza indicazioni stradali. Non c'è nessun overlay di accessibilità, nessun CAPTCHA e nessuna ricerca dal vivo. Ognuna di queste è una decisione scritta nel sorgente, non una dimenticanza scoperta dopo.
Per iniziare
Installa l'edizione gratuita: tutti i centodieci blocchi, i moduli, la newsletter, i template del tema, i popup, gli otto stili di blocco e settantasei sezioni e pagine pronte ci sono già. Il Pro aggiunge il pannello per modificare i valori desktop, tablet e telefono, più il selettore di contenuto, il portfolio filtrabile e l'incorporamento Lottie. Ciò che perdi quando una licenza scade è il pannello, non l'aspetto del sito: quei valori continuano a essere stampati.
Informazioni sul prodotto