Cosa sono i layout di Start e come utilizzarli
Il layout nelle pagine create con SWC corrisponde alla disposizione dei menù che si può applicare in ogni pagina del sito realizzato.
Nel tema Start ci sono a disposizione 4 layout diversi:
Nel tema Start ci sono a disposizione 4 layout diversi:
I menù Wonder
La famiglia dei menù Wonder comprende due layout:
- TopWonderMenuHeroImageParallax
- TopWonderMenuHeroImage
- TopWonderMenu
TopWonderMenuHeroImageParallax
Il TopWonderMenuHeroImageParallax è un layout che unisce allo sticky floating menù una immagine Hero con un effetto Parallasse. Viene utilizzato nelle home page e l'immagine si comporta da copertina.
Si può aggiungere un motto o una descrizione al suo interno.
Per impostare i parametri andare in menù File/Configurazione del progetto (CTRL+W o cliccando
) andare nella scheda Variabili di progetto/header.
Nel caso non fossero già presenti crearele scrivendo il nome della variabili esattamente come nell'esempio sotto riportato e nella parte del contenuto il contenuto desiderato. Nel caso non si volesse utilizzare qualche testo nella copertina è sufficiente non compilarne il campo.
Si può aggiungere un motto o una descrizione al suo interno.
Per impostare i parametri andare in menù File/Configurazione del progetto (CTRL+W o cliccando
) andare nella scheda Variabili di progetto/header.Nel caso non fossero già presenti crearele scrivendo il nome della variabili esattamente come nell'esempio sotto riportato e nella parte del contenuto il contenuto desiderato. Nel caso non si volesse utilizzare qualche testo nella copertina è sufficiente non compilarne il campo.
| Nome variabile | Contenuto |
| Immagine hero parallax | assets/images/NomeImmagine |
| Presentazione | scrivere breve presentazione |
| Motto | scrive motto |
| Indirizzo | indirizzo dell'attività |
TopWonderMenuHeroImage
Il TopWonderMenuHeroImage è un layout che unisce allo sticky floating menù una immagine Hero. Questo layout è spesso utilizzato nella homepage del sito, in quanto ha al suo interno la possibilità di scrivere un motto e una breve presentazione e offre la possibilità di avere una call to action.
Per impostare tutti questi parametri dal menù File/Configurazione del progetto (CTRL+W o cliccando) andare nella scheda Variabili di progetto/header.
Nel caso non fossero già presenti crearele scrivendo il nome della variabili esattamente come nell'esempio sotto riportato e nella parte del contenuto il contenuto desiderato. Nel caso non si volesse utilizzare qualche testo è sufficiente non compilare il campo della variabile corrispondente.
Per impostare tutti questi parametri dal menù File/Configurazione del progetto (CTRL+W o cliccando
) andare nella scheda Variabili di progetto/header.Nel caso non fossero già presenti crearele scrivendo il nome della variabili esattamente come nell'esempio sotto riportato e nella parte del contenuto il contenuto desiderato. Nel caso non si volesse utilizzare qualche testo è sufficiente non compilare il campo della variabile corrispondente.
| Nome variabile | Contenuto |
| Immagine Hero | assets/images/NomeImmagine |
| Presentazione | scrivere breve presentazione |
| Motto | scrive motto |
| HeroButtonLink | percorso alla pagina di atterraggio |
| HeroButtonText | testo nel bottone |
TopWonderMenu
Il TopWonderMenu a differenza del suo fratello maggiore TopWonderMenuHeroImage, conserva la particolarità di essere uno sticky floating menù ed è un menù top.
TopMenu
Il TopMenu è il menù in posizione top che scompare quando l'utente scorre verso il basso.
SideMenu
Il sidemenu è il menù che si presenta lateralmente. La sua presenza restringe il flusso di testo della pagina in proporzione delle dimensioni del menù. É spesso utilizzato in blog, pagine di descrizione dei articoli o siti con funzione di manuale online.