Nelle prime parti del tutorial abbiamo visto come predisporre WordPress modificando il file wp-config.php, come installare e configurare il plugin ZdMultiLang e infine come predisporre il nostro tema per la localizzazione in più lingue.

Poedit

Premessa: non ho un gran feeling con questo software. In passato ho provato per 2 o 3 volte ad usarlo ma con poco successo. Alla fine sono riuscito a stento a capire come funziona, ma se vi causa problemi avete più chance di risolverli chiedendo a Google che non a me.

Avviate Poedit e selezionate il menù File → Nuovo Catalogo.

Si aprirà una finestra con 3 schede per inserire le informazioni. Compilate come nelle immagini sotto.

Nella scheda Percorsi inserite un punto. Questo vuol dire che intendiamo salvare il file della traduzione nel nostro tema che naturalmente dovremo avere a portata di mano sul PC locale.

Nella scheda Parole Chiave inserite su una riga un doppio underscore __ e sull’altra riga un underscore seguito dalla lettera e.

Alla fine cliccando su OK saremo invitati a indicare il percorso in cui salvare il file, cioè nella stessa directory in cui abbiamo salvato il nostro tema.

Fatto questo Poedit cercherà nella cartella i file da tradurre.
Come si vede sotto ha trovato il nostro LATEST COMMENTS che abbiamo preparato come prova.

L’ultima finestra mostra come inserire il testo tradotto in italiano (doppio click sulla frase da tradurre).

Salvate il lavoro e caricate il tema online.

Per vedere se funziona basterà tradurre l’ultimo post nella nuova lingua. All’interno della versione italiana si dovrebbe trovare il link English Version. Visualizzando le 2 versioni del post potete controllare che il menù ULTIMI COMMENTI / LATEST POST nella sidebar venga visualizzato nella stessa lingua del post.

Se tutto funziona correttamente potete tradurre altre porzioni del tema come spiegato nel terzo post della serie.

Creare un blog multilingua: [parte 1] [parte 2] [parte 3] [parte 4]

Modifiche al tema

Per prima cosa bisogna informare il tema che vogliamo localizzarlo in più lingue. Controlliamo che il tema non sia già predisposto cercando nel file functions.php la stringa load_theme_textdomain

Se il codice è presente sarà tipo questo del tema di default di WordPress:

load_theme_textdomain('kubrick');

Potete decidere di lasciare il nome kubrick oppure sostituirlo con quello del vostro tema o con quello che vi pare. L’importante è ricordarsi che il nome scelto lo useremo all’interno del tema per dire a Poedit quali porzioni di tema vanno tradotte e quali no. Nel mio esempio al posto di kubrick ho usato multilng.

Se il file functions.php non esiste createlo e inseriteci il seguente codice:

<?php load_theme_textdomain('multilng'); ?>

Se invece il file esiste controllate prima che la riga di codice non sia già presente. Se è presente sostituite il nome tra parentesi e virgolette con multilng, se la riga non è presente aggiungetela in questo modo:

<?php
remove_action('wp_head', 'wp_generator');
?>

Diventa così:

<?php
load_theme_textdomain('multilng');
remove_action('wp_head', 'wp_generator');
?>

Adesso dobbiamo assicurarci che Poedit trovi almeno una riga che sia predisposta per la traduzione all’interno del tema. Ad esempio possiamo rendere bilingue un menù della sidebar come il classico Ultimi Commenti che quasi tutti hanno.

Aprite il file sidebar.php con un editor semplice tipo Notepad su Windows e cercate il menù Ultimi Commenti. Troverete qualcosa del genere:

<h2>Ultimi Commenti</h2>

Che sostituirete con:

<h2><?php _e('Latest Comments','mltlng'); ?></h2>

Se il tema che usate era già predisposto come ad esempio kubrick, troverete all’interno già diversi file con php _e. In questo caso forse vi conviene lasciarli e sostituire in tutti gli esempi la parola multilng con quella in uso nel vostro tema.

Nella quarta e ultima parte di questo tutorial vedremo come tradurre il tema con Poedit.

