C. Menu orizzontali

Il modello pasw2013 prevede due menu orizzontali: uno superiore “di servizio” contenente la voci “Dove siamo”, “Contatti”, Accessibilità” e “Glossario” e uno, appena sotto la testata contenenti i soggetti delle scuola “Docenti”, “Studenti” (o Bambini), “Genitori” (o Famiglie), “Personale ATA”.

Il menu superiore

Per realizzare il menu superiore occorre:

  1. creare le pagine-sezione
  2. inserire le pagine nel menu.

Creazione delle pagine

Per prima cosa apri una nuova pagina cliccando in alto su Nuova pagina (oppure, dal pannello Pagina – Nuova pagina nella colonna di amministrazione).

Scrivi sotto Aggiungi nuova pagina, “Dove siamo” (è il titolo della pagina”) e clicca sul pulsante Pubblica.

Ripeto l’operazione per “Contatti”, Accessibilità” e “Glossario”.

Associazione delle pagine al menu superiore

Per fare in modo che queste (e solo queste) pagine appaiano nel menu superiore occorre creare il menu superiore e trascinare in corrispondenza di esso le pagine interessate:

Scegli dal panello di amministrazione Aspetto – Menu, sposta il puntatore sotto il segno “+”, scrivi Menu superiore e clicca sul pulsante Creazione menu.

Quindi:

  • spostati sul pannello Pagine;
  • seleziona le pagine “Dove Siamo”, “Contatti”, “Accessibilità” e “Glossario”;
  • clicca su Aggiungi al menu;
  • spostati nuovamente sul pannello del Menu superiore e clicca su Salva menu;
  • spostati sul pannello Posizione dei temi e scegli Menu superiore in corrispondenza di Menu 1; quindi, clicca su Salva

Come potrai notare dalla figura riportata sotto, ora il menu superiore è correttamente configurato. In un secondo tempo ci torneremo per inserire i relativi contenuti.

Prima di occuparci della testata e, in particolare, del logo, del nome della scuola e del suo indirizzo, concentriamo la nostra attenzione sul secondo menu orizzontale. il menu per soggetti che al momento riporta le pagine finora prodotte.

Videotutorial NEW: http://www.youtube.com/watch?v=Wl-uZTU2BWk 
Videotutorial Pasw2013 3: menu superiore, creazione di pagine

Il menu orizzontale per soggetti

Pagine con categoria associata

Il menu per soggetti è un po’ particolare. La nostra intenzione, infatti, è di essere formato da pagine “speciali”: pagine non solo in grado, come ogni pagina, di ammettere proprie sottopagine, ma pagine che al proprio interno contengono gli articoli (circolari e news) associate al soggetto che dà il nome alla pagina. Ad esempio, nella pagine “Docenti” avrò, oltre a un possibile contenuto di pagina, la lista di tutti gli articoli “categorizzati” come Docenti con relativo archivio per mese. Nella pagine “Studenti” avrò la lista di tutti gli articoli “categorizzati” come Studenti e così via.

Per fare ciò sarà necessario:

  1. creare la categoria Docenti;
  2. creare la pagina Docenti;
  3. scegliere dal box “Elenco categorie” la categoria Docenti.

Vediamo per bene, perché è forse più facile fare e vedere che leggere e capire.

Fase 1. Creazione della categoria

Clicca sul pannello Articoli – Categorie e, accanto ad Aggiungi una nuova categoria, scrivi Docenti.

Clicca poi sul pulsante Aggiungi una nuova categoria

Fase 2. Creazione della pagina associata alla categoria

Creare la pagina Docenti da Nuova pagina, poi individua il box ” Elenco categorie” e scegli l’opzione Docenti.

Nota: la creazione di pagine associate a categorie in Pasw2013 è stata decisamente semplificata grazie alla soluzione trovata da Ignazio Scimone che ha consentito di realizzare il tutto in due semplici passaggi.

Ripeti ora la procedura per le pagine (con categoria) Studenti, Genitori e Personale ATA.

La creazione del menu orizzontale

Per creare il menu orizzontale per soggetti seguiremo la stessa procedura usata per il menu superiore.

Clicca su Bacheca > Aspetto ->Menu, individua il pannello dei menu e sposta il puntatore sotto il segno “+”, scrivi Menu orizzontale e clicca sul pulsante Creazione menu.

Quindi:

  • spostati sul pannello Pagine;
  • seleziona le pagine “Docenti”, “Studenti”, “Genitori” e “Personale ATA”;
  • clicca su Aggiungi al menu;
  • trascina le pagine nell’ordine voluto;
  • spostati nuovamente sul pannello del Menu superiore e clicca su Salva menu;
  • spostati sul pannello Posizione dei temi e scegli Menu orizzontale in corrispondenza di Menu 2; quindi, clicca su Salva.

Permalink” align=”left” height=”192″ hspace=”12″ width=”155″>Passa ora alla visualizzazione del sito per verificare il risultato ottenuto: i soggetti appariranno correttamente disposti sul menu orizzontale senza la presenza di altre pagine.
Cliccando, poi, in corrispondenza di ogni voce di menu, appariranno le pagine con categoria con i relativi archivi laterali.

Videotutorial NEW: http://www.youtube.com/watch?v=8yNJuJW99Hs
Videotutorial Pasw2013 4: menu orizzontale per soggetti, creazione di pagine con categoria, permalink

I permalink personalizzati

In questi primi esperimenti di navigazione avrai notato come gli indirizzi web delle pagine siano assai poco “gradevoli” e quasi impossibili da ricordare.

Ad esempio, un indirizzo web del tipo http://localhost/wp3/?page_id=22 (se lavori in locale), oppure http://www.miosito.net/?page_id=22 (se sei su remoto) non è indice di lavoro accurato, attento ai dettàmi dell’urlabilità delle pagine web.

Sistemare la cosa con WordPress è molto semplice, oltre che molto consigliato:

  • vai in Bacheca > Impostazioni > Permalink;
  • in Impostazioni comuni scegli Nome articolo;
  • clicca su Salva le modifiche.

 In questo modo al posto di http://www.miosito.net/?page_id=22  (o giù di lì, a seconda dell’id della pagina) troverai visualizzato http://www.miosito.net/genitori. Molto meglio, vero?

Lascia una risposta

Devi essere loggato per inviare un commento.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.