Dopo aver letto il capitolo su come utilizzare l'editor (clicca qui se non l'hai ancora letto), di seguito alcuni esempi di sezioni che potresti incontrare sul tuo sito e come gestirli.
Innanzitutto, per modificare le sezioni presenti in homepage, accedere al pannello di amministrazione e dal menu a sinistra cliccare prima su Design e successivamente su Tema - Homepage.
Ora cliccare sul pulsante Modifica sulla destra e di seguito sul pulsante centrale Edit with Elementor - Visual Page Builder.
Per modificare una delle immagini presenti nello slider, con il mouse cliccare sulo slider o sul pulsante per la modifica (come spiegato nel capitolo Come usare l'editor) e in colonna sinistra individuare la prima sezione Images list. Qui sono presenti tutte le immagini mostrate.
Ogni slide presenta i tre pulsanti indicati dalle frecce nella foto subito sopra. L'icona evidenziata dalla freccia rossa serve per duplicare la slide, l'icona evidenziata dalla freccia blu serve per eliminare la slide e l'icona evidenziata dalla freccia verde serve per spostare la slide, tendendo cliccato con il mouse e trascinandola sopra o sotto rispetto ad altre slide.
Per aggiungere una nuova slide vuota, basterà cliccare sul pulsante +ADD ITEM subito sotto la lista di slide e successivamente inserire tutte le informazioni elencate sopra.
Subito sotto alla sezione Image list è presente un'altra sezione chiamata Carousel settings, dove è possibile modificare le impostazioni generali del widget.
Dopo aver effettuato le modifiche, cliccare sempre sul pulsante Save a fondo pagina.
Per modificare l'immagine, scorrere con il mouse sopra la sezione e non appena compare il bordo tratteggiato cliccare sul pulsante Section. Nella colonna di modifica cliccare sul tab in alto Style.
Ora alla voce Image cliccare sull'immagine. Si aprirà un box dove cliccare sul primo + in altro a sinistra. Trascinare all’interno l’immagine e poi cliccare sul pulsante Return to file list. Ora selezionare l’immagine cliccando ci sopra.
Per modificare il testo o il pulsante, individuare una delle varie parti, cliccarci sopra e in colonna sinistra inserire testi e link. Infine cliccare sempre sul pulsante Save a fondo pagina.
Come prima cosa associare il proprio account Instagram: dal menu del pannello a sinistra cliccare su Tema - Homepage. Individuare la voce Instagram connection e cliccare sul pulsante Connect with your Instagram. Si aprirà una pagina dove inserire user/email e password e successivamente verrà richiesto di autorizzare la connessione tra modulo e account instagram.
Una volta effettuata la connessione con l'account, accedere all'editor della homepage come spiegato a inizio pagina.
Se non è già stato configurato un box dedicato ad Instagram, aggiungere un nuovo box come spiegato in Aggiungere box (clicca qui) e di seguito inserire il widget chiamato Instagram.
Ora cliccare sopra il widget per modificarlo. In colonna sinistra alla voce Connection type selezionare With access token e alla voce Limit inserire il numero massimo di immagini da mostrare.
Per le impostazioni di visualizzazione, cliccare sull pulsante View options. Alla voce View è possibile decidere la modalità di visualizzazione Grid (a griglia) o Slider (slide a scorrimento). In entrambi i casi alla voce Show per line inserire il numero di immagini da visualizzare su una sola riga.
Se si è scelto Slider, subito sotto compariranno ulteriori impostazioni. Alla voce Navigation selezionare Arrows (frecce), Dots (pallini sotto le foto), Arrows and dots (entrambi) o None (nessuno).
Infine cliccare sempre sul pulsante Save a fondo pagina.
Per modificare il titolo seguire i soliti passaggi spiegati sopra.
Per modificare i prodotti da mostrare in questa sezione, cliccare sui prodotti e in colonna sinistra individuare la voce Products source. Qui selezionare dal menu a tendina la tipologia di prodotti da mostrare:
Alla voce Limit inserire il numero massimo di prodotti da mostrare. Alla voce View selezionare come mostrare i prodotti: Carousel - big images (slide a scorrimento con immagini grandi), Grid - big images (griglia di prodotti con immagini grandi), Carousel - small images (slide prodotti con immagini piccole) o Grid - small images (griglia con immagini piccole).
Alla voce Show per line selezionare quanti prodotti mostrare sulla stessa riga e alla voce Items per column selezionare quanti prodotti mostrare sulla stessa colonna.
Infine cliccare sempre sul pulsante Save a fondo pagina.
Cliccare sull'elemento da modificare.
In colonna sinistra, si potranno modificare sia icona che testi in un'unica volta. Alla voce View è possibile decidere se inserire un bordo o uno sfondo all'icona. Basterà cliccare su una delle opzioni per vederne subito il risultato.
Alla voce Choose icon è possibile cambiare l'icona tra quelle proposte.
Per modificare i testi, inserirli alla voce Title & Description. Infine cliccare sempre sul pulsante Save a fondo pagina.
For editing menu navigation settings go to Theme Options > Header > Top of Header > Menu Element
For editing menus items go to Appearance > Menus
And for styling menus go to Theme Options > Header > Top of Header > Menu Styles of this Row
For editing menu navigation settings go to Theme Options > Header > Top of Header > Menu Element
For editing menus items go to Appearance > Menus
And for styling menus go to Theme Options > Header > Top of Header > Menu Styles of this Row
For editing menu navigation settings go to Theme Options > Header > Top of Header > Menu Element
For editing menus items go to Appearance > Menus
And for styling menus go to Theme Options > Header > Top of Header > Menu Styles of this Row
For editing menu navigation settings go to Theme Options > Header > Top of Header > Menu Element
For editing menus items go to Appearance > Menus
And for styling menus go to Theme Options > Header > Top of Header > Menu Styles of this Row