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]

Oltre ai video tutorial su questo sito web è possibile trovare video di presentazioni, di conferenze e di altri aspetti riguardanti Wordpress.

Tutti i video presenti sul sito possono essere condivisi. Basta cliccare su embed e inserire il codice nel proprio blog.

via: http://wordpress.org/development/2009/01/wordpresstv/

link → http://wordpress.tv

Può essere molto utile se ad esempio si vuole mostrare una sidebar differente in home page, basta creare un file sidebar-2.php e richiamarlo nel tema con:

<?php include (TEMPLATEPATH . '/sidebar-2.php'); ?>

al posto del codice che richiama la sidebar nel file index.php.

Includere un file di rotazione banner

Creiamo con un editor di testo semplice come il Blocco Note un file che chiameremo ad esempio adv-post-footer.php per inserire della pubblicità in rotazione alla fine di ogni post, inserendo nel file il seguente codice:

<?php
$rand = rand(1,2);
if ($rand == 1) //Codice 1
print 'CODICE ADV';
elseif ($rand == 2) //Codice 2
print 'CODICE ADV 2';
?>

All’interno di print ” incollate i vostri codici pubblicitari. Per aggiungere un terzo o quarto codice copia-incollate la parte in grassetto per creare un codice 3 e 4, modificando i valori in rand, quindi ad esempio per 3 codici avremo:

<?php
$rand = rand(1,3);
if ($rand == 1) //Codice 1
print 'CODICE ADV';
elseif ($rand == 2) //Codice 2
print 'CODICE ADV 2';
elseif ($rand == 3) //Codice 3
print 'CODICE ADV 3';
?>

Le parti in grassetto evidenziano i parametri da modificare.

Creato il file basterà richiamarlo nel nostro tema, nella posizione in cui vogliamo far apparire la pubblicità.
Nel file che genera il post (generalmente single.php o post.php) richiamiamo il file inserendo il codice:

<?php include (TEMPLATEPATH . '/adv-post-footer.php'); ?>

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!

Il plugin permette di impostare ogni singolo redirect manualmente (metodo più semplice), quindi se il vecchio sito era formato da 4/5 pagine basta impostare 4/5 redirect e il problema è risolto.
Se invece le modifiche sono più corpose, il plugin permette di impostare delle variabili.
Ad esempio, se si decide di cambiare la struttura del permalink del proprio blog, togliendo il path “news” dal percorso, basta impostare una sola regola, inserendo come vecchi link
/news/(.*)
e come nuovo percoso
/$1
che vuol dire che tutto l’indirizzo dopo /”news”/ va mantenuto nel nuovo indirizzo, mentre “/news/” va eliminato.

Il mio problema con le vecchie pagine in HTML l’ho risolto con una sola regola
/(.*.html)
va rediretto in
/
cioè tutte le pagine con estensione .html hanno un redirect permanente alla home page.
Per far funzionare questo tipo di redirect ho dovuto attivare l’opzione regex, che non ho nemmeno capito cos’è.

Priorità delle regole
Per i redirect creati, quando 2 regole vanno in conflitto, viene applicata la regola che nella lista si trova prima. Quindi se vogliamo che delle 100 pagine in HTML, 5 vengano reindirizzate alle nuove pagine e le altre 95 alla home page, è necessario che la regola generale /(.*.html) non si trovi al primo posto altrimenti annullerà anche i 5 redirect specifici e creerà solo redirect alla home page.

Il plugin può essere usato inoltre per impostare un redirect automatico quando modifichiamo un URL ad un post di Wordpress, per forzare il redirect delle pagine index.php e index.html, per forzare la rimozione o l’aggiunta del www prima del nome del dominio.

Utilità
Nel caso di una conversione di un sito molti indirizzi cambiano, compresi quelli delle immagini.
Osservando gli errori 404 ci possiamo rendere conto che molti siti “scroccano” le nostre immagini prelevandole dal nostro server senza nemmeno degnarsi di ringraziare con un link al nostro sito.
Con questo plugin possiamo approfittare dell’errore 404 e sfruttarlo come metodo per fare pubblicità al nostro blog, facendo apparire su questi siti un’immagine tipo questa

Tutto quello che dobbiamo fare è creare un redirect dalla vecchia cartella delle immagini ad un’immagine con scritto un messaggio

link → redirection

<meta name="generator" content="WordPress 2.5.1" />

dando in pasto a malintenzionati utili informazioni per attaccare il vostro blog.

Fino a Wordpress 2.3.x bastava rimuovere il seguente codice dal proprio tema per risolvere il problema:
<?php bloginfo('version'); ?>

Da Wordpress 2.5.x invece il numero di versione viene automaticamente aggiunto da Wordpress, per rimuoverlo è necessario aggiungere questo codice
remove_action('wp_head', 'wp_generator');
al file functions.php del vostro tema.

Se il vostro tema non ha questo file basta crearne uno vuoto e inserire questo codice:
<?php
remove_action('wp_head', 'wp_generator');
?>

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.