Creare un blog multilingua: [parte 1] [parte 2] [parte 3] [parte 4]

Per prima cosa scaricate e installate il plugin da questa pagina e attivatelo.

Per la configurazione cliccate sul nuovo menù Translations che troverete nel pannello di controllo, quindi impostate Languages e Options come nelle immagini sotto:

Le impostazioni in figura impostano la lingua italiana come principale, non modificano il permalink dei post della lingua primaria e non mostrano il link English Version se il post non è stato tradotto. Inoltre non viene mostrato il link che traduce l’articolo con Google Translate.

Naturalmente potete modificare queste impostazioni in base alle vostre esigenze.

Fatto questo non rimane che rendere il tema del sito multilingue.

Creare un blog multilingua: [parte 1] [parte 2] [parte 3] [parte 4]

Per la gestione di post, pagine, categorie etc. in più lingue, useremo il plugin ZdMultilang che nella recente versione 1.2 ha introdotto la traduzione anche del riassunto (excerpt) e della descrizione delle categorie. In pratica rimane fuori dalla traduzione il solo permalink.

Parte prima: predisporre WordPress

Per prima cosa modificare il file wp-config.php nella root del vostro sito aggiungendo una seconda lingua (nell’esempio inglese) sotto a quella italiana:

define ('WPLANG', 'it_IT');
define ('WPLANG', 'en_US');

Fatto questo dobbiamo installare e configurare il plugin ZdMultilang, internazionalizzare il tema del sito e creare i file di localizzazione con Poedit.

Creare un blog multilingua: [parte 1] [parte 2] [parte 3] [parte 4]

Ogni plugin o servizio gratuito provato ha dei pro e dei contro, probabilmente alcuni di questi potrebbero fare al caso vostro, quindi ho deciso di fare un riepilogo in questa pagina:

Servizi online

Yahoo Pipes e Mloovi

Lasciamo perdere il pietoso Mloovi, l’immagine sopra è riferita al mio feed (pubblicato ma non in uso) creato in inglese da Yahoo Pipes e BabelFish.
Il sorgente è pubblicato a questo indirizzo, dovrebbe essere accessibile e copiabile da chiunque cliccando su View Source anche se credo che per farlo sia necessario creare prima un account (fatemi sapere se è realmente accessibile a chiunque).

Come si vede nell’immagine ho creato diversi moduli collegati l’un l’altro, partendo dal mio feed italiano e ripetendo la traduzione di ogni articolo per titolo, description e content.
L’unico problema è rappresentato da quest’ultimo che nella traduzione perde la formattazione. Reinserire manualmente link, immagini, grassetti etc. sarebbe una bella perdita di tempo.
Cliccando su Pipe Output potete aggiornare il feed e vedere i risultati della traduzione per ogni singolo elemento nella parte in basso, dove c’è scritto Debugger.

Questo tentativo prevedeva la riaggregazione del feed inglese in un secondo blog installato in una sottodirectory. Alcuni plugin permettono di fare quest’operazione in modo molto semplice. Scegliendo di tenere i post aggregati in moderazione, è possibile apportare le dovute correzioni al post tradotto da BabelFish prima della pubblicazione. L’aspetto negativo è che i post nei 2 blog non sarebbero collegati l’un l’altro. Di positivo ci sarebbe invece che il blog originale rimane pulito (tabelle del database etc.), che il secondo blog può essere localizzato in inglese al 100%, con articoli, permalink, descrizioni, categorie, tag etc.

Plugin per WordPress

1. qTranslate (cliccare per il post dedicato)
2. ZdMultiLang (cliccare per il post dedicato)
3. Gengo questo plugin si differenzia dagli altri perché permette di avere 2 permalink differenti fra le 2 versioni del post, per farlo crea 2 post differenti che successivamente vengono collegati fra loro. Di negativo ha l’aggiunta della sigla it anche all’interno del permalink della lingua principale, e non solo di quella secondaria. Questa modifica, che non mi pare sia disattivabile, penalizza i blog con tanti articoli già pubblicati.
4. WP_Multilingual permette la traduzione di post, nomi delle categorie, tag e blogroll
5. xLanguage permette di tradurre tutto, ad eccezione del titolo del post. È possibile associare un tema ad ogni lingua, ma è un po’ ostico da configurare. Inoltre aggiunge un fastidioso /lang/it-it/ nel permalink italiano (e ciao Google), che non sono riuscito a disattivare. Probabilmente è solo colpa mia, che dopo aver provato troppi di questi plugin non ho più tanta voglia di perderci ancora tempo.

