In questa lezione vedremo altre funzionalità dei temi premium dedicate alla:
- Gestione dei layout delle singole pagine
- Gestione e creazione delle sidebar
- Implementazione di widget dedicati a specifiche funzioni del tema.
Una piccola precisazione.
Anche si usa la parola Sidebar, che porta di sicuro il pensiero alle colonne che solitamente troviamo alla destra dei contenuti del nostro sito (mostrare), in verità parliamo di Spazi personalizzati.
Spazi che potrai riempire con vari widget che hai a disposizione: menu vari come quello delle categorie, ultime news, pluigin social, cerca ecc...
La sidebar del blog è anche essa uno di questi spazi, ma non è la sola.
Infatti potrai inserire questi spazi direttamente all'interno delle tue pagine utilizzando il builder di layout e fra poco vedremo come.
Come ripetiamo dall’inizio di questo corso, ogni tema fa storia a sé, quindi dovrai cercare queste opzioni all’interno del tuo pannello, se non dovessi trovare nulla, fai riferimento alla documentazione ufficiale.
Iniziamo dalla gestione del layout delle pagine singole.
Oltre al layout builder per l’impaginazione di contenuti, potresti infatti trovare altre opzioni all’interno della pagina.
Le aree in cui si trovano queste impostazioni sono in genere la sidebar e la sezione sotto al builder di layout.
In Enfold ad esempio abbiamo tutta la sezione sul layout nella barra laterale.
Per ogni pagina puoi scegliere il tipo di layout, quindi con o senza barra laterale e se posizionarla a sinistra o destra del contenuto.
Poi puoi intervenire sul footer e anche qui hai diverse possibilità tra cui scegliere.
Ancora sotto troviamo le impostazioni per il titolo della pagina, con le varie opzioni di visualizzazione per titolo e il menu a briciole di pane.
Infine, abbiamo anche la possibilità di lavorare sulla testata, con ulteriori opzioni di visualizzazione specifiche per questo tema.
In Avada, trovi un’intera e dettagliata sezione in fondo con un ricco sottomenu di opzioni di ogni elemento, dagli slider che si possono richiamare, alla dimensione della pagina, alla personalizzazione di Header e Footer e così via.
Passiamo ora alla gestione delle sidebar che, come detto è anche possibile creare ad hoc per una pagina specifica.
Anche in questo caso, riscontriamo un funzionamento simile tra i vari temi.
Accediamo alla sezione Aspetto > Widget di Enfold.
Possiamo notare che c’è un campo aggiuntivo rispetto a quelli di default di wordpress, che consente appunto di creare una sidebar o un’area widget personalizzata.
Se ne creiamo una di test, la possiamo popolare dei widget che desideriamo e andare a recuperarla dove ci interessa.
Lo stesso lo si può fare con Divi, con Avada ecc...
A proposito di widget faccio notare un’altra cosa: ogni tema premium implementa quelli di default di wordpress con dei widget personalizzati.
A volte si tratta semplicemente di una elaborazione di widget già esistenti, che però vengono migliorati soprattutto dal punto di vista grafico e curati in modo che si allineino meglio alla grafica generale del tema.
Ecco ad esempio una sidebar con i due messi a confronto.
In altri casi però, troviamo anche dei widget dedicati esclusivamente al tema, e che magari recuperano qualche funzione base del tema stesso o di un plugin che utilizza.
Il consiglio quindi è dare un’occhiata anche alla lista dei widget disponibili per valutare se il tuo tema ne aggiunge di nuovi che possono esserti utili.
L’utilizzo di widget e sidebar nei temi premium può essere integrato anche all’interno dei contenuti.
Vediamo subito con un esempio cosa intendo.
Apriamo una nuova pagina realizzata con Divi, ma ripeto, lo stesso discorso vale per Enfold, Avada, Flatsome e tutti i migliori temi wordpress e andiamo alla ricerca del modulo barra laterale.
Ecco che selezionandolo possiamo recuperare ovunque all’interno del builder visivo tutte le sidebar che sono create.
Ora che hai imparato a gestire widget e sidebar, possiamo darci appuntamento alla prossima lezione.
Ciao,
ho acquistato il tema Enfold con il quale sto cercando di realizzare un sito che vorrebbe essere una guida per le vacanze nel territorio della provincia spezzina.
Mi trovo in difficoltà su due argomenti.
Il primo riguardo le immagini che ho inserito in uno slider in quanto non riesco a capire come gestire in maniera ottimale le foto che vorrei far girare. In pratica durante la rotazione alcune immagini assumono dimensioni diverse provocando un continuo movimento della pagina, oppure vengono tagliate delle parti che invece vorrei fossero visibili.
Il secondo argomento riguarda più in generale la formattazione della pagina, o per meglio dire la gestione degli spazi della pagina stessa. Puoi consigliarmi un metodo o una strategia da mettere in atto per migliorare questo aspetto?
Grazie
Ciao Mauro.
Per rendere uno slider omogeneo è preferibile utilizzare immagini che abbiano le stesse dimensioni e lo stesso formato.
Lo slider di enfold infatti si adatta automaticamente a seconda delle proporzioni delle immagini.
Per uno slider “wide” (che occupa poco spazio in altezza e che occupa tutta la pagina in larghezza), dovresti utilizzare immagini di circa 1600px di larghezza e 500px di altezza.
Per uno slider più ampio in altezza puoi arrivare anche a 1600×800.
Per quanto riguarda la gestione degli spazi non c’è una strada giusta o una strada sbagliata.
Dipende dai tuoi contenuti e da che livello di importanza vuoi dare alle varie sezioni.
Quello che ti posso consigliare è di guardare bene tutte le pagine delle versioni demo di enfold (che puoi anche importare) in modo da prendere spunto per il tuo progetto.
Quando avrai finito il tuo progetto, mandaci pure il link, così ti diamo qualche consiglio.
Buona giornata
Ciao.
Ho comprato il template Nevia su themeforest.
Non riesco a capire come creare quella sezione della home page sotto alle foto che scorrono (quella con le icone grandi e sotto un breve scritto).
Così come non riesco a capire come inserire la sezione del blog in home page, come fa vedere possibile nell’anteprima.
Potete aiutarmi?
Grazie.
Ciao Andrea,
ogni tema è differente ed è impossibile conoscerli tutti.
Quello che devi fare è imparare a conoscere il tuo cercando all’interno del builder quella funzione.
Nel caso del box con le icone ci dovrebbe essere un modulo o uno shortcode che si chiama Icon Box o Featured box (tutti gli shortcode li puoi inserire con le icone che appaiono nell’editor).
Lo stesso discorso vale per gli articoli. C’è sicuramente uno shortcode o un modulo che consente di recuperare i post del tuo blog.
Tutte queste informazioni comunque le trovi nel file di documentazione che hai scaricato insieme al tema (cartella docs) e, se ancora non dovessero bastare, puoi sempre chiedere supporto agli sviluppatori.
Per semplificarti la vita però puoi anche caricare i file demo del tema (trovi sempre nella documentazione le istruzioni su come fare).
In questo modo avrai già il sito come lo vedi nella demo e dovrai solo personalizzarlo con i tuoi contenuti.
Buona giornata
Ciao a tutti, scusate il disturbo, volevo chiedervi come posso fare per cambiare il colore di sfondo di una sola pagina non dell’ intero sito.
Serve un codice da inserire nella singola pagina ?
Ciao Mauro,
generalmente le impostazioni che inserisci per gli sfondi delle pagine devono valere per tutte.
Nel caso intendi lavorare una pagina separatamente, ti consiglio di usare semplicemente il builder del tuo tema.
Ti basta creare diverse sezioni e inserire per ognuna lo stesso colore di sfondo.
Buona giornata