Nel corso del precedente appuntamento abbiamo avuto modo di avere accesso al servizio Site Generator di Hosting Solutions per costruire un sito Web professionale senza troppe difficoltà e senza una spesa esorbitante in termini di consulenza.
Una volta avuto l’accesso al servizio, abbiamo scelto il template del sito Web che meglio corrispondeva alle nostre esigenze e che più rispecchiava il nostro obiettivo grafico. In realtà, al tema del sito Web scelto possiamo effettuare differenti modifiche, a partire dai colori, fino alle font da utilizzare nelle diverse pagine che comporranno il portale in costruzione.
Possiamo anche pensare di modificare lo sfondo di tutto il sito e possiamo applicare al tema altre piccole variazioni che renderanno il nostro sito Web unico nel suo genere.
Per compiere tutte queste operazioni non è necessaria alcuna conoscenza informatica, ma solo un po’ di inventiva e di polso per ruotare il mouse sulla scrivania e procedere con il punta&clicca. Vediamo come procedere.
Un tema davvero personalizzato
Una volta scelto il template (con un clic su Si, usa questo qui), dobbiamo attendere qualche minuto che nella finestra del browser compaia l’editor con tutti i comandi per procedere alla personalizzazione del sito Web. Una volta compara la console amministrativa di Site Generator con al centro la grafica da noi scelta, possiamo procedere alla personalizzazione del tema.
La prima operazione che possiamo compiere è una variazione dei colori di tutto lo schema grafico. Ad esempio, possiamo cliccare su Colori del Tema per vedere comparire in primo piano una serie di Tavolozze Colore che riportano i differenti accostamenti cromatici che possiamo applicare al layout prescelto.
Ogni composizione cromatica permette di donare alla grafica scelta un look unico e inconfondibile, per consentire così anche la differenziazione del nostro sito da quello di un altro utente che magari decide di usare il nostro stesso template. Per applicare una tavolozza colora, dobbiamo semplicemente cliccarci sopra e attendere che l’editor applichi la variazione al tema.
Allo stesso modo, possiamo anche scegliere di utilizzare una font differente. Per ottenere questo risultato, clicchiamo su Font del Tema.
Anche in questo caso compare una finestra che mostra un’infinità di font differenti, adatte a soddisfare qualsiasi gusto e necessità. Le font riportate sono comunque selezionate per garantire un’ottima lettura dei contenuti del sito Web, quindi possono essere scelte e applicate al tema di base senza nessun timore né dal punto di vista estetico, né dal punto di vista tecnico.
Infine, possiamo offrire un’ultimo tocco di personalità al template prescelto decidendo di cambiare lo sfondo all’intero tema e quindi a ogni pagina che andrà a comporre il sito Web in costruzione.
Clicchiamo quindi su Sfondo e vediamo comparire tutta una serie di opzioni davvero interessanti.
Da qui, infatti, possiamo decidere la larghezza del tema (preimpostata a 920 px, ma comunque personalizzabile) e la posizione nella pagina (l’opzione di default è Centro). Per lo sfondo, possiamo scegliere fra differenti tipologie, indicando l’opzione Colore se decidiamo per un colore unico e solido, Gradiente Lineare per un colore di sfondo del tema sfumato e Immagine, Flex e Schermo intero per caricare un’immagine di sfondo.
Personalizzate queste opzioni sul tema, possiamo andare ad aggiungere le pagine al sito Web.
Come? Lo vedremo nelle prossime puntate!