Nove prodotti,
un sito WordPress,
ogni schermata motivata.

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.

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.

Centodieci blocchi

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.

Otto stili di blocco, nel pannello che WordPress ti dà già

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 modulo newsletter che non ha bisogno di alcun servizio

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 mevvblocks_newsletter_subscribe consegna ogni indirizzo confermato a ciò che già usi.

Testo dinamico, inclusi i tuoi campi ACF

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 get_field(), così ottieni il valore formattato, e le chiavi che iniziano con un trattino basso vengono rifiutate invece che esposte.

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.

La tavolozza del tuo tema, senza riscriverla

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.

Un mega pannello sul menu che hai già

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.

Una prima bozza di pagina, da una frase

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.

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 <picture> 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.

Pagina prodotto ↗ Documentazione ↗ Demo dal vivo ↗