Oltre al nuovo tema “Twenty Yen”, l’altra piccola rivoluzione di WordPress 3.0 sono i Menu Personalizzabili.

Finalmente possiamo decidere le “voci” da inserire nella barra di navigazione del nostro tema WordPress, utilizzando una comoda interfaccia simile a quella dei Widget.

Il nostro tema però deve essere predisposto per l’uso dei nuovi menu: nella maggior parte dei casi si tratta di incollare un po’ di codice php, un compito abbastanza semplice, non c’è bisogno di essere esperti…

Di seguito vedremo i passi necessari per sostituire con un nuovo Menu Personalizzato, la classica lista di pagine generata col comando wp_list_pages() che molti temi (recenti) utilizzano.

Nel caso il vostro tema usasse una modalità differente (ormai lo sappiamo che ogni tema “fa storia a sè”) il procedimento sarà comunque simile.

Ma vediamo come procedere.

Il mio tema non supporta i nuovi menu?

Innanzitutto dovete verificare se il tema ha già il supporto per i menu. Per fare questo andate nel pannello di controllo di WordPress (ovviamente va aggiornato alla versione 3.0). Selezionate “Aspetto” (Appearance) e poi “Menu” per aprire la nuova pagina di gestione.

Se il tema in uso non è ancora abilitato per i nuovi menu apparirà l’avvertimento seguente:

clicca la miniatura per vedere l'immagine completa

In questo caso avete 3 possibilità:

1. verificate sul sito del tema se ne esiste una versione aggiornata che supporta i menu. Eventualmente mandate un’email all’autore del tema allegando i link di approfondimento che trovate in fondo a questo post: lui saprà cosa fare.
2. Usate semplicemente il nuovo Widget chiamato “Menu personalizzato” per inserire i menu nella barra laterale.
3. Continuate a leggere questo post e abilitate una volta per tutte il tema.

Come attivare i menu personalizzati

L’attivazione è abbastanza semplice e, come vi dicevo, per la maggior parte dei casi richiede semplicemente il copia-incolla di qualche riga di php.

Passo1: aprite il file function.php che si trova nella cartella del vostro tema, incollatevi le seguenti righe, subito prima del tag di chiusura del php "?>": poi salvate e chiudete.


register_nav_menus(array('primary'=>__('Primary Menu'),));

Con questa riga abbiamo attivato un nuovo menu e registrato la locazione dove apparirà col nome  di “primary”.

Passo2: ora torniamo nel pannello di gestione dei menu, creiamone uno nuovo, aggiungiamo qualche pagina. Poi salviamo. In questo modo quando imposteremo il menu nel tema potremo “vedere” la differenza…

Passo3: individuate il file dove compare la barra di navigazione che volete sostituire, normalmente per la barra di navigazione orizzontale il file è header.php, ovviamente sempre nella cartella del vostro tema.

Fatene una copia di sicurezza e mettetela al sicuro.

Attenzione: le copie di sicurezza non le fa mai nessuno, ma in questo caso il backup è fondamentale: c’è una certa probabilità che alla fine del processo di conversione ai nuovi menu ti ritrovi con un menu almeno graficamente “scompaginato”: senza copia di sicurezza non avrai modo per tornare indietro!!!

Passo4: Ora, nel file originale (la copia di sicurezza l’hai messa al sicuro, vero?) cercate la riga con il comando che inizia con wp_list_pages (è il comando di WordPress che elenca nel menu le pagine) e sostituite l’intero comando con:

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

Ora salvate… ed ecco sostituita la lista delle pagine con il vostro nuovo menu. Ora potete tornare nella pagina di gestione dei menu e aggiungere / sostituire tutte le voci che vi servono.

Attenzione: Se il vostro tema non usa il comando wp_list_pages per creare il menu di navigazione, o se usa parametri particolari per modificarne l’aspetto, è probabile che il nuovo menu appaia piuttosto “scompaginato“.

In questo caso è indispensabile approfondire la struttura del proprio tema e i parametri che si possono “passare” alla funzione wp_nav_menu, in modo da personalizzarne l’output secondo le nostre esigenze. Di seguito trovate link a risorse molto utili per fare questo.

Se la cosa dovesse richiedervi parecchio tempo ripristinate temporaneamente la copia di sicurezza del file che avete realizzato in precedenza…

• Il blog di web2feel che illustra, anche con screencast la procedura che vi ho appena descritto
• Il sempre ottimo Justin Tadlock che vi dà una panoramica completa sui Menu e sulle possibilità di personalizzare l’output della funzione in modo da adeguarne la grafica alle nostre esigenze.
• Il riferimento ufficiale è come sempre il Codex di WordPress

P.S. Qui su WordPressMania sto usando i nuovi menu in 3 punti diversi: in alto a destra (sezione chi siamo/iscriviti/contattaci), nella barra di navigazione principale e, in un widget, per elencare i plugin che ho sviluppato io (barra laterale sinistra, box “I miei plugin”). Come vedete sono molto flessibili.

Il lavoro è molto avanzato, il layout pur non completamente stravolto, è significativamente diverso dal TwentyTen originale… tutto bene?

