--- title: LolaCore for Bricks canonical_url: https://lolacore.com/it/lolacore-for-bricks/ last_updated: 2026-08-22T11:21:52+00:00 plugin_version: 1.2.3 --- # LolaCore for Bricks LolaCore for Bricks · Addon gratuito · Richiede LolaCore Lola legge il tuo sistema Bricks, e scrive al suo interno. ========================================================== Lola legge e scrive il tuo sistema di design, le pagine, i modelli e i componenti: 65 abilità, 69 quando WooCommerce è attivo. Usa le classi globali e le variabili che il tuo sito ha già, nomina ogni pagina che una modifica toccherà e aspetta la tua conferma prima di salvare qualsiasi cosa. [Scaricalo gratis →](/install-lolacore-for-bricks) [Guarda cosa sa fare Lola →](#bricks-demo) ● 65 abilità, 69 con WooCommerce● Lola scrive con le tue classi e variabili già in uso● Funziona da Claude, da wp-admin e dal tuo editor 01 · Il problema La frase è già pronta. A rubare il pomeriggio sono i clic. ---------------------------------------------------------- Sai cosa serve al sito prima di aprire qualsiasi cosa. Un pattern di nomi. Una scala di spaziatura. Un hero di servizi che si ripete su venti pagine, con copy diverso in ciascuna. Quella parte ce l’hai già in testa, sulla strada di casa. Quel che resta è il trasporto. Creare le variabili una alla volta. Dare il nome alla classe. Stilare la prima sezione. Poi ricostruire la stessa struttura altre diciannove volte, cambiando il titolo e il paragrafo introduttivo a ogni passaggio, e controllando ogni pagina dopo il salvataggio. Un sito ereditato pesa in un altro modo. Classi che nessuno applica più. Coppie quasi identiche nate in un pomeriggio di fretta. Variabili definite e mai referenziate. Stili del tema le cui condizioni si sovrappongono. Componenti senza una sola istanza nel sito. Niente di tutto questo si vede dal canvas, e niente si sistema trascinando. Le due situazioni hanno la stessa radice. Qualsiasi cosa scriva in un sito Bricks senza leggere prima il sistema lascia residuo: un valore pixel isolato dove esisteva già una classe globale, un hex nuovo dove una variabile era in attesa. È questo che Lola fa in modo diverso. Mappa prima le classi, le variabili, gli stili del tema, i componenti e i modelli, poi scrive usando ciò che ha trovato. Stesso Bricks. Stesse classi. Hai smesso di saltare da un pannello all’altro e hai iniziato a chiedere. 02 · Demo Com’è un pomeriggio Bricks, in conversazione -------------------------------------------- - La classe btn-blue è usata in tutto il sito. Rinominala in btn-primary senza rompere il CSS. - btn-blue è su 34 elementi in 12 pagine, più il modello dell’header e il componente card-cta. La copertura dell’indice è completa. Rinomino la classe, aggiorno ogni riferimento e rigenero il CSS di quelle 12 pagine. Anteprima pronta. Confermi? - Avanti. - Fatto. btn-blue ora è btn-primary. 12 pagine, modello dell’header, un componente. CSS rigenerato. Il front coinciderà al refresh. - Sito nuovo. Colori del brand: #241828, #6E2E5C, #5BB87E. Titoli Fraunces, corpo Source Sans 3. Nomi: ruolo più variante, come btn-primary. Crea un header per tutto il sito con logo, cinque link e un pulsante Contatto. - Salvo quella convenzione di nomi, creo le variabili colore in un lotto, imposto la tipografia sullo stile del tema di base e creo un modello di header per l’intero sito. Prima quattro domande: logo dalla libreria media? Le etichette dei cinque link? URL di Contatto? Header su ogni pagina, o escludiamo il checkout? - Il logo è già in libreria. Link: Home, Lavori, Studio, Diario, Contatto. Contatto va a /contact. Tutto il sito. - Anteprima: 3 variabili colore, tipografia dello stile del tema, modello di header su tutto il sito. Confermi il lotto? - Clona l’hero Servizi da /services/branding su queste 20 pagine servizi. Stesso layout. Cambia il titolo e il paragrafo introduttivo in ciascuna. L’elenco è nel messaggio successivo. - Copio quella sezione con nuovi ID elemento e applico il copy di ogni pagina. L’anteprima nomina tutte le 20 pagine. Le eseguo in lotti da 5. Confermi il primo lotto? - Sì. - Lotto 1 di 4 scritto: branding, web, identity, naming, packaging. Ne restano 15. Continuo? 03 · Posizionamento Lola scrive nel vocabolario che il tuo sito già usa. ---------------------------------------------------- Se i tuoi pulsanti girano su `btn-primary`, quella è la classe che applica. Se la spaziatura gira sulle variabili, quelli sono i valori a cui arriva. Se il sito è nominato in BEM o in utility in stile Tailwind, rileva il pattern e lavora al suo interno invece di inventarne uno parallelo. Succede perché lavora da tre livelli insieme. 01 · Quello che hai già costruito Lola mappa ogni classe globale, variabile, stile del tema, componente e modello del sito, e dove ciascuno è davvero usato. Prima di stilare qualsiasi cosa, sa se quello che stai descrivendo esiste già sotto un altro nome. 02 · Quello che il modello di IA sa già Il provider di IA dietro Lola porta una comprensione di layout, gerarchia, contrasto e di come le persone leggono un’interfaccia. Chiedile quale dei due trattamenti regge in larghezza mobile e ti dà una risposta ragionata, non una scrollata di spalle. 03 · Tu La palette, il tono e la tipografia arrivano da te. Lola ti dirà quando un arancione isolato starebbe meglio servito dal `btn-primary` che hai già definito. Se vuoi comunque l’arancione isolato, lo applica e ricorda che l’hai deciso tu. La spartizione con il builder viene da sé. Costruire venti card servizi con la stessa struttura è lungo a mano e corto da dire, quindi se ne occupa Lola. Spostare il padding di un hero finché non sta bene è veloce in Bricks e lento da descrivere, quindi il builder resta aperto per quello. 04 · Abilità Con questo addon attivo, Lola può fare 65 cose sul tuo sito Bricks. ------------------------------------------------------------------- Quello che segue è ciò che Lola fa mentre l’addon è in esecuzione. Lei fa le chiamate, ti mostra l’anteprima e aspetta. Tu descrivi il risultato. ### Leggere il sistema · 13 abilità Lola ti dice quale versione di Bricks gira, come si carica il CSS e quante classi, variabili, componenti e modelli tiene il sito. Elenca le tue classi globali con le categorie e ciò che sta nel cestino. Traccia dove una classe è applicata e nomina le pagine, i modelli e i componenti che la portano. Legge le tue variabili e ti dice quali elementi ne fanno riferimento. Legge i tuoi stili del tema con le condizioni attaccate, e elenca i tuoi componenti con il conteggio delle istanze e dove vive ciascuna. Risolve quale modello vince su una data pagina e spiega perché. Prima di toccare un tipo di elemento che non ha ancora trattato, legge prima il suo contratto dei controlli. ### Governare la libreria · 5 abilità Lola trova le classi che nessun elemento applica più. Trova le coppie che fanno lo stesso lavoro con due nomi diversi. Trova variabili che hai definito e mai referenziato, e componenti lasciati senza una sola istanza. Trova stili del tema le cui condizioni si sovrappongono e si combattono. Ti dà il ritrovamento, poi l’impatto con i nomi delle pagine, e aspetta che tu confermi prima di scrivere. ### Scrivere il sistema di design · 11 abilità Lola crea una classe e ti avvisa quando ne esiste già una quasi identica. Modifica le impostazioni di classe con la grammatica completa di breakpoint e stati. Rinomina una classe su ogni pagina, modello e componente in un passaggio, poi rigenera il CSS. Unisce due classi e ti mostra quanti elementi e pagine si spostano. Manda le classi nel cestino di Bricks e le tira fuori quando cambi idea. Crea e aggiorna variabili in lotto, così una palette del brand atterra in una sola conferma, e ti dice dove una variabile era referenziata prima di rimuoverla. Aggiorna la palette colori di Bricks. Aggiorna uno stile del tema, condizioni comprese. E salva la tua convenzione di nomi, poi ti dice che quota delle classi attuali la segue già. ### Costruire e ristilare pagine · 17 abilità Lola legge l’albero degli elementi di una pagina, di un header o di un footer. Inserisce qualsiasi elemento Bricks, lo sposta, duplica un ramo con nuovi ID o ne rimuove uno con i figli. Applica gli 84 controlli di stile universali a qualsiasi breakpoint o stato, quindi “più padding su tablet” e “cambia l’hover” sono una frase ciascuno. Attacca e stacca classi globali su un solo elemento o su molti insieme. Aggiorna le impostazioni specifiche dell’elemento con validazione live: una chiave sconosciuta ferma la scrittura e torna con quelle valide, la più vicina per prima. E tiene scorciatoie per gli elementi che chiedi ogni giorno, così “aggiungi un titolo e un pulsante sotto l’hero” arriva come section, container, div, heading, text, image o button con le classi del tuo sito già sopra. Quando chiedi un’immagine, la prende dalla tua libreria media. ### Modelli · 5 abilità Lola crea header, footer, modelli di contenuto e archivi, con le condizioni attaccate fin dall’inizio. Scrive l’albero degli elementi di un’area modello. Imposta dove un modello si applica e anteprima sempre quante pagine coprirà, elencate per nome, prima di salvare. Duplica un modello con ID elemento nuovi, e ne manda uno nel cestino di WordPress quando glielo chiedi. ### Componenti · 6 abilità Lola trasforma un ramo in un componente e lascia un’istanza dove stava. Definisce e modifica le proprietà, dicendoti quante istanze cambieranno prima di confermare. Modifica struttura e stile del componente con la stessa anteprima. Inserisce un’istanza, aggiorna props e override, oppure la stacca di nuovo in elementi normali. Annida componenti fino a dieci di profondità. ### Comportamento di pagina · 5 abilità Lola aggiorna SEO a livello di pagina, layout e CSS di pagina. Imposta le condizioni che decidono quando un elemento si mostra, e le toglie quando vuoi l’elemento di nuovo per tutti. Collega le interazioni native di Bricks: click, hover, ingresso nel viewport, toggle off-canvas, scroll to, animazioni, eventi WooCommerce. Elenca i tuoi tag di dynamic data raggruppati per provider, ACF incluso quando ACF è attivo, e ne assegna uno a un’impostazione elemento scegliendo tra i tag che ha davvero trovato sul tuo sito. ### Lo stesso cambiamento su molte pagine · 3 abilità Lola copia un ramo su venti pagine con nuovi ID elemento e copy diverso su ogni destinazione. Cambia testi, immagini e link su ogni elemento che corrisponde per classe, per nome o per posizione. Aggiunge o toglie classi globali su quelle stesse corrispondenze. Lavora cinque pagine alla volta, nomina ogni pagina di destinazione prima di iniziare e ti dice esattamente da dove riprendere se una fallisce. ### Layout del negozio, quando WooCommerce è attivo · 4 abilità in più Lola ti dice quali modelli negozio ha il negozio e quali gli mancano ancora. Crea modelli prodotto, archivio, carrello, checkout e account con le loro condizioni. Inserisce elementi prodotto per nome: titolo, prezzo, galleria, aggiungi al carrello. E ti guida in un catalogo di 47 elementi WooCommerce inseribili, raggruppati per superficie, così puoi indicarne uno invece di andarlo a cacciare. **Sul conteggio.** Bricks porta 86 elementi core e 48 WooCommerce, e Lola stila e configura ognuno di essi. Il numero atterra a 65 perché i controlli di stile Bricks sono universali: `_padding` è `_padding` su ogni elemento, quindi lavora con quella grammatica condivisa invece di aver bisogno di un’abilità per widget. Le scorciatoie esistono per la manciata di elementi che saltano fuori in ogni conversazione. 05 · Dove le parli Claude, wp-admin o il tuo editor. La stessa Lola, lo stesso sito. ----------------------------------------------------------------- Ogni abilità di questa pagina arriva a Lola dai tre percorsi, con la stessa anteprima e lo stesso passo di conferma. ### Da Claude Installa LolaCore, premi il pulsante «Connetti con Claude» nell’onboarding e autorizza una volta. Da quel momento apri Claude e le dici di rinominare `btn-blue` in `btn-primary`, e lo fa dentro il tuo Bricks, con le tue classi, dopo che confermi. Funziona con l’account Claude che hai già, su qualsiasi piano, e la connessione la revochi tu dalle impostazioni di Claude. [Come funziona la connessione con Claude →](/it/claude/) - Rinomina btn-blue in btn-primary su questo sito Bricks. Senza rompere il CSS. - btn-blue è su 34 elementi in 12 pagine, più il modello dell’header e il componente card-cta. La copertura dell’indice è completa. Rinomino la classe, aggiorno ogni riferimento e rigenero il CSS di quelle 12 pagine. Anteprima pronta. Confermi? - Avanti. - Fatto. btn-blue ora è btn-primary. 12 pagine, modello dell’header, un componente. CSS rigenerato. ### Da wp-admin La chat di Lola dentro WordPress, con il provider di IA che hai configurato in Impostazioni → Connettori. È qui che lavora il designer del tuo team, nel pannello che ha già aperto. ### Dal tuo editor Claude Code, Cursor o qualsiasi client MCP. Ispeziona l’uso di una classe, fa l’anteprima di una rinomina con `dry_run` e scrive dopo che confermi, senza uscire dall’editor. - Raggiungo il sito Bricks. - rinomina btn-blue in btn-primary. dry\_run prima - lolacore-bricks/get-class-usage - lolacore-bricks/rename-global-class - In attesa di conferma… Questo conta di più su Bricks che sulla maggior parte dei domini, perché chi costruisce con Bricks è spesso la stessa persona che vive in un terminale. Un designer può lavorare con Lola nel pannello WordPress mentre uno sviluppatore la guida da un IDE, sullo stesso sito cliente, con la stessa memoria sotto. Una nota sulla scala, visto che questo addon le consegna 65 abilità in più. Claude legge un indice compatto di ciò che Lola sa fare, non il catalogo tecnico completo, così un sito con una dozzina di addon si connette e resta lavorabile. 06 · Memoria La sessione successiva non parte da zero. ----------------------------------------- Lola tiene un ritratto vivo del sito e lo aggiorna ogni giorno: quante classi globali esistono e quante restano inutilizzate, quali variabili sono definite, la convenzione di nomi che avete concordato, il framework che ha rilevato, i conteggi di componenti e modelli, la modalità di caricamento del CSS e fino a dove ha mappato il sito. Apri un sito cliente che non tocchi da sei settimane e lei ne porta già il contesto, così descrivi la modifica invece di reimparare il sito prima. Quella memoria vive dentro la tua installazione WordPress, e decade nel tempo così il contesto stantio si spegne da solo. Arriva anche con uno skill e due playbooks che si registrano da soli. Lo skill, `lolacore-bricks-system-architect`, porta una domanda Bricks all’abilità giusta e la tiene al vocabolario del sito quando scrive. Un playbook la guida su un sito vuoto: convenzione, poi token, poi header e footer, poi modelli, poi le prime pagine, e fa al massimo quattro domande prima di proporre la prima scrittura. L’altro la orienta in un sito costruito da qualcun altro. 07 · Sicurezza Ogni scrittura mostra un’anteprima, con i nomi delle pagine. ------------------------------------------------------------ Lola esegue le letture subito. Elencare le tue classi, tracciare dove è referenziata una variabile, risolvere quale modello vince su una pagina: niente di questo cambia nulla, quindi niente di questo aspetta. Sulle azioni di scrittura si ferma sempre per la tua conferma, e ciò che ti mostra è specifico. Quando rinomina una classe, nomina le pagine, i modelli e i componenti coinvolti. Quando unisce due classi, ti dice quanti elementi si sposteranno. Quando imposta le condizioni di un modello, elenca le pagine che quel modello coprirà. Su un’operazione in lotto, nomina ogni pagina di destinazione prima di scrivere la prima. Quando una modifica tocca il sistema di design, rigenera il CSS del sito al salvataggio, così il front coincide con quanto ha riferito. Altre due cose da sapere. Lola dichiara quanto del sito ha mappato: se la mappa è completa solo al 40%, lo dice prima di rispondere a una domanda che ne dipende, perché cercare classi “inutilizzate” su una mappa parziale segnalerebbe classi che sono ben in uso. E quando le dai CSS personalizzato per una classe o uno stile del tema, lo controlla in cerca di costrutti non sicuri e li rifiuta prima che qualsiasi cosa raggiunga il database. 08 · Tra domini Un modello prodotto quasi mai resta un problema di modello. ----------------------------------------------------------- Il campo che vuoi mostrare su una pagina prodotto deve esistere prima di poterlo visualizzare. L’ordine dietro quel prodotto vive in un’altra schermata dell’admin. Lola dichiara affinità con gli altri addon di LolaCore, così quando una domanda Bricks incrocia un altro dominio la segue nella stessa conversazione. Con [LolaCore for ACF](/it/lolacore-for-acf/) attivo, crea il campo personalizzato e lo posiziona nel modello Bricks senza che tu cambi contesto. Con [LolaCore WooCommerce Pro](/it/woocommerce-pro/) attivo, costruisce il layout prodotto qui e parla con te degli ordini che produce lì. Con [LolaCore for Polylang](/it/lolacore-for-polylang/) attivo, traduce le pagine Bricks in bozze di lingua collegate, con il layout intatto. Installa i domini che il tuo sito usa davvero. Lola instrada tra quelli attivi. 09 · Requisiti Di cosa hai bisogno ------------------- LolaCore2.7.0 o superiore, gratuito, attivo sullo stesso sito Bricks2.0 o superiore, con licenza a parte da Bricks Builder WordPress7.0 o superiore, testato fino a 7.1 PHP8.1 o superiore WooCommerceOpzionale. Attivo significa che Lola guadagna 4 abilità in più Questo addon non ha una pagina di impostazioni né una chiave API propria. Attivi LolaCore, Bricks e questo addon, e Lola scopre da sola le sue abilità Bricks. Poi scegli come raggiungerla. Premi «Connetti con Claude» nell’onboarding di LolaCore e autorizza, e lavora dall’account Claude che hai già, su qualsiasi piano. Oppure apri Impostazioni → Connettori in WordPress, scegli il provider e il modello che preferisci, e parlate nella chat di wp-admin. Il secondo pulsante dell’onboarding ti porta lì. In entrambi i casi, Lola sul sito applica le modifiche, mostra l’anteprima e ricorda. 10 · Per sviluppatori Se lavori già via MCP --------------------- Gran parte di questa pagina parla al designer che vive Bricks come pannelli. Tre cose contano se lo vivi come un’API. Primo, ogni abilità gira contro le API pubbliche di Bricks. Le classi, le variabili, gli stili del tema, i modelli e i componenti che Lola scrive sono gli stessi record che scrive la UI di Bricks, archiviati allo stesso modo, e Bricks li rilegge senza un passo di traduzione. Secondo, tutte le 65 abilità sono esposte attraverso il server MCP incluso in LolaCore sotto `lolacore-bricks/*`, anteprima `dry_run` inclusa. Colleghi Claude Code, Cursor o qualsiasi client MCP a un sito LolaCore e gli strumenti Bricks compaiono accanto al resto della superficie di LolaCore. L’addon ha bisogno di LolaCore attivo, perché è LolaCore a pubblicare il server MCP. Terzo, Lola costruisce la mappa del sito a lotti in installazione, con i progressi visibili in chat, e la mantiene dopo. Qualsiasi risposta che poggia su quella mappa dichiara la copertura, e puoi spingere una ricostruzione a lotti finché non termina. 11 · Domande frequenti Domande ------- Mi serve LolaCore per usare questo? Sì. Questo addon dà a Lola il dominio Bricks. Installa e attiva LolaCore prima. Mi serve Bricks? Sì, il tema Bricks alla versione 2.0 o superiore. Bricks è un prodotto commerciale e la licenza la prendi da Bricks Builder. Dove sta Bricks una volta installata Lola? Bricks costruisce e renderizza il sito, esattamente come oggi. Lola legge e scrive quegli stessi record per conversazione. Il builder è a un clic quando vuoi lavorare a mano. Quanto costa? Niente. È su WordPress.org, senza chiave di licenza e senza abbonamento per questo addon. E se non uso WooCommerce? Lola tiene tutte le 65 abilità di sistema di design, pagina, modello e componente. Le 4 abilità negozio si registrano quando WooCommerce è attivo. Posso usarlo da Claude? Sì, ed è la via più corta. Installa LolaCore, premi «Connetti con Claude» nell’onboarding, autorizza una volta e chiedi a Claude di lavorare sul tuo sito Bricks. Gira sull’account Claude che hai già, piano gratuito incluso. Funziona da Cursor o Claude Code? Sì. Lola porta le stesse 65 abilità a qualsiasi client MCP, con anteprima `dry_run` prima di ogni scrittura. Mi serve una chiave di provider di IA in WordPress? Solo se vuoi la chat di wp-admin. Configura il provider che preferisci in Impostazioni → Connettori e Lola lo usa lì. Se ti colleghi tramite Claude, il ragionamento gira sul tuo account Claude e Lola sul sito applica le modifiche, mostra l’anteprima e ricorda. Cosa succede se Lola non ha finito di mappare il sito? Dichiara la percentuale di copertura insieme alla risposta, e può spingere la mappatura a lotti fino a completarla. Sulle domande che richiedono il ritratto intero, come trovare classi inutilizzate, lo dice prima. Lola può eseguire PHP o JavaScript in un elemento Code? Salva CSS personalizzato su classi e stili del tema, controllandolo in cerca di costrutti non sicuri prima che raggiunga il database. Il codice eseguibile resta fuori dal suo raggio per scelta, come decisione di sicurezza. E se disattivo Bricks? Lola mostra un avviso admin e le sue abilità Bricks smettono di registrarsi. Il tuo sito continua sul tema attivo. C’è qualcosa da configurare? Attiva i tre plugin. Lola usa il provider di IA che hai configurato in WordPress (Impostazioni → Connettori), e questo addon non aggiunge chiavi né quote proprie. È affiliato con il team Bricks? No. LolaCore for Bricks è un addon indipendente costruito da LolaCore. Non è affiliato, sponsorizzato né approvato da Bricks Builder. Lola legge il tuo sistema Bricks, e scrive al suo interno. ---------------------------------------------------------- Installa l’addon e Lola scopre da sola tutte le 65 abilità Bricks. Non c’è una pagina di impostazioni da configurare. Premi «Connetti con Claude» nell’onboarding e raggiunge il tuo Bricks dall’account Claude che hai già. [Scaricalo gratis →](/install-lolacore-for-bricks) Non hai ancora LolaCore? LolaCore è il plugin gratuito di IA che vive dentro il tuo WordPress. Legge il tuo sito, agisce con la tua approvazione e ricorda tutto tra una sessione e l’altra. [Scarica LolaCore gratis →](https://wordpress.org/plugins/lolacore) Bricks è sviluppato da Bricks Builder. LolaCore for Bricks è un addon indipendente costruito da LolaCore. Non è affiliato, sponsorizzato né approvato da Bricks Builder. Bricks lo installi e ne prendi la licenza tu.