Riassumiamo in questo articolo le indicazioni e le soluzioni per configurare al meglio il template
Sottomenù
Avviso importante per chi usa Zhong 4, a proposito di menù e sottomenù, uno dei piu' grossi cambiamenti portati dalla versione 4:
le voci di menu' "padre" servono solamente come bottone per mostrare le sottovoci, non possono quindi essere cliccate per attivare un link ad un'altra pagina. Queste voci quindi devono essere pensate solamente come descrizione per raggruppare altri link. Nel caso del pacchetto si consiglia di aggiungere un ulteriore sottomenù come.. primo tra i sotto-menù, riguardo la voce di menu: in pratica non fa differenza perche' uno script JS trasforma quella voce in bottone, e quindi puo' essere di qualsiasi tipo. Esiste pero' un problema se l'utente ha JavaScript disattivato (cosa molto molto rara, ma comunque possibile), quindi l'opzione che si consiglia e' di impostare la voce di menu a "Collegamento esterno" e impostare il link esterno a "#".
L'autore del template consapevolmente al fatto che questo cambiamento avrebbe portato dei problemi facendo l'upgrade da versioni precedenti, ha comunque deciso di mantenere questo comportamento in quanto ritenuto la soluzione migliore in termini di usabilita' per dispositivi touch e screenreader. Per chi volesse al seguente link le scelte con le motivazioni:
http://www.accessibletemplate.com/news/187-a-new-approach
Breadcrumbs 1 (menù a briciole)
Correzione bug visualizzazione modalità mobile, verrà rilasciato un fix per la prossima release minore, per il momento si può risolvere il problema aggiungendo il seguente codice a "Your Custom CSS" (tab "Advanced Options"):
#zf--guest-view--system-messages {
clear: both;
}
Breadcrumbs 2 (menù a briciole non riporta il giusto percorso)
La soluzione è quella di disabilitare la cache per il modulo Breadcrumbs, recarsi in Estensioni-Moduli selezionare il modulo e nella cartella avanzate selezionare alla voce caching No caching
Modificare la dicitura "Risorse aggiuntive" (attenzione operazione delicata)
Zaniol scrive
E' possibile tramite un override, purtroppo pero' in questo caso entrambi gli elementi utilizzano la stessa variabile di linguaggio e quindi sarebbe necessario un ovverride dell'intera view e non della variabile di linguaggio. E questo tipo di override e' parecchio macchinoso quindi non lo consiglio, a meno che la richiesta non sia davvero importante,
un'alternativa un po' "sporca" e' quella di fare un'override via JS. Si dovrebbe attivare, sotto la tab "Advanced Options", l'opzione "override.js", poi provare ad aggiungere il codice sotto all'interno del file /zf/custom/overrides/assets/js/overrides.js nel template zhong.:
jQuery('html[lang="it"] #zf--aside-left-expand-button-text').text('Menù di sinistra');
jQuery('html[lang="it"] #zf--aside-right-expand-button-text').text('Menù di destra');
Adattare la larghezza del sito
E' stato eliminato il Resize della pagina,
si puo' provare a cambiare le opzioni "Site container max-width" sotto la tab "Main Options", e le opzioni sotto la sezione "SITE LAYOUT" (tab "Custom Style & Colors").
Modificare dimensione pulsanti e/o font menù aside-left, aside-right
Attenzione: per entrambi i codici CSS di override cambiare il valore "90" (per questioni di accessibilità mantenere l'utilizzo della percentuale e non utilizzare valori in px o pt)
Pulsanti
.zf--toolbox-button {
font-size: 90%;
}
Font
#zf--main-body .zf--menu-container {
font-size: 90%;
}
Inserire bordo articoli nella home
#zf--body .blog [class*="leading-"],
#zf--body .blog [class*="column"],
#zf--body .blog-featured [class*="leading-"],
#zf--body .blog-featured [class*="column"] {
border: 3px solid #DEDBDB;
border-radius: 4px;
margin-top: 2px;
margin-bottom: 2px;
padding: 4px;
}
Cambiare il colore dei menù
Il colore dei menù può essere cambiato utilizzando le opzioni nella tabella "Custom Style & Colors" , sezione "Main Menù"
Contenuto di subtitle su due righe
Inserisci il testo in subtitle, poi in "Adavanced Options" inserisci la seguente regola:
#zf--site-subtitle {
width: 80%;
}
aumentare/diminuire il valore di width sino a quando il testo va a capo nel punto desiderato
Personalizzare Enable Custom Head Tags
In Zhong 4.0 non è più possibile personalizzare "Enable Custom Head Tags", la funzione che permetteva la personalizzazione dei tags per ottenere, in caso di condivisione sui social, un'anteprima fissa degli articoli (come ad esempio, il logo della scuola)In Zhong 4.0 non è più possibile personalizzare "Enable Custom Head Tags", la funzione che permetteva la personalizzazione dei tags per ottenere, in caso di condivisione sui social, un'anteprima fissa degli articoli (come ad esempio, il logo della scuola).
Nella versione 4 si puo' aggiungere tag custom nell'head usando l'opzione "Custom code before </head>" che si trova sotto la tab "Advanced Options" e, per l'esempio precedente, incollare questo codice all'interno della textarea:
<meta property="og:image" content="url dove si trova immagine"/>
Bug main-menù
se si disattiva il controllo del carattere (icona a destra) e il main-menù è centrato alla scomparsa dell'icona il main-menù (menù orizzontale) si posiziona a sinistra, in pratica in mancanza di icone c'è un bug che si risolve inserendo in "Your Custom CSS":
#zf--main-menu {
display: block;
}
Il codice va aggiunto solo in questo caso, altrimenti potrebbe dare problemi se i bottoni cerca, login o stile sono presenti.