beh quasi… Stamattina aprendo WordPress per mettermi al lavoro scopro che è disponibile una versione nuova di TwentyTen…

…poco male: basta procedere con il download automatico del nuovo tema e tutte le modifiche, correzioni, bug risolti, saranno disponibili automaticamente anche nei temi “child” e quindi anche in quello di Formatori Digitali, senza però vedere sovrascritta nessuna delle mie “sudatissime” modifiche.

Se avessi fatto una semplice copia del tema originale per poi procedere con i cambiamenti direttamente sul codice o sul css non avrei avuto problemi di sovrascrittura, certo, ma non avrei nemmeno potuto beneficiare delle nuove funzionalità o bug risolti disponibili nella nuova versione di TwentyTen.

In particolare quindi per i temi “evoluti”, per i “framework” che hanno funzioni sofisticate, pannelli di controllo, ecc quella dei temi “child” per le modifiche e le personalizzazioni è la strada vincente perchè ti mette in condizione di aggiornare sempre alle ultime versioni dei temi senza perdere le modifiche fatte.

Non per ninete anche molti dei produttori di temi premium,  per i quali pagando si ottiene supporto e aggiornamento garantito, si stanno orientando sulla realizzazione di un tema principale + innumerevoli temi child. Per esempio l’ottimo StudioPress di Brian Gardner con il framework Genesis.

Si tratta di un tema molto lineare e pulito, che si presta benissimo alle personalizzazioni. Già di default è possibile cambiarne l’immagine della testata dal pannello di controllo così gestire senza alcuna programmazione numerosi menu personalizzati e ben 6 aree widget!…

Insomma già con questa “dotazione di default” sarà difficile vedere un blog simile all’altro…

Ma l’aspetto interessante è dato dalla possibilità di “costruire” un nuovo tema sulle solidissime basi di Twenty Ten (che implementa tutte le nuove features di WordPress 3.0) creando un “child theme”.

In realtà i child theme sono una possibilità che esiste da tempo ma, a mio parere, diventa davvero interessante ora.

Proprio in questi giorni mi sto cimentando a creare i primi temi “basati” su Twenty Ten e devo dire che, una volta capiti i meccaniosmi di base, il lavoro scorre via abbastanza fluido.

Di seguito vi elenco le risorse (in inglese) alle quali sto attingendo per documentarmi:

• L’ottima pagina sui Child Themes sul Codex di WP
• Un articolo dettagliato e “passo – passo” con tante illustrazioni. Ideale per iniziare anche se piuttosto datato. (dovrebbe esserci anche la versione italiana… ma non la trovo, mi date una mano?)
• Una bella guida incentrata soprattutto sulla realizzazione di un pannello di controllo per personalizzare TwentyTen senza programmazione.
• Un bell’articolo di Aaron Jorb sulla creazione di temi WordPress partendo da Twenty Ten

Il vantaggio di tutto questo rispetto a copiare l’intero template e modificarlo?

1. Innanzitutto la possibilità di utilizzare codice ben scritto
2. Mantenere un elevato grado di compatibilità con WordPress poichè ci basiamo sulle funzioni API e non interagiamo direttamente con altro codice
3. Ci garantiamo sulla disponibilità di futuri aggiornamenti e nuove funzionalità sia di WordPress che del tema Twenty Ten: se domani dovesse uscire una nuova versione di Twenty ten con nuove funzionalità, queste sarebbero disponibili automaticamente anche nel nostro “child theme”

Qualcuno di voi ha già avuto esperienza con i temi child? e con Twenty Ten? Avete suggerimenti e consigli da darmi (darci) ?

Come ricorderete si tratta di temi WordPress per Real Estate, Agenzie immobiliari, affitto e vendita di case e uffici che grazie alla possibilità di aggiungere e personalizzare ogni campo descrittivo si prestano ad essere usati per una gamma molto vasta di impieghi: ogni tipo di “catalogo” non solo immobiliare ma anche guide turistiche, raccolte di ristoranti o alberghi, uffici arredati e così via.

Nel video allegato potete vedere con quanta facilità si possono aggiungere e modificare informazioni di ogni genere!

A rischio di ripetermi… mi ripeto: il campo immobiliare è -a mio parere- una campo dove la promozione via Internet può fare “passi da gigante”, e rispetto ai costi di realizzazione di un sito web il ritorno in termini di contatti è notevole.

Davvero si tratta di potenziali clienti da non sottovalutare.

In realtà, per mia esperienza, un sito curato e ben posizionato, con le parole chiave adeguate, frutta un notevole numero di contatti a fronte di spese davvero contenute. In particolare il posizionamente deve essere “geografico”: ovvero deve prevedere tra le parole chiave usate anche quella della città o del quartiere proposto.

Per i miei clienti nel campo immobiliare ho realizzato siti con WordPress usando temi di Gorilla Themes, a mio parere quanto di più professionale ci sia attualmente nel settore dei template e layout per siti per agenzie immobiliari.

Li potete vedere in dettaglio cliccando sulle immagini:

