Pagina con design personalizzato

Sebbene Yapla offra un modello di base per il tuo sito, è anche possibile, con un minimo di conoscenze tecniche, personalizzarlo completamente a tua immagine.

Prima di iniziare la progettazione, è consigliabile scegliere un modello che assomigli il più possibile allo stile desiderato, o un modello vuoto che sia ordinato, e posizionare i vari elementi.

Puoi cambiare lo skin del tuo sito, una pagina master o una singola pagina in base ai tuoi gusti e alle tue esigenze.

Personalizzazione della pagina master

Le pagine master fungono da modello per i contenuti comuni a tutte le tue pagine. La maggior parte delle volte, l'intestazione e il piè di pagina finiranno in una pagina master insieme a righe vuote per il contenuto personalizzato delle diverse pagine.
Le righe senza contenuto o spazi vuoti non verranno generate sul sito, indipendentemente dal fatto che provengano da una pagina master o da una pagina normale. Puoi quindi fornire diverse sezioni da personalizzare in base alle tue esigenze.

È possibile creare molte pagine master, per creare layout diversi.

gestione dei moduli_IT-IT.jpg

Classe CSS di una pagina master

Per semplificare la personalizzazione della tua pagina, puoi aggiungere classi (separate da uno spazio) nella pagina master. Questi appariranno nel <body> di ogni pagina creata dalla pagina master.
 
Il campo Classe CSS si trova nel sottomenu Configurazione della tua pagina master, nella sezione Presentazione grafica.
Questo campo è disponibile anche su singole pagine, per creare uno stile unico per una pagina specifica.
 
classe CSS_IT-IT.jpg

Organizza le righe della tua pagina principale

Per indirizzare efficacemente le righe della tua pagina master, considera l'aggiunta di una classe che definisca ogni riga. Per impostazione predefinita, ogni riga contiene già la classe line. Nell'esempio seguente, abbiamo definito ogni classe di riga con il prefisso "line-". Ciò ti consente di indirizzare una riga senza entrare in conflitto con le classi che potrebbero potenzialmente esistere altrove nel codice, come: logo, contenuto e piè di pagina.
 
3.jpg

Per aggiungere una classe, nell'interfaccia della tua pagina master, passa con il mouse su una riga e clicca su Definisci lo stile della linea nell'angolo in alto a destra della riga.
 
modifica stile riga 2_IT-IT.jpg
 
Il campo Classe CSS sarà disponibile per te.
 
stile di linea2_IT-IT.jpg
 

Personalizza il sito web

Per personalizzare gli elementi di base delle tue pagine, inizia aggiungendo i tuoi stili nella sezione Personalizzazione della funzionalità Sito web.
 
personnalizionne_IT-IT.jpg
 
Il sottomenu Guidato semplifica la scelta dei colori e dei caratteri per il tuo sito.
 
colori tuo sito_IT-IT.jpg
 
Nell'interfaccia del sottomenu Base, hai accesso ai seguenti tag: body, h1, h2, h3, h4, hover e active link e ai pulsanti.
 
base_IT-IT.jpg

Dopo la personalizzazione di base, hai anche accesso alla personalizzazione avanzata. Questa casella di testo ti consente di aggiungere CSS nella sua forma pura. Questo verrà generato frontalmente all'interno dei tag <style>... </styletag>. Nota che questo css verrà chiamato per ultimo nella pagina, il che ti consentirà di sostituire gli stili predefiniti con i tuoi.

custom CSS_IT-IT.jpg
 

Skin di una singola pagina web

Infine, è possibile modificare il design di una pagina specifica del tuo sito web, senza modificare il design dell'intero sito.

Scegli la pagina che desideri modificare dalla lista delle pagine del tuo sito web

mceclip8.png

Quindi scegli il sottomenu Personalizzazione e seleziona la casella Personalizza la mia pagina web.

personalizza il tuo sito_IT-IT.jpg

Vedrai quindi lo stesso menu che ti permette di cambiare il colore e i caratteri di quella particolare pagina. Modifica la tua selezione e clicca su Salva.

Puoi cliccare visita il tuo sito_IT-IT.jpg in qualsiasi momento per vedere le modifiche apportate al design del tuo sito web.

Questo articolo ti è stato utile?

Commenti

0 commenti

Accedi per aggiungere un commento.