Cliccare sul tasto Aggiungi Immagine e successivamente Selezionare un file da editare.

Nella finestra popup che si apre è possibile selezionare più immagini in questo modo:
- premere sulla tastiera il tasto Shift
- selezionare le varie immagini con il mouse o con i tasti Freccia della tastiera
- premere il tasto invio della tastiera per caricare le immagini

Man mano che le immagini vengono caricate, una miniatura apparirà come nell’immagine sotto.

Quando tutte le immagini sono state caricate, è possibile aggiungerle nel post una alla volta oppure come unica galleria.

Può essere usato sia per motivi di sicurezza, ed esempio evitare che i motori indicizzino e sbandierino ai 4 venti il contenuto della directory dei plugin, che per evitare che vengano indicizzati contenuti duplicati o pagine/cartelle che non si vogliono rendere pubbliche.

# Per tutti i motori di ricerca:
User-Agent: *
# abilitare l'indicizzazione delle immagini:
Allow: /wp-content/uploads/
# disabilitare l'indicizzazione delle directory seguenti:
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Disallow: /wp-includes/
Disallow: /wp-admin/

# Per non far indicizzare tutto quello che inizia con wp-
Disallow: /wp-

# Per non far indicizzare tutti gli URL
# che terminano con /trackback/ e sono contenuti duplicati
Disallow: /*/trackback/$
Disallow: /*/*/trackback/$
Disallow: /*/*/*/trackback/$

leggi tutto l’articolo (in spagnolo) → robotstxt-para-wordpress

Wordpress 2.3.2 e Wordpress 2.3.3 appartengono entrambe al ramo 2.3.x. Aggiornamenti fra 2 versioni dello stesso ramo introducono generalmente solo aggiornamenti di sicurezza.

Wordpress 2.3.x e Wordpress 2.5.x appartengono a 2 differenti rami di sviluppo.
Aggiornamenti di questo tipo generalmente introducono nuove funzioni che possono significare modifica della struttura del database, nuove funzioni nei temi (o template) con possibili errori al nostro tema se vecchiotto, incompatibilità con alcuni plugin.

È chiaro che aggiornamenti ad un ramo superiore richiedono maggiore cautela e un backup completo di Wordpress.

Backup: cosa salvare?

Un backup completo include:

• l’intero database
• tutto il contenuto della cartella /wp-content
• il file /wp-config.php
• il file /.htaccess invisibile
• il file /robot.txt se presente

Un backup di questo tipo ci permetterà di ripristinare una vecchia versione se qualcosa non funzionasse a dovere nell’ultima versione.

Aggiornare Wordpress

Esistono 2 metodi per aggiornare Wordpress, in entrambi i casi è necessario fare prima un backup completo se si aggiorna Wordpress ad un ramo superiore:

• dal proprio pannello dello spazio web (pannello hosting tipo CPanel, da non confondere con il pannello di Wordpress)
• tramite un client FTP

Il primo metodo è il più semplice. Per poterlo usare, tuttavia, è necessario che Wordpress sia stato installato nel medesimo modo, cioè dal pannello CPanel (o simile), tramite il software incluso Fantastico (o simile). Se questo è il vostro caso, basta rientrare nel medesimo pannello e cliccare su Aggiorna.

Il secondo metodo è leggermente più complicato e comporta l’uso di un software apposito tipo Filezilla sul cui uso trovate molte informazioni tramite Google.

Tramite la connessione FTP bisogna rinominare le cartelle wp-admin in wp-admin_OLD e wp-includes in wp-includes_OLD. Al posto di _OLD potete usare quello che vi pare.

Caricare quindi sul server le cartelle wp-admin e wp-includes della versione aggiornata e tutti i file “sfusi” della cartella principale (/) come index.php, wp-app.php etc.

Ultimo passo, puntare il browser alla pagina /wp-admin/upgrade.php del vostro sito, quindi se Wordpress è installato nella directory principale del dominio http://www.ilmioblogg.zbd, l’indirizzo su cui puntare sarà http://www.ilmioblogg.zbd/wp-admin/upgrade.php e seguire le istruzioni.
Se tutto funziona a dovere potete eliminare le cartelle _OLD dal server.

Ripristinare la vecchia versione di Wordpress

Se qualcosa dovesse andare storto, cancellate le nuove directory e rinominate quelle vecchie con il nome originale, quindi togliendo _OLD. Potrebbe essere necessario ripristinare anche tutti i file “sfusi” contenuti nella cartella principale (/). Se non li avete salvati niente paura, sul sito di Wordpress potete scaricare le vecchie versioni.
Inoltre per il ripristino della vecchia versione potrebbe essere necessario ripristinare il vecchio database. Potete farlo tramite CPanel. Se avete difficoltà potete trovare informazioni con Google o chiedere assistenza a chi vi fornisce l’Hosting. In futuro probabilmente troverete un tutorial apposito su questo sito.