STEP 3
PERSONALIZZAZIONE

Dopo le premesse iniziali adesso è giunto il momento di aggiungere sul suo spazio informazioni, immagini e tutto ciò che serve per rendere il suo sito web personalizzato e unico.

La presente guida è fatta per il modello GRUPPO DI RICERCA, ma vedrà che il sistema di modifica è uguale per tutti e tre i modelli.

I nuovi modelli che abbiamo realizzati sono tutti onepage (il sito è tutto contenuto in un’unica pagina – la  HOMEPAGE). In dettaglio tratteremo i seguenti argomenti:

Premessa modifica Homepage


Per accedere alla HOMEPAGE è necessario posizionare il cursore sul menu laterale di sinistra nell’apposita voce PAGINE. Si aprirà una finestra con un sottomenù, clicchi sulla voce “TUTTE LE PAGINE”, che mostrerà una schermata con tutte le pagine presenti sul suo sito web. (come ha fatto nello step precedente). Cerchi la pagina HOME e clicchi sulla voce apposita.

Per modificare la pagina attraverso Elementor è necessario cliccare sul bottone centrale “Modifica con Elementor”. Come può vedere, ha appena effettuato l’accesso nella schermata Elementor della Homepage. La dashboard di Elementor è divisa in due colonne: a sinistra vengono visualizzati i widget disponibili (intestazione, immagine, editor di testo), a destra l’anteprima della pagina in questione. In questo modo in tempo reale può visualizzare le modifiche effettuate.

Modificare le informazioni del hero 

Da questo momento può iniziare a modificare il suo sito e personalizzarlo attraverso testi ed immagini. Per prima cosa può cambiare le informazioni presenti sull’area del hero.  Per fare ciò posizioni il cursore nell’area apposita (“Ad esempio “Dipartimento… Università degli Studi di Messina”) e clicchi. Come può notare, a sinistra, (nella colonna dei widget) si apre un editor testuale, da qui è possibile modificare il testo. Nel momento in cui cambia il testo, nella parte destra verrà visualizzata l’anteprima delle modifiche che sta effettuando.

Tutti gli altri testi inseriti nella sezione banner li può modificare con questa modalità. 

Nella scheda “Stile” può invece modificare il colore del testo, il font (tipografia), aggiungere un’ombra e cambiare la fusione (solo se è presente uno sfondo colorato o con una immagine).

Modificare l’immagine di sfondo del hero

Per modificare lo sfondo del hero le consigliamo di aprire il navigatore della pagina, dove sono presenti tutti i livelli in cui è composta la pagina. Per poter aprire i livelli deve cliccare sul pulsantein alto a destra vicino il pulsante pubblica (quello indicato dalla freccia rossa). Verrà aperto il navigatore e e deve cliccare sul primo livello che compare (Flexbox). In questo modo è selezionato il livello dell’Hero. A sinistra si aprirà l’area widget del Flexobx Hero. 

Può aprire la label sfondo, cliccare sull’iconcina che mostra la preview dell’immagine. 

Può cliccare sul bottone “selezione immagine” per poter caricare l’immagine da lei desiderata (le consigliamo una risoluzione alta  minimo 2560 per 1280 pixel)

Sezione LABORATORIO

Nella sezione laboratorio potrà inserire le informazioni riguardo al suo laboratorio. Per fare ciò deve sempre cliccare sull’anteprima di ciascun elemento presente nell’anteprima e a sinistra potrà visualizzare, nell’area widget, ciascun elemento da modificare. 

Nella parte testuale, vedrà che avrà a disposizione più opzione per la modifica del testo. Quell’aera infatti si configura come un vero e proprio text editor. Infatti potrà inserire, grassetti, corsivi, sottolineature, etc.

Potrà modificare e sostituir anche le immagini con la stessa modalità, e facendo l’upload dell’immagine desiderata. 

Sezione Ultime Notizie ed Eventi

Abbiamo creato per i modelli GRUPPO DI RICERCA e PROGETTO DI RICERCA, una sezione BLOG, che attraverso un plugin apposito, carica in maniera automatica, le ultime notizie e gli eventi che scriverà in ordine cronologico.

Per il corretto funzionamento le consigliamo di non modificare assolutamente questa sezione! 

Più avanti le spiegheremo come inserire gli articoli. 

Sezione RICERCA – GALLERY 

La personalizzazione e la modifica delle aree sottostanti segue sempre la ratio che abbiamo usato fin ora. Questo riguarda titoli, testi e immagini. 

Pe modificare gli accordion (le aree con la tendina) basta cliccare a destra nella sezione accordion, a sinistra vedrà tutti i titoli degli accordion e qui potrà modificarli.

Se volesse modificare il testo all’interno dell’accordion, basterà cliccare a destra sul testo dell’accordion espanso e a sinistra apparirà il testo da modificare.

Sezione IL TEAM

Anche nell’area Team può modificare le sezioni come abbiamo spiegato in precedenza.  Qui può modificare Nome e Cognome, ruolo, bio (aprendo sempre l’accordion).

Per modificare le icone deve cliccare sullle icone a destra. A sinistra verranno visualizzate tutte le icone da poter modificare. Qui può cancellarle, scegliere altre icone, copiarele e modificare il link apposito.

Salvare e chiudere

Adesso che ha modificato tutto può pubblicare (le consigliamo di pubblicare sempre per non perdere il lavoro fatto). Se volesse continuare le modifiche dopo e vuole uscire chiudere Elementor e salvare. Per fare ciò è necessario cliccare sulla E presente in alto a sinistra  e cliccare su  “Torna su wordpress.

 

Aggiungere, duplicare, eliminare sezioni

Se volessimo copiare una sezione che abbiamo già creato, perchè ci piace l’impostazione, con Elementor è possibile farlo.  Nella sezione anteprima, cliccando con il tasto destro, sulla scheda di ogni sezione, si aprirà un menù con delle funzioni. Qui sarà possibile duplicare, copiare, incollare e modificare la sezione. Tenendo premuta questa linguetta, sarà inoltre possibile spostare la sezione, trascinandola.