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.
BLOCKS
Edizione gratuita disponibile
MevvBlocks
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 diverso per desktop, tablet e mobile — verificato di nuovo su WordPress 7.1, ed è il motivo tecnico più comune per cui si installa un page builder. MevvBlocks colma questa lacuna e poi va oltre: centouno blocchi, modelli di tema dall’intestazione al piè di pagina, una griglia di articoli e un loop builder, un motore per i moduli, popup, trasformazioni e maschere, codice personalizzato per tutto il sito, un’unica schermata per la palette del sito, WebP e AVIF per le 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 Suoi stessi visitatori. Nemmeno la tela è più un’approssimazione: l’editor chiede al server lo stesso CSS che stamperà la pagina, così ciò che compone è ciò che va online. Venti di quei blocchi sono per WooCommerce e nessuno di essi ridisegna WooCommerce: richiamano i suoi template, così il Suo tema e i Suoi plugin continuano a funzionare.
Il divario
Un blocco nativo può contenere un solo numero.
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.
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.
- Desktop 100 px
- Tablet · ≤1024 64 px
- Mobile · ≤767 40 px
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à
Comincia dal telefono. Non finisce lì.
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.
Ogni misura, per ogni dimensione di schermo
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.
Centouno blocchi
Layout, testo e media; menu, ricerca, griglia di articoli e costruttore di loop; logo del sito, titolo della pagina, briciole di pane, informazioni sull’articolo e riquadro autore per i modelli di tema; video, galleria, tabella, FAQ, linea del tempo e codice; flip box, invito all’azione, titolo animato, prima/dopo, punti interattivi, pannello a scomparsa e pulsanti di contatto — e venti per WooCommerce, dalla galleria prodotto al carrello e al checkout. Settantotto senza WooCommerce.
Quel che vede nell’editor è quel che stampa la pagina
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.
Core Web Vitals, dai Suoi visitatori reali
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.
IA con la Sua chiave
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.
Note che i Suoi visitatori non vedono mai
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.
Più veloce, e misurato
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.
Un motore per i moduli, non una dipendenza
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.
Modelli di tema con condizioni
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.
Popup che sopravvivono al passaggio
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.
Un’unica schermata per la palette del sito
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.
Un audit di accessibilità, non un overlay
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.
Slider, schede e fisarmonica senza libreria
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.
Renderizzato sul server, mai legato alla licenza
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.
Come funziona
L’editor di sempre, con i controlli di un builder.
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.
Selezioni un blocco: il pannello è lì
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.
Trasformazioni, maschere e note di squadra su ogni blocco
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.
E sulla pagina funziona davvero
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.
E poi Le dice che cosa hanno davvero sperimentato i Suoi visitatori
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.
Immagini: WebP e AVIF, senza toccare gli originali
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 ».
Lo usiamo per il nostro negozio
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.
Misurato
Numeri che abbiamo contato, non numeri che abbiamo arrotondato.
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.
- 101
- blocchi — 78 senza WooCommerce installato
- 3.217
- controlli nella suite di test, tutti superati
- 16
- tipi di campo modulo, più un campo file in Pro
- 6
- tipi di modello: intestazione, piè di pagina, singolo, archivio, ricerca, 404
- 5
- attivatori dei popup: caricamento, scorrimento, uscita, clic, inattività
- 48
- icone incluse, disegnate in un unico riquadro da 24 pixel
- 29.828
- byte di HTML congelato che i blocchi menu, image box, icone social e copyright hanno reso di nuovo modificabili nel nostro negozio
- 0
- differenze di layout tra la tela dell’editor e la pagina pubblicata, su 64 proprietà confrontate
- 0
- controlli di licenza sul percorso di rendering — imposti da un test
Contati nel codice sorgente del plugin il 1° settembre 2026. Solo per dare la scala: le edizioni gratuita e Pro pesano 1,5 MB e 46 KB tra 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 dipende semplicemente dalle funzionalità che non abbiamo. Ciò che arriva al visitatore è un numero diverso e più piccolo: 20 KB di CSS e 5 KB di JavaScript su una pagina.
Prezzi
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 = 49,5926 ₺ (İşbank)
Per iniziare
Dall’intestazione al piè di pagina, dentro l’editor a blocchi.
Installi l’edizione gratuita: i blocchi, i moduli, i modelli di tema, i popup e diciannove sezioni e pagine pronte ci sono già. Pro aggiunge il pannello per modificare i valori desktop, tablet e mobile. Ciò che perde è il pannello, non l’aspetto del sito: se la licenza scade, quei valori continuano a essere stampati.
Informazioni sul prodotto
- Tipo di prodotto
- Pacchetto di blocchi per WordPress
- Che cos’è
- Un page builder dentro l’editor a blocchi
- Blocchi
- 101, oppure 78 senza WooCommerce
- Edizione gratuita
- Blocchi, moduli, modelli di tema, popup, stili globali, ottimizzazione delle immagini, cache dei blocchi, codice personalizzato, audit di accessibilità
- Pro
- Pannello desktop/tablet/mobile, CSS personalizzato per blocco, logica condizionale nei moduli e campo file
- Che cosa scarica il visitatore
- 20 KB di CSS + 5 KB di JS su una pagina — misurato sulla home page di wp-demo, 1º settembre 2026
- Dimensione del codice sorgente
- Free 1,5 MB + Pro 46 KB di PHP, JS e CSS, 1º settembre 2026
- Requisiti
- WordPress 6.0+, PHP 8.1+