Panoramica su Bricks Builder<\/h2>\n
Bricks Builder<\/a> \u00e8 un costruttore di siti visuale che permette agli utenti di creare siti web personalizzati e reattivi<\/a> direttamente all’interno dell’ambiente WordPress. \u00c8 stato progettato per migliorare l’esperienza dell’utente in quanto si integra perfettamente con WordPress, consentendo a principianti e sviluppatori<\/a> esperti di costruire siti web visivamente attraverso un’interfaccia drag-and-drop.<\/p>\n A differenza di Elementor<\/a> e di altri site builder, Bricks \u00e8 un tema, non un plugin. Incorpora quasi tutte le funzionalit\u00e0, mentre altri costruttori di siti utilizzano plugin aggiuntivi.<\/p>\n \u00c8 dotato di un’esperienza di editing front-end live, il che significa che \u00e8 possibile vedere le proprie modifiche in tempo reale mentre si modificano gli elementi di design e i layout.<\/p>\n Offre un kit di strumenti completo che include template pre-progettati, una vasta gamma di elementi di design e opzioni di personalizzazione avanzate per uno sviluppo web pi\u00f9 dettagliato.<\/p>\n Inoltre, Bricks Builder supporta i dati dinamici, consentendo agli utenti di costruire facilmente siti web basati sui dati e di integrare dinamicamente i contenuti nei loro template.<\/p>\n Bricks Builder si distingue per le sue prestazioni e la sua flessibilit\u00e0. Si tratta di un’alternativa pi\u00f9 recente e robusta rispetto ad altri builder, che offre:<\/p>\n Bricks \u00e8 un tema premium che richiede un abbonamento a pagamento. Per utilizzarlo, \u00e8 necessario acquistare uno dei piani. Una volta effettuato il pagamento, potrete scaricare un file zip sulla dashboard che potr\u00e0 essere caricato sul sito WordPress, insieme a una chiave di licenza che attiver\u00e0 Bricks all’interno della propria installazione di WordPress<\/a>.<\/p>\n Dopo aver installato il tema Bricks, nella bacheca di WordPress<\/a> apparir\u00e0 una nuova voce di menu Bricks<\/strong>.<\/p>\n Per attivare la licenza, accedete alla dashboard, cliccate su Activate license<\/strong>, inserite la chiave di licenza dall’account Bricks e cliccate su Activate<\/strong>. In questo modo si abilitano tutte le funzionalit\u00e0 del tema Bricks.<\/p>\n Se volete fare una prova con Bricks prima di passare all’acquisto, potete creare un account di prova su try.bricksbuilder.io<\/a>. Questa piattaforma fornisce l’accesso a un sito WordPress preconfigurato con Bricks installato, consentendo di esplorarne le caratteristiche e le funzionalit\u00e0 senza alcun costo iniziale.<\/p>\n Per progettare una nuova pagina con il page builder di Bricks, andate su Pagine<\/strong> > Aggiungi nuovo<\/strong> o cliccate su una pagina esistente. Potete lanciare l’editor di Bricks cliccando su Edit with Bricks<\/strong>.<\/p>\n Ora potete trascinare gli elementi dal pannello Elementi<\/strong> per progettare la pagina.<\/p>\n L’interfaccia di Bricks offre una perfetta integrazione con l’ambiente di WordPress.<\/p>\n Ecco una panoramica dell’interfaccia principale:<\/p>\n Bricks offre l’interessante caratteristica di permettere di caricare font<\/a> personalizzati su un sito WordPress. Per farlo, basta andare su Bricks<\/strong> > Custom Fonts<\/strong>.<\/p>\n Questa sezione permette di caricare i file dei font in vari formati, tra cui WOFF2, WOFF o TTF. \u00c8 anche possibile caricare diverse varianti di font, come thin, semi-bold, normal e bold.<\/p>\n Per aggiungere un font personalizzato, cliccate su Add new<\/strong>. Quindi, inserite un nome per il font nel campo Add title<\/strong>. Successivamente, selezionate la variante di font che desiderate caricare, scegliete lo stile del font e cliccate su Edit<\/strong>.<\/p>\n Apparir\u00e0 un menu a tendina con i campi per caricare il file del font. Selezionate il file del font e caricatelo. Potete ripetere questo processo cliccando su Aggiungi una variante di font<\/strong> per quante pi\u00f9 varianti possibili. Infine, cliccate su Pubblica<\/strong>.<\/p>\n Per applicare il font personalizzato appena caricato al testo del sito WordPress, seguite questi passaggi:<\/p>\n Ora il testo verr\u00e0 visualizzato con il vostro font personalizzato, dando alla pagina un tocco originale.<\/p>\n I template sono una funzione fondamentale di Bricks e sono disponibili in vari tipi, tra cui header, footer e layout dei post del blog. Questi template possono spaziare da una singola sezione, come l’header di un sito web o una sezione hero, a contenuti a pagina intera, come i layout dei post del blog, le pagine di archivio, i risultati di ricerca e le pagine di errore.<\/p>\n Per creare un template:<\/p>\n Per applicare un template a una pagina:<\/p>\n I template di Bricks offrono funzionalit\u00e0 uniche che non si trovano in altri site builder. Per template remoti si intendono i template creati e utilizzati in altri siti che volete utilizzare nel vostro sito.<\/p>\n Per consentire ad altri siti di utilizzare i vostri template Bricks, andate su Bricks<\/strong> > Settings<\/strong> > Template<\/strong> nella bacheca di WordPress e attivate la casella My Templates Access<\/strong>.<\/p>\n Usate gli URL Whitelist<\/strong> e la protezione con password<\/strong> per limitare l’accesso ai template alle persone che conoscono la password corretta.<\/p>\n Per utilizzare i template di altri siti, andate in Bricks<\/strong> > Impostazioni<\/strong> > Template<\/strong>, scorrete fino alla sezione Template remoti<\/strong> e incollate l’URL del sito Bricks da cui volete recuperare i template nel campo URL<\/strong> del template remoto.<\/p>\n Se impostate una password, dovete assicurarvi di scriverla nella sezione Password<\/strong> del template remoto. Poi cliccate su Save Settings<\/strong>.<\/p>\n Per utilizzare questi template, navigate nel costruttore di pagine e cliccate su Template<\/strong> come prima; apparir\u00e0 una nuova sezione di Remote templates<\/strong> con tutti i template del sito remoto.<\/p>\n Bricks permette di incorporare dati dinamici<\/a> nei template e nelle pagine, rendendolo uno strumento versatile per la creazione di siti web dinamici.<\/p>\n Potete includere diversi elementi dinamici come immagini in evidenza, titoli dei post, date di pubblicazione, nomi degli autori, categorie, tag, titoli dei siti e tutti i vostri campi personalizzati.<\/p>\n I dati dinamici sono particolarmente utili per la creazione di template specifici in Bricks, come il template del post del blog o i template per i tipi di post personalizzati, come l’annuncio di una singola propriet\u00e0.<\/p>\n Per aggiungere dati dinamici, iniziate a digitare Ecco come creare un template di post singolo utilizzando i dati dinamici con Bricks:<\/p>\n Per impostare questo template come predefinito per tutti i post:<\/p>\n Per semplificare lo stile di questo template, aggiungete un post predefinito da utilizzare come riferimento per gli elementi dinamici:<\/p>\n Inoltre, Bricks supporta l’utilizzo dei contenuti dei campi personalizzati avanzati (ACF), migliorando la possibilit\u00e0 di creare pagine dettagliate e personalizzate.<\/p>\n La funzione di invio dei moduli \u00e8 stata introdotta in Bricks 1.9.2 per permettere di catturare i moduli inviate. Questo permette di creare una tabella personalizzata chiamata \u00c8 possibile attivare la nuova impostazione per salvare gli invii dei moduli nel database<\/strong> in Bricks<\/strong> > Settings<\/strong> > General<\/strong> > Miscellaneous<\/strong>.<\/p>\n Poi cliccate su Save Settings<\/strong>. Apparir\u00e0 la scheda Form Submissions (Bricks<\/strong> > Form Submissions<\/strong>), che contiene le varie tabelle di invio dei moduli.<\/p>\n La raccolta dei moduli inviati in Bricks non richiede un plugin aggiuntivo. Basta solo utilizzare l’elemento Form<\/strong> per creare un modulo e impostare correttamente i campi.<\/p>\n Nel pannello delle impostazioni, cliccate su Action<\/strong> e selezionate l’azione Save Submission<\/strong>.<\/p>\n Successivamente, cliccate su Save Submission<\/strong> per assegnare al modulo un nome descrittivo. Questo nome sar\u00e0 utilizzato per accedere ai dati del modulo.<\/p>\n Ora, quando salvate e aprite la pagina potrete completare il modulo e poi tornare a Bricks<\/strong> > Form submission<\/strong> per vedere i dati del modulo.<\/p>\n Potete anche scaricare un file CSV dei vari moduli inviati. Nella sezione Bricks<\/strong> > Settings<\/strong> > General<\/strong> > Miscellaneous<\/strong>, dove avete configurato questa funzione, potete resettare o eliminare la tabella del database.<\/p>\n WooCommerce<\/a> \u00e8 un plugin gratuito che arricchisce il vostro sito WordPress con funzionalit\u00e0 di e-commerce. \u00c8 riconosciuto a livello mondiale come una delle principali soluzioni open-source<\/a> per la creazione e la gestione di un negozio online.<\/p>\n Bricks si integra perfettamente con WooCommerce, fornendo un solido builder in-theme per creare l’intero negozio, a partire dalla pagina principale del negozio fino alle pagine dei singoli prodotti, agli archivi dei prodotti, ai carrelli, ai checkout e alle pagine degli account.<\/p>\n Bricks offre elementi e template specifici per WooCommerce, che permettono di progettare il layout del vostro negozio.<\/p>\n Per iniziare a usare il WooCommerce Builder in Bricks, installate e attivate il plugin WooCommerce. Una volta attivato, potete usare Bricks per progettare e personalizzare visivamente vari template di WooCommerce, in modo simile a come gestiresti i layout dei singoli post.<\/p>\n Per creare una semplice pagina del negozio:<\/p>\n Utilizzando questi elementi, potrete organizzare e modellare la pagina come desiderate.<\/p>\n Come per la creazione di un template di post singolo, potete creare un template di prodotto singolo e impostare le sue condizioni in modo che funzioni con tutti i prodotti.<\/p>\n Il costruttore di Query Loop permette di interrogare il database in base ai parametri della query e di visualizzare i risultati della query all’interno del ciclo. Pu\u00f2 essere utilizzato in elementi di layout come container, Accordion e Slider.<\/p>\n Potete interrogare tipi di post, termini di tassonomia e utenti. Ad esempio, potete interrogare un elenco di autori di blog, membri della community e membri del team.<\/p>\n Per utilizzare Query loop, aggiungete un elemento Container all’area di disegno. Attivate l’impostazione Use Query Loop<\/strong> per trasformare il vostro contenitore in un elemento del ciclo.<\/p>\n Una volta attivata l’impostazione Use Query Loop<\/strong>, vedrete un controllo Query (icona a forma di infinito). Cliccate sull’icona per aprire il controllo query e impostate i parametri di query per recuperare il contenuto dal database.<\/p>\n Il contenitore ora funge da elemento ripetitore. Tutti gli elementi all’interno di questo contenitore vengono ripetuti tutte le volte che ci sono risultati di una query. Questa guida<\/a> spiega come funziona.<\/p>\n Bricks non ha un piano gratuito. Creano un account<\/a> solo per farvi provare il loro tema, ma non \u00e8 possibile utilizzarlo per il proprio sito senza pagare.<\/p>\n![\"Interfaccia](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-editing-interface-1.png\")
Vantaggi dell’uso di Bricks per WordPress<\/h3>\n
\n
Primi passi con Bricks<\/h2>\n
![\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-dashboard.jpg\")
![\"Configurare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-license-1.png\")
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/welcome-bricks-1.png\")
Come avviare il page builder di Bricks<\/h3>\n
![\"Avviare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/launch-bricks.png\")
L’interfaccia di Bricks<\/h3>\n
![\"Etichettatura](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-interface-label.png\")
\n
Usare i font personalizzati in Bricks<\/h2>\n
![\"Utilizzare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/custom-font-bricks.png\")
![\"Aggiungere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/add-font-1.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/fonts-page-1.png\")
\n
![\"Usare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/use-custom-font-1.png\")
Usare i template in Bricks<\/h2>\n
Creare un template<\/h3>\n
\n
![\"Creare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/new-template.png\")
Applicare i template<\/h3>\n
\n
![\"Applicare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/apply-template.png\")
![\"L'archivio](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/templates-store.png\")
![\"Scegliere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/use-template-from-community.png\")
Template remoti<\/h3>\n
![\"Consentire](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/remote-templates.png\")
![\"Utilizzare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/Use-remote-templates-1.png\")
Utilizzare i dati dinamici in Bricks<\/h2>\n
{<\/code> sull’area di disegno oppure cliccate sull’icona a “ingranaggio” accanto alla maggior parte dei campi nel pannello delle impostazioni.<\/p>\n\n
{post_title}<\/code> in un elemento Heading<\/strong> e {post_content}<\/code> in un elemento di testo Basic<\/strong>.\n![\"Utilizzare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/dynamic-data-1.png\")
\n
![\"Impostare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/default-post-template-1.png\")
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/post-template.png\")
\n
![\"Aggiungere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/defualt-post-1.png\")
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/customize-dynamic-page-1.png\")
Gestire l’invio di moduli con Bricks<\/h2>\n
bricks_form_submissions<\/code> nel database (con il prefisso dello stesso database WP).<\/p>\n![\"Gestione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/form-submissions-bricks.png\")
Raccogliere i moduli inviati<\/h3>\n
![\"Aggiungere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/form-element.png\")
![\"Impostare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/save-submission-action.png\")
![\"Impostare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/form-name-1.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-form-submission-page.png\")
![\"Eseguire](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/reset-delete-database-table.png\")
Utilizzare WooCommerce con Bricks<\/h2>\n
![\"Elementi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/product-elements.png\")
\n
![\"Utilizzare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-wocommerce.png\")
Query Loop in Bricks<\/h2>\n
![\"Utilizzo](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/query-loops-1.png\")
Costi di Bricks<\/h2>\n
![\"Struttura](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/biricks-pricing-1.png\")