1. cambiare la struttura del permalink, per avere indirizzi “search engine friendly”
2. cambiare il tema predefinito
3. ottimizzare il tema predefinito controllando titoli e descrizioni in index, single, category etc.
4. usare un buon servizio di statistiche
5. affidare i propri feed a FeedBurner, utile per avere le statistiche degli iscritti e, perché no, inserire la pubblicità
6. aggiornare le impostazioni del servizio di ping
7. attivare il plugin Akismet registrandosi gratutamente
8. realizzare articoli simili a quelli di maggior successo
9. linkare i vecchi articoli correlati con il tema del post. È possibile farlo in automatico usando un plugin
10. creare una pagina statica, ben visibile, con i link agli articoli più utili/più visitati

Se ti è piaciuto questo post, potresti trovare interessante anche 10 regole per costruire un sito di successo.

L’aspetto tipico dei blog, con la home page che contiene gli ultimi TOT articoli in ordine cronologico non si addice a tutti i siti, a volte sarebbe meglio avere delle parti (o zone) con contenuti fissi, o organizzati gerarchicamente. In poche parole alle volte in WordPress si sente la mancanza di funzioni tipiche di software CMS completi come Joomla o Drupal, ma delle modifiche si possono comunque fare, basta usare alcune funzioni e modificare il tema.

WordPress come CMS: spostare il Blog

Se si vuole diversificare la Home page, inserendo qualche contenuto “fisso”, l’ideale è spostare gli ultimi articoli del blog altrove.

Dal pannello di amministrazione di WordPress Scrivete 2 nuove pagine (no post ma pagine) e chiamatele Index e Blog.

Adesso andate nel menù Impostazioni → Lettura e nel menù Visualizzazione pagina iniziale scegliete

• Una pagina statica (selezionata qui sotto)
• Pagina iniziale: Index
• Pagina articoli: Blog

In questo modo abbiamo creato una pagina statica chiamata Blog che contiene i soliti ultimi 10 post in ordine cronologico (la vecchia home del blog), e abbiamo sostituito la pagina iniziale con una pagina statica (Page Index).

Dall’editor di WordPress possiamo editare la nuova home page, aggiungendo testo, immagini e link.
Per chi si accontenta va bene anche così, ma volendo si può andare oltre.

Personalizzare la nuova Home Page

Se vogliamo creare una Home page diversa dai soliti blog, che non sia una semplice pagina di introduzione con testo e immagini, dobbiamo mettere mano al codice del nostro tema, aggiungendo contenuti dinamici.

Prendete la pagina statica del vostro tema (page.php) e fatene una copia salvando la nuova pagina con il nome page-index.php.
All’inizio della nuova pagina aggiungete queste linee di codice:
<?php
/*
Template Name: Page Index
*/
?>

La pagina, una volta caricata sul server, rimarrà inattiva fino a quando non la assoceremo alla pagina statica Index creata precedentemente. Basta modificarla associandole il tema Page Index come si vede nell’immagine sotto.

A questo punto possiamo aggiungere delle funzioni “dinamiche” come ad esempio mostrare i post di una singola categoria, i post preferiti dagli utenti, i post più visti etc.

In un prossimo post illustrerò le modifiche fatte nella home di Gratisinlinea.it, ovvero:

• aggiungere un mini loop per mostrare l’ultimo post in formato “big”
• aggiungere un mini loop nella colonna di sinistra per i 5 post successivi al “big”
• aggiungere un mini loop nella colonna di destra per mostrare dei post presi da una particolare categoria nascosta
• aggiungere delle miniature (thumbnail) nei vari mini loop

