La prima configurazione
Alla prima attivazione OLObuild apre la configurazione guidata, in 3 passi. Se l'hai rimandata, il pannello di benvenuto nella Bacheca di WordPress la riapre con Avvia la configurazione.
- Tema WordPress. Installa e attiva mette Hello OLObuild, il tema leggero incluso nel plugin. Con Usa tema attuale tieni il tema che hai già.
- Scegli un design. Scegli uno dei 70 temi pronti, oppure Vuoto, e premi Importa tema selezionato. Il tema crea pagine e menu, attiva header e footer, applica i suoi colori e i suoi caratteri e imposta la home. Prima dell'import OLObuild salva un'istantanea del sito, che puoi rimettere con Ripristina.
- Tutto pronto. Apri OLObuild porta alla bacheca, Vedi il sito apre il sito.
Nota. Con Vuoto ottieni il minimo per partire: una pagina Home impostata come home, il menu «Menu Principale», un «Header base» e un «Footer base» già attivi.
La bacheca
La bacheca si apre dalla voce OLObuild del menu di WordPress. La barra in alto è uguale in tutte le pagine di OLObuild e divide il lavoro in 4 aree.
- Costruisci — Blocchi & Pagine (i template del sito), Popup, Importa / Esporta
- Media — Ricerca di foto e video da inserire nelle pagine
- Raccolta — Invii dei form, Newsletter, Tracking & Analytics
- Sistema — Configurazione, Strumenti e questa Guida
Nella bacheca trovi Continua dove avevi lasciato, le Azioni rapide, le schede di Gestione e, a destra, il Centro risorse con le novità e le guide. Il campo di ricerca in alto, o Ctrl+K, cerca pagine, template e impostazioni da qualsiasi pagina di OLObuild.
Creare una pagina
Crea pagina, fra le Azioni rapide, crea in un colpo solo un template «Senza titolo» e la pagina di WordPress collegata, entrambi in bozza, e apre il builder. Lo stesso fa Nuova pagina in cima alla bacheca.
Puoi partire anche da WordPress:
- nell'elenco Pagine, l'azione Crea con OLObuild sotto il titolo di una pagina
- nella barra di amministrazione, Modifica con OLObuild mentre guardi una pagina del sito
- nell'editor di WordPress, il riquadro OLObuild, dove scegli anche header e footer della pagina
Nota. Dai alla pagina il suo titolo prima di pubblicarla. Il titolo si cambia con un clic sul nome della pagina, nella barra del builder. WordPress ricava l'indirizzo della pagina dal titolo nel momento della pubblicazione.
Il builder in 4 zone
- Barra in alto. Titolo, Impostazioni pagina, dispositivi e zoom, Blocchi & Pagine, annulla e ripeti, Anteprima, Salva e Pubblica.
- Pannello sinistro. Elementi raccoglie le tile per categoria, con Recenti, Preferiti e Globali. Struttura mostra l'albero della pagina.
- Canvas. La pagina come la vedrà il visitatore, disegnata dallo stesso motore del sito, con header e footer.
- Pannello destro. Compare quando selezioni un elemento: Contenuto per testi, immagini e link, Stile per l'aspetto, Avanzate per visibilità, effetti e posizionamento.
Le 4 zone del builder. Il pannello destro si apre anche con Impostazioni pagina.
Ogni pagina è fatta di sezioni. Una sezione contiene righe, una riga contiene colonne, e nelle colonne stanno gli elementi, che in OLObuild si chiamano tile.
- Sezione fascia a tutta larghezza, con il suo sfondo —
- Riga divide la sezione in colonne —
- Colonna larghezza diversa per ogni dispositivo —
- Tile titolo, testo, immagine, pulsante, galleria… —
La gerarchia di una pagina, come la mostra il pannello Struttura.
Nello Stile di una tile i controlli sono divisi in due blocchi. Elemento agisce su ciò che la tile disegna, per esempio il pulsante. Contenitore agisce sul riquadro che la tile occupa nella griglia, con i suoi spazi e il suo sfondo.
Aggiungere e sistemare gli elementi
- Aggiungi. Trascina una tile dal pannello Elementi nel canvas, oppure fai clic sulla sua scheda: la tile si inserisce dopo l'elemento selezionato, o in fondo alla pagina. In una pagina vuota usa Aggiungi modulo o Scegli layout.
- Cerca. Ctrl+K apre il Finder, che trova una tile per nome senza scorrere le categorie.
- Inserisci una sezione. Il pulsante + fra due sezioni apre Inserisci modulo o riga, con un modulo nuovo, una riga vuota o un blocco pronto dalla libreria.
- Sposta e duplica. Passando sopra un elemento compaiono i comandi per trascinarlo, spostarlo su o giù, duplicarlo ed eliminarlo. Il clic destro apre il menu completo, con Copia, Incolla, Copia stile e Incolla stile.
- Scrivi. Fai doppio clic su un testo per modificarlo direttamente nel canvas. Esc annulla la modifica in corso.
Nota. Accanto al titolo di un campo o di una sezione può comparire una (i). Aprila per leggere a cosa serve il controllo: le spiegazioni stanno lì, così il pannello resta ordinato.
Salvare e pubblicare
Salva si attiva quando c'è qualcosa da salvare, e salva insieme pagina, header e footer se li hai modificati nel canvas. OLObuild non salva da solo: se chiudi la scheda con modifiche non salvate, il browser chiede conferma.
Pubblica mette online il template e la pagina di WordPress collegata, con il suo titolo.
Attenzione. Dopo la pubblicazione ogni Salva va subito online: il sito mostra sempre l'ultima versione salvata. Per provare una modifica senza toccare il sito, duplica la pagina in Blocchi & Pagine e lavora sulla copia.
A ogni salvataggio OLObuild conserva la versione precedente. Le trovi in Cronologia revisioni, nella barra in alto. La guida Template spiega come rimetterne una.
Anteprima nasconde i pannelli e mostra la pagina come la vede il visitatore. Reale apre la pagina vera in una nuova scheda. Esc riporta alla modifica.
Computer, tablet e telefono
I pulsanti dei dispositivi nella barra in alto ridimensionano il canvas: Widescreen, Desktop, Tablet e Mobile. Tablet orizzontale e Mobile orizzontale si accendono in Sistema › Configurazione › Dispositivi dell'editor. Molti controlli hanno un valore per ogni dispositivo. Quando ne modifichi uno, cambi il valore del dispositivo scelto nella barra.
Lo zoom, accanto ai dispositivi, rimpicciolisce o ingrandisce il canvas senza cambiare la pagina.
Scorciatoie da tastiera
Su Mac usa Cmd al posto di Ctrl. Nel builder l'elenco è sempre a portata di mano: è l'icona a forma di tastiera nella barra in alto.
- Ctrl+S — Salva
- Ctrl+Z · Ctrl+Shift+Z — Annulla · Ripeti, fino a 100 passi
- Ctrl+C · Ctrl+V · Ctrl+D — Copia · Incolla · Duplica l'elemento selezionato
- Ctrl+Alt+C · Ctrl+Alt+V — Copia stile · Incolla stile
- Canc o Backspace — Elimina l'elemento selezionato
- Ctrl + clic — Seleziona più elementi
- Alt+↑ · Alt+↓ — Sposta su · Sposta giù
- Alt+← · Alt+→ — Sposta nella colonna accanto
- Ctrl+K — Cerca una tile (Finder)
- Ctrl+Alt+P — Anteprima. Esc per uscire
- Ctrl+Shift+A — Assistente AI, se è configurato