Oltre alla grafica sono le funzionalità integrate che sono davvero di notevole livello:

• innanzitutto possono essere personalizzati dal punto di vista grafico fino a renderli irriconoscibili con grande facilità (fondamentale per evitare di avere siti simili l’uno all’altro)
• mappe di google automatiche,
• miniature e gallerie per ogni immobile,
• ricerca per categorie multiple,
• possibilità di aggiungere campi descrittivi a piacimento
• moduli di ricerca personalizzati
• multilingue
• ecc…

Non solo per immobiliari.

Grazie alla possibilità di tradurre ogni aspetto del template e di aggiungere campi a piacimento rende questi temi adatti anche ad utilizzi diversi: basta sostituitre qualche immagine “troppo caratterizzata”, modificare qualche campo ed ecco pronti siti catalogo, guide ai ristoranti, selezioni di alberghi e… chi più ne ha più ne metta…

Per quanto mi riguarda si è trattato di un investimento incredibilmente azzeccato: mi trovo ora con un “arsenale” a disposizione chemi permette di realizzare siti wordpress stile “catalogo” con tempi ridotti all’osso.

Quando li avrete provati mi piacerebbe sapere che ne pensate…

• Quanto impieghi per sviluppare un nuovo tema per WordPress?
• Quanto vale il tuo tempo?
• Quante volte hai rifatto la stessa personalizzazione per l’ennesimo cliente?
• e soprattutto: il prodotto finale è stato migliore? il cliente maggiormente soddisfatto?

Io me lo sono chiesto spesso ultimamente.

Per noi freelance il tempo è l’unica risorsa veramente finita e il cui valore è inestimabile.
Per guadagnare di più dobbiamo guadagnare tempo.
Guadagnarlo per re-investirlo.
Questa è la verità.

E’ evidente: mentre sviluppo un tema non posso modificare un plugin nè posso incontrare il cliente per formarlo su qualche rudimento di comunicazione web, nè tenere i contatti con nuovi potenziali clienti, nè… (non continuo: ognuno di voi potrebbe completare questa lista anche meglio di me)…

Ma come risparmiare tempo nello sviluppo con WordPress?

Poichè parte della mia attività professionale consiste nel realizzare siti web, in particolare con WordPress, in questi mesi ho svolto un “test” per capire come usare il tempo di sviluppo in modo più efficiente.
Per ciascuno la soluzione “vincente” è ovviamente diversa, ma deve essere necessariamente quella dove il risparmio di tempo coincide con una soddisfazione uguale o superiore da parte del cliente.

Per rendere più efficiente il mio lavoro con WordPress ho scelto la strada dei Temi Premium.
Propongo ai miei clienti layout grafici sviluppati professionalmente dai migliori designer a livello internazionale, i cosiddetti temi premium.

Cosa c’è che non va nei temi gratuiti?
Nulla, ci sono ottimi temi gratuiti per WordPress, ma quelli veramente validi sono pochi. E il tempo che si perde a trovarli, nel mare delle porcherie che si trovano in giro, è davvero troppo

Purtroppo negli ultimi anni, la distribuzione di temi gratuiti per WordPress è stata usata come modo per ottenere link ai propri siti, e questo ha portato a una invasione di temi spesso inutili, tutti simili tra loro, a volte realizzati male, magari con la sola differenza dell’immagine della testata

Come mi sono organizzato
Per migliorare il servizio verso i miei clienti mantenendo i costi contenuti ho stretto partnership o acquistato abbonamenti con i più accreditati di loro e ora i miei clienti possono scegliere liberamente tra i migliori temi realizzati da StudioPress (il loro AgentPress, tema WordPress per agenti e agenzie immobiliari è qualcosa di spettacolare), wooThemes, WPRemix, UniqueBlogDesign e altri…

A mio parere i vantaggi nell’usare temi premium sono a grandi linee i seguenti:

• propongo al cliente solo design di qualità, realizzati dai più accreditati designer a livello internazionale : io risparmio tempo nella ricerca di layout e il cliente risparmia tempo nella scelta
• Una volta scelto, il tema è pronto all’uso.
• il codice e la struttura del tema sono mediamente scritti meglio di quelli free: io risparmio tempo nello sviluppo e il cliente –anche se spesso non se ne accorge- ottiene un prodotto più valido nel tempo
• Ho un supporto costante da parte degli autori del tema risparmiando anche in questo caso tempo prezioso nello sviluppo di personalizzazioni
• Il tema viene tenuto aggiornato alle nuove versioni di WordPress (questo non è sempre vero per tutti i temi, ma nella mia esperienza gli autori a cui mi sono rivolto per demandare a loro un adeguamento lo hanno sempre fatto di buon grado, in fondo io sono un loro cliente)
• Molti di questi sono realizzati e pensati per essere modificati e personalizzati facilmente.
• In alcuni casi mi è capitato addirittura che, una volta acquistato il tema prescelto, il cliente fosse in grado di procedere da solo. No, non è un cliente perso: è un cliente soddisfatto che spero riponga fiducia in me anche in futuro.

Voi quali strategie avete scelto per lavorare in modo più efficiente?