Template Journal
Il Template Journal è un template ideale per pubblicazioni con un focus sul testo e i contenuti. È un template lineare che ricorda la struttura dei giornali e dei forum.
Caratteristiche
- Progettato per la lettura
- Ideale per il desktop
- Preciso e ordinato
Struttura web e pagine
Menu di navigazione
Nel menu di navigazione in alto trovi il logo, i link di navigazione e l'azione in evidenza.
Guide
Notifica
Sopra al menu di navigazione è possibile aggiungere una notifica fissa in alto presente in ogni pagina
Blocchi e sottoblocchi
Il template supporta i blocchi default e i blocchi principali, ognuno con sottoblocchi in modalità lista, griglia e colonne.
Guide
Barra laterale
Nella barra laterale trovi la lista degli autori del sito web e gli eventuali link secondari. Qui è possibile aggiungere una sezione in evidenza presente in ogni pagina a lato.
Guide
Footer
Nel footer trovi il logo del sito web, identico a quello impostato nel menu di navigazione, e gli eventuali link secondari.
Blog e contenuti
Il template supporta la visualizzazione di pagine adibite a blog e i rispettivi contenuti, nonchè l'inserimento di sezioni dinamiche di anteprima di un blog.
Guide
Stile personalizzato
Se vuoi personalizzare lo stile grafico del template, puoi utilizzare le impostazioni predefinite oppure puoi inserire del CSS personalizzato.
Integrazioni e codice
Il template suppoorta tutte le integrazioni disponibili ed è possibile espandere il suo funzionamento con le iniezioni di codice.
Classi personalizzate
Oltre alle classi standard di tutti gli altri template, in questo template sono disponibili le seguenti classi aggiuntive:
.App--grid {
/* La griglia che crea le due colonne tra il contenuto della pagina e la barra laterale */
}
.AppGrid--main-content {
/* Stile che controlla il contenuto principale della pagina */
}
.Sidebar {
/* Stile che controlla la barra laterale */
}
.Sidebar--container {
/* Contenitore principale della barra laterale */
}
.Sidebar--authors-container {
/* Contenitore principale della lista degli autori della barra laterale */
}
.Sidebar--authors {
/*Sezione degli autori della barra laterale */
}
.Sidebar--socials-container {
/* Contenitore principale della lista dei link socials della barra laterale */
}
.Sidebar--socials {
/*Sezione dei link socials della barra laterale */
}
.Sidebar--label {
/* Etichetta delle diverse sezioni della sidebar */
}