-
franca ha inviato un aggiornamento 12 anni, 11 mesi fa
per Widget Logic:
link al widget:
http://wordpress.org/extend/plugins/widget-logic/link ai tag condizionali:
http://codex.wordpress.org/Conditional_Tagsio ho usato:
is_front_page()
per far comparire un certo menù in homepage (che nel mio sito, ma penso anche nel vostro, è una pagina creata
apposta)
es. menù a destra “Link interni” o “E-government” che trovate nella home del sito della mia scuola
http://www.icolgiatecomasco.gov.it/e
is_page(‘nome.permalink’)||is_page(‘nome-permalink1’)…….
per dire che in alcune pagine identificate con “nome-permalink” e “nome-permalink1”, deve comparire un menù contestuale (creato apposta)un esempio:
ho creato in Aspetto >> Menù, il menù “Scuola dell’infanzia”, formato da pagine con pagina madre “Scuola dell’Infanzia” (ricordatevi che per me questa pagina è a sua volta figlia della pagina “La Scuola” e che nella pagina “Scuola dell’infanzia” il menù contestuale viene creato con sub page menù in automatico)le pagine figlie hanno questi nomi visibili:
Piano educativo/didattico
Organizzazione
Progetti
Orario settimanale
Proposte per il prossimo anno
Info infanziasono andata poi in Widget e ho trascinato “Menù personalizzato” nello spazio “Barra laterale 2”, l’ho aperto e ho compilato:
titolo: quello che vi serve (per me Scuola dell’infanzia)
Seleziona menù: scegli il menu che hai creato per quella pagina (per me Scuola dell’infanzia)
Widget logic:
is_page(‘piano-infanzia’)||is_page(‘organizzazione-infanzia’)||is_page(‘orario-infanzia’)||is_page(‘progetti-infanzia’)||is_page(‘proposte-infanzia’)||is_page(‘info-infanzia’)dove i nomi (‘ —–‘) coincidono con i permalink o i numeri id delle pagine, dipende dalla scelta che avete fatto (a dir la verità c’è un sistema che cattura la pagine in qualunque di questi modi sia indicata ma io non l’ho usato. lo trovate nella pagina dei conditional tag).
ho schiacciato salva crendo in una determinata pagina il menù contestuale alla sua sezione ….es. http://www.icolgiatecomasco.gov.it/la-scuola/scuola-infanzia/piano-infanzia/
è tutto!
Franca
PS. Il tutorial non possiamo farlo prima di mercoledì/giovedì prossimo …..
franca, vedo che hai cambiato il LOGO in alto a sx potresti spiegarmi come si fà e se per caso sai cambiare il colore standard del sito (verde non mi piace) grazie, Anna
Io ho fatto così:
da Aspetto>> Editor >> testata (file header.php) ho controllato che il link al logo fosse scritto nel modo corretto; il link all’immagine logo è la parte scritta tra le ” ” del comando riportato qui di seguito:
img src=”/nome-cartella-dove ho-installato-wp/wp-content/themes/PASW2011/images/logo.gif
io ho modificato anche il title di questo link così:
title=”Logo dell’Istituto Comprensivo ————nome scuola —————, link alla Home page”
così da rendere chiara la navigazione.
via FTP ho caricato il mio logo (che ha lo stesso nome del logo di porte aperte e la stessa estensione cioè logo.gif)
con questo percorso:
wp-content>>themes>>PAWS2011>>images
sostituendo di fatto il logo di porte aperte.
fai attenzione che il logo di porte aperte ha un’altezza di 65px per 272px. Se modifichi l’altezza si scombina la testata. devi quindi: – o rimpicciolire il logo, oppure –
modificare l’altezza del comando in Aspetto>>Menù>>style.css
comando: #header
al punto: min-height: 140px; 140px è quello che ho messo io; varialo come credi, senza esagerare in altezza!!!
Aiutati con l’applicazione Firebug di Firefox che alberto ci ha fatto vedere, è proprio utile!
ti lascio il link anche a due videotutorial di Porte aperte:
http://www.porteapertesulweb.it/tutorial/wordpress-come-fare-per/f-temi/3-cambiare-logo-header/
penso che sia tutto, se mi viene in mente qualche altra soluzione o mancanze RISCRIVO
Per il colore:
i colori degli sfondi “verdino” dipendono da alcune immagini piccolissime che trovi in wp-content>>themes>>PASW2011>>images>> ……..
nei diversi comandi di style.css sono ad esempio:
bakground-image: url(“images/middleSfuma.jpg”);
per altri box (come la barra di navigazione orizzontale per utenti studenti, genitori …. il css ubbidisce per il colore dello sfondo al comando:
background-color: #004100;
dove il numero è espresso in codice esagesimale;
basta quindi cambiare immagine di sfondo e colore ai background.color.
Attenzione però: nascono problemi di contrasto che vanno tenuti presenti e che si controllano con la barra dell’accessibilità di IE (che puoi scaricare gratuitamente) al comando Colore>>> Jucy studio Contrast Analyser>>> Contrast Analyser tutti i test [nuova finestra]
un altro analizzatore di colori che puoi scaricare (ma è meno efficace di quello che ti ho detto prima) lo rilascia ad uso gratuito una ditta che costruisce siti accessibili a questo link
http://www.flexcmp.com/download >>>>>> Color tester
Alberto sta già facendo esperimenti con colori diversi:
rosso a questo link
http://alardiz.info/scuole/
Da ultimo Lillo ha fatto vedere alla fine della seconda lezione un’applicazione che con semplici passaggi modifica i colori: l’ho vista di sfuggita perchè ero di fretta (il treno non aspetta!) potresti chiedere a lui!
Franca
per far un test sui colori c’è http://www.checkmycolours.com/
il codice dei colori è esadecimale non “esagesimale” come ho scritto! ho proprio bisogno di imparare a schiaccire velocemente i tasti giusti ….. ops!