L’ideale sarebbe testare il tutto su un server locale, un dominio in disuso, un sottodominio creato ad hoc in modo da non mostrare errori e lavori in corso ai visitatori.

link → seconda parte del post aggiungere contenuti da singole categorie, singoli post e pagine, inserire miniature …

1. Google AJAX Feed API

Per prima cosa è necessario iscriversi per ottenere le proprie API Keys dal sito di Google.

A questo indirizzo http://code.google.com/apis/ajaxfeeds/ invece trovate esempi sull’uso di queste API, e una pagina che elenca tutte le classi presenti in modo da poter successivamente personalizzare il layout tramite CSS.

2. Modifica Header

Nell’header del vostro tema di WordPress, subito prima del fine </head> è necessario inserire il seguente codice:

<script type="text/javascript" src="http://www.google.com/jsapi?key=CODICE-PERSONALE-DA-PRELEVARE-SU-GOOGLE"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feedControl = new google.feeds.FeedControl(8);
feedControl.addFeed("http://www.bloggr.it/feed/", "BLOGGR");
feedControl.addFeed("http://www.vistablog.it/feed/", "VISTABLOG");
feedControl.addFeed("http://www.downloadr.it/feed/", "DOWNLOADR");
feedControl.setNumEntries(4);
feedControl.draw(document.getElementById("feedControl"),
{
drawMode : google.feeds.FeedControl.DRAW_MODE_TABBED});
}
google.setOnLoadCallback(initialize);
</script>

Dovete controllare tutti i file che compongono il vostro tema per assicurarvi di inserire il codice in tutti quelli che contengono i tag <head></head>. Generalmente è il file header.php, ma non sempre e a volte si tratta di più file.

3. Richiamare i Feed

Per ultimo è necessario richiamare i Feed RSS in una zona a scelta del vostro sito, che può essere la sidebar, l’indice del blog o una pagina statica creata apposta.

Inserire il seguente codice dove si vogliono visualizzare le News:

<div id=”feedControl”>Loading</div>

Il risultato finale sarà simile al seguente:

4. Personalizzazioni

Sono segnate in grassetto parti di codice dove inserire la chiave di Google AJAX Feed API e il numero 4 che indica quanti post prelevare da ogni sito (potete inserire il numero che preferite).

Per aggiungere una quarta o quinta fonte (etc.) potete copia-incollare una delle righe che contengono i feed RSS nel rigo successivo e personalizzarlo.

Ad esempio
feedControl.addFeed("http://www.bloggr.it/feed/", "BLOGGR");
diventa
feedControl.addFeed("http://www.mioblog.it/URL_DEL_FEED/", "MIOBLOG.IT");

Dal link di Google fornito in alto si può scegliere una variante che mostra le news di vari siti miscelate e non in Tabs come nell’esempio della mia sidebar.

5. News in un’unica scheda

Questa è la variante per avere tutte le news in un’unica scheda, da sostituire al codice del punto 2:

<script  type="text/javascript" src="http://www.google.com/jsapi?key="YOUR-KEY"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feedControl = new google.feeds.FeedControl();
feedControl.addFeed("http://www.digg.com/rss/index.xml", "Digg");
feedControl.addFeed("http://feeds.feedburner.com/Techcrunch", "TechCrunch");
feedControl.draw(document.getElementById("feedControl"));
}
google.setOnLoadCallback(initialize);
</script>

6. Credits

Se avete trovato interessante questo breve tutorial potete “ripagarmi” lasciando il feed di BLOGGR (o di uno degli altri 2 siti) nel vostro mini aggregatore.

Grazie!

Premessa 2: non considero questo un blog di successo, nel post cerco di spiegare che è possibile fare molto meglio di così.

Forse qualcuno di voi ha letto i precedenti 2 post sulle statistiche di questo blog dalla nascita a dicembre 2007, ad oggi (Blogg ‘R: 100 utenti in 20 giorni e Blogg ‘R: 500 utenti in 100 giorni).

Mi ero posto come obiettivo + 100 utenti unici al mese fino a fine 2008, quindi 1.300 utenti in 13 mesi, obiettivo raggiunto in metà del tempo previsto.

Come ho già scritto non c’è nulla di eccezionale in questi numeri e il modo in cui ci sono arrivato dimostra che qualsiasi blogger può fare lo stesso, anzi, chiunque può fare molto meglio.

Cosa ho evitato di fare

1. non ho fatto migliaia di scambi link (il mio blogroll è quasi vuoto)
2. non ho nascosto link nel mio tema
3. non ho nascosto testo nel mio tema
4. non ho nascosto immagini nel mio tema
5. non ho creato pagine “speciali” studiate apposta per i motori di ricerca

Cosa ho fatto

1. ho scritto in modo costante (20/30 post al mese)
2. ho segnalato il blog in una decina di web directory e blog directory
3. ho cercato di scrivere solo su cose che reputo possano interessare i lettori e di tanto in tanto approfondire un argomento
4. ho cercato di rendere l’organizzazione dei contenuti il più facilmente comprensibile per il lettore
5. ho segnalato qualche articolo (sopratutto nei primi 2 mesi) in alcuni siti di social news

Cos’altro avrei potuto fare

• avrei potuto scrivere più post, non credo che scrivere il triplo di post porti a triplicare il traffico, ma è ovvio che comunque aumenta le visite
• avrei potuto scovare più notizie univoche o comunque arrivare primo (in italiano) sulle così dette news del giorno, quelle che dove ti giri e rigiri le trovi in tutti i blog di tecnologia e di 2.0
• avrei potuto acquistare traffico su Google AdWord
• avrei potuto incentivare un po’ di più il dialogo tra gli utenti attraverso i commenti (suggerimento di mR. gImO)
• avrei potuto partecipare più attivamente in alcune discussioni su altri blog, lasciando contributi validi e mai spam
• avrei anche potuto sperimentare se è vero, come sostengono alcuni blogger, che postare ad orari fissi può aumentare le visite (poi è da capire se sia meglio postare di notte, di prima mattina o di pomeriggio).

STOP!

Cercavate la ricetta miracolosa? Spiacente, da quando Google “ragiona” come gli esseri umani ed è stato dotato di occhi per capire se state barando, non vi conviene fare i furbi, rischiate di ottenere solo penalizzazioni.

Nella schermata sopra, dove ho inserito la scritta blu, possiamo scegliere se linkare l’immagine al post, all’immagine a dimensione reale oppure non linkarla.

Nell’esempio in queste 3 immagini, si vede il codice prodotto da WordPress 2.5 (sopra) dopo che ho inserito la miniatura senza linkarla a nulla, e sotto il codice che ho ripulito, aggiungendo align=”left” per ottenere il testo di fianco all’immagine.

Un’altro errore comune che si fa è quello di inserire l’immagine intera rimpicciolita al volo al posto della miniatura.
Se non andate a controllare il codice prodotto da WordPress (HTML nell’editor) potreste inserire l’immagine intera senza saperlo, e questo porterebbe ad un rallentamento micidiale del vostro sito.
Se infatti in home page avete 10 post che contengono un’immagine da 100 Kb l’uno, per caricare la home page l’utente deve scaricarsi 1 MB di sole immagini.

Come controllare se ho inserito veramente la miniatura?

Dall’editor HTML, se avete messo la miniatura dovreste avere un codice che richiama la miniatura, che è facilmente individuabile perchè avrà le misure nel nome.

Miniatura → image-11-150×150.png
Immagine intera → image-11.png

WordPress quando crea la miniatura aggiunge le misure al nome, come nel primo esempio.

Come mai l’immagine intera viene mostrata piccola?

Come potete vedere nel codice della seconda immagine, wordpress aggiunge le misure width ed heigth (es: width=”150″ heigth=”150″), se eliminate quelle misure dal codice, l’immagine sarà mostrata a dimensione reale, quindi se avete inserito correttamente la miniatura continuerete a vedere la miniatura, altrimenti l’immagine si ingrandirà come per miracolo.