Il nostro generatore di pagine personale, Avada Builder, è ora disponibile in due interfacce: Avada Builder, che è il nostro generatore di pagine wireframe di back-end, e Avada Live, che è il nostro generatore di front-end, introdotto solo di recente con Avada 6.0 .
Utilizzando il nostro semplice sistema di contenitori, colonne ed elementi, entrambe le versioni di Avada Builder ti consentono di progettare facilmente splendidi layout di pagina per il tuo sito web. Avada Builder è uno strumento fantastico sia per i web designer moderni che per i proprietari di siti, poiché offre loro il controllo completo su tutti gli aspetti del contenuto e del layout della pagina. Entrambe le versioni di Avada Builder generano anche lo stesso codice. Sono completamente intercambiabili, permettendoti di avere il meglio di entrambi i mondi con Avada Builder, che è attualmente disponibile.
- Utilizzo del layout di sezione
- Personalizzazione di un layout
- Modifica del layout personalizzato
- Progettazione del layout condizionale
- Aggiunta di colonne da Avada Layout builder
- Conclusione
La pagina Layout Builder è dove troverai tutti i tuoi layout e qualsiasi layout condizionale che potresti voler costruire oltre al layout globale creato per impostazione predefinita. Qui si trova anche l'area in cui assegni le sezioni di layout ai tuoi layout e specifichi le condizioni affinché i tuoi layout condizionali abbiano effetto.
È possibile accedere a Layout Builder da Avada Dashboard selezionando Layout > Layout Builder dal menu a discesa. Uno dei modi più semplici per descrivere i layout è dire che sono contenitori che ospitano le quattro sezioni di layout di una pagina: la sezione dell'intestazione, la sezione della barra del titolo della pagina, la sezione del contenuto e la sezione del piè di pagina. Puoi saperne di più sulle differenze tra sezioni di layout e layout leggendo questo documento: Comprensione di layout e sezioni di layout (PDF). Continua a leggere per saperne di più sulle cose che puoi fare in questa pagina.
Due parti si trovano nella parte superiore della pagina Layout Builder. Una tecnica per popolare le sezioni di layout nel layout globale o per generare layout condizionali è descritta nella prima sezione (suggerimento: puoi chiuderla con la X), e sul lato destro dello schermo c'è un'area da cui puoi creare direttamente nuovi Layout (vedi sotto). Digita un nome per il tuo nuovo layout e quindi fai clic su Crea nuovo layout per completare il processo. Quando si utilizza questo metodo viene creato un layout vuoto; non sono specificate sezioni o condizioni di layout.
Man mano che crei i layout, questi vengono importati automaticamente nella pagina Generatore di layout. Puoi rinominare un Layout facendo clic sul pulsante Rinomina nella parte superiore della pagina. Puoi anche fare clic sull'icona a forma di ingranaggio per stabilire le condizioni per il layout e puoi eliminare un layout facendo clic sull'icona del cestino nella parte superiore della pagina. Puoi anche vedere e assegnare criteri facendo clic sulla parte inferiore di tutti i layout, eccetto il layout globale.
All'interno di ogni Layout, puoi vedere le quattro Sezioni Layout assegnate a un particolare Layout, una per ciascuno dei quattro layout. In ogni sezione del layout vedrai un'icona +, che ti permetterà di assegnare una sezione del layout a quella sezione del layout quando ci muovi sopra con il mouse. Hai la possibilità di assegnare una sezione layout esistente a questa sezione o di creare una sezione completamente nuova da zero.
Utilizzo del layout di sezione
Come parte di Avada Layouts, ora puoi creare piè di pagina completamente personalizzabili per il tuo sito Web, sfruttando l'intera capacità creativa di Avada Builder per raggiungere questo obiettivo.
Un layout piè di pagina è una sezione di layout aggiunta a un layout. Per ex amp le, un piè di pagina richiede un aspetto di una sezione piè di pagina, che può essere aggiunto sia al globale o layout personalizzato. Vedremo come costruire una sezione di layout del piè di pagina personalizzato nella sezione successiva, ma prima diamo un'occhiata a Introduzione ai layout di Avada.
Nella barra laterale di WordPress o nella dashboard di Avada, seleziona Avada > Layout. I layout e le sezioni di layout di Avada vengono creati e gestiti qui. Come mostrato di seguito, il layout globale è inizialmente vuoto, senza sezioni di layout associate.
Personalizzazione di un layout
Questa sezione può essere aggiunta al Layout Globale o a un Layout Condizionale, mostrando solo alcuni tipi di post personalizzati o singole pagine. Il layout globale è già presente, ma dobbiamo prima sviluppare un layout condizionale.
Nella pagina Layout, aggiungi un nome e fai clic su Crea nuovo layout, come mostrato di seguito.
Crea una sezione layout piè di pagina se desideri aggiungerla a un layout esistente o al layout globale.
Nella schermata di aspetto di una sezione Builder, selezionare il tipo di aspetto di una sezione, inserire un nome (in questo ex amp le, piè di pagina, possibilmente globale piè di pagina) e fare clic su Crea nuova sezione layout, come illustrato di seguito.
L'immagine seguente mostra come generare una sezione di layout direttamente dal layout. Le sezioni del layout del tuo sito devono essere aggiunte a un layout. Inizialmente, c'è semplicemente un layout globale. Quindi, per creare un piè di pagina personalizzato globale, aggiungilo a questo layout. Sezione layout piè di pagina personalizzato, quindi aggiungi le condizioni alla sezione layout piè di pagina personalizzato per far apparire il layout secondo i criteri.
Non c'è niente di male, ma è fondamentale considerare la situazione. Se il Layout è attualmente attivo (cioè ha delle condizioni o è il Layout Globale), qualsiasi nuova Sezione del Layout sarà immediatamente attiva e vuota. Ha più senso aggiungere prima un piè di pagina personalizzato a un layout globale tramite la pagina Generatore di sezioni di layout, quindi aggiungerlo al layout globale.
In alternativa, potremmo aggiungere un piè di pagina, un'intestazione o una sezione di layout di colonna a un layout condizionale e quindi crearlo. Le condizioni non vengono utilizzate fino a quando non vengono aggiunte condizioni. Come illustrato di seguito, possiamo modificare la sezione del layout del piè di pagina passandoci sopra con il mouse e facendo clic sull'icona di modifica.
Modifica del layout personalizzato
L'editor WordPress predefinito appare quando si modifica una nuova sezione di layout; puoi utilizzare Avada Builder o Avada Live da qui. Le sezioni di layout personalizzate vengono create qui. Per ulteriori informazioni, vedere Creazione del contenuto della sezione layout, ma in breve, qui puoi creare qualsiasi cosa.
Il tuo piè di pagina personalizzato può contenere tutto ciò che puoi costruire in Avada Builder. Puoi avere numerose colonne, foto, ecc.; Ciò consente un'immensa flessibilità. La sezione Layout è dove apparirà il materiale del piè di pagina. Il materiale proviene dal Costruttore e la tua creatività è l'unico vincolo.
Guarda il Footer originale creato per la Demo Taxi di seguito; Ciò è stato fatto modificando le opzioni del tema e i widget del piè di pagina.