wordpress

WordPress 3.3 “Sonny” è arrivato, ecco le novità

14 dicembre 2011 by wordpress 20 Comments

Il team di sviluppo ha rilasciato la WordPress 3.3 “Sonny”, intitolato al sassofonista jazz Sonny Stitt, che è disponibile per il download o come aggiornamento nella bacheche dei blog. La novità sono molte, sia per gli utenti che per gli sviluppatori.

Caricamento file facilitato

Nell’editor dei post i pulsanti per l’inserimento dei media sono stati sostituiti da un unico bottone di caricamento.

Il tipo di media caricato (immagine, audio o video) viene riconosciuto automaticamente da WordPress, che ora supporta anche i file RAR e 7z.

Per caricare i file, ora si può sfruttare il drag & drop, trascinandoli direttamente sulla finestra di caricamento media. L’avanzamento del caricamento viene visualizzato tramite un’apposita barra di upload.

Il sistema usato è Plupload, sviluppato dallo stesso team di TinyMCE (l’editor visuale integrato in WordPress), e supporta il caricamento mediante HTML 5, Gears, Silverlight, Flash e BrowserPlus oltre a quello standard, per chi usa ancora le vecchie versioni di Internet Explorer.

Dashboard e Admin bar

Nel pannello di amministrazione l’admin bar è stata unita all’header (dove veniva visualizzato il nome del blog) dando origine ad una nuova toolbar. Il primo elemento è il logo di WordPress e da accesso ai link di WordPress.org, del codex (la documentazione ufficiale), del forum e del feedback. Gli altri link sono stati ridotti di numero e riorganizzati per rendere il tutto più semplice e veloce.

Il menù di amministrazione è stato rivisitato (flyout) e ora non è più necessario cliccare su una voce per vedere il sottomenù, ma è sufficiente passarci sopra il mouse. In questo modo si riduce il numero di click necessari a raggiungere una determinata pagina.

Il design del pannello di amministrazione è stato reso più flessibile, in modo da adattarsi anche a risoluzioni più basse come quelle di iPad ed altri tablet. In questo modo si potrà evitare di ricorrere ad applicazioni dedicate.

Cliccando su “Aiuto” in alto a destra, si potrà accedere ad un pannello di aiuto migliorato, in cui navigare tramite tab tra i vari argomenti, con i link alla documentazione e al forum di supporto sempre a portata di mano.

Per i meno esperti

Per i nuovi utenti è prevista una schermata di benvenuto che compare al primo accesso dopo l’installazione e suggerisce i primi passi da effettuare per iniziare ad usare WordPress. Una volta chiusa, resta comunque disponibile nella bacheca cliccando su “Impostazioni schermo” e attivando “Benvenuto“.

Dopo l’aggiornamento, invece, viene visualizzata una schermata indicante tutte le novità. Una volta chiusa, può essere ritrovata cliccando sul logo di WordPress nella barra di amministrazione e selezionando “About WordPress“.

Per facilitare il passaggio alle nuove versioni, è stato aggiunto un sistema di notifiche a pop-up (pointer) per mostrare e descrivere le nuove funzionalità. Il tutto può essere utilizzato anche dai plugin, come succede per WordPress SEO by Yoast nell’immagine qui sotto.

Permalink

Nelle versioni precedenti di WordPress, si avevano problemi di performance nel caso i permalink fossero stati impostati con il solo nome del post, soprattutto con blog molto grandi.

Questo succedeva perché WordPress eseguiva molte operazioni in più per capire se l’indirizzo richiesto era un post o una pagina, non essendo in grado di distinguerli dall’URL. Ora, invece, questi problemi sono stati superati ed è stata anche aggiunta un’opzione apposita nella schermata dei permalink.

Temi e Widget

Quando si cambiava il tema, tutte le precedenti disposizioni dei widget andavano perse e, anche tornando indietro, era necessario riconfigurare il tutto. Ora i widget rimangono al loro posto, anche dopo il cambio. In questo modo si possono tranquillamente provare nuovi temi, adattando di volta in volta la configurazione, senza dover ripartire da zero.

Novità tecniche

Migliorata API Editor per la modifica dell’editor visuale
AggiornamentojQuery 1.7.1 e jQuery UI 1.8.16
Nuova Screen API per l’aggiunta di documentazione
Migliorata API metadata per la gestione dei dati aggiuntivi dei post
Abbandonato il supporto ai Feed RSS 0.92 che avranno un redirect 301 sui Feed RSS 2

A riassumere il tutto, ecco il video ufficiale di presentazione di “Sonny”.

In conclusione, si tratta di un aggiornamento non rivoluzionario, ma che sicuramente sarà molto utile per migliorare l’esperienza utente.

WordPress: aggiungere funzioni all’editor di testo con TinyMCE Advanced

11 dicembre 2011 by wordpress 25 Comments

L’editor visuale dei post di WordPress è basato su una versione alleggerita di TinyMCE, che è l’editor visuale più conosciuto e utilizzato. Lavora in JavaScript ed è quindi compatibile con i principali browser, ma il suo vantaggio principale è la possibilità di estensione mediante appositi plugin.

[banner336]

Le funzioni incluse in WordPress sono le più utilizzate, ma ne esistono molte altre di utili e il plugin TinyMCE Advanced le rende disponibili:

aggiungi linea orizzontale
copia e incolla
trova e sostituisci
giustifica il testo
tipo e dimensione del font
numeri ad apice e pedice
gestione tabelle
ancore
emoticons

e molte altre ancora. Il plugin, una volta installato, aggiunge una pagina nel pannello di amministrazione di WordPress sotto la voce Impostazioni->TinyMCE Advanced, dalla quale si possono aggiungere le varie funzionalità.

Il tutto è molto semplice, basta trascinare i pulsanti dal riquadro in basso ad una delle quattro barre disponibili in alto, che rappresentano le barre degli strumenti dell’editor. I pulsanti possono essere cambiati d’ordine e riorganizzati per meglio soddisfare le proprie esigenze. Una volta salvato, l’editor verrà aggiornato.

Nuovo Dr. WordPress e migrazione forum da bbpress standalone a bbpress plugin

9 dicembre 2011 by wordpress 4 Comments

Approfittando di questi giorni di ferie per il ponte dell’Immacolata ho deciso di fare un restyling dell’intero sito, diventato un po’troppo pesante e con alcuni componenti ormai obsoleti. Ho rimosso parecchi plugin, cambiato il tema da Platform Pro a Canvas di WooThemes e migrato il forum ad una versione più recente. Ci sono ancora alcune pagine da sistemare, ma il grosso del lavoro è già concluso.

Il forum girava su bbPress 1.0.x, un forum standalone (cioè esterno a WordPress) molto semplice, ma che serviva allo scopo. L’avevo scelto perché il tema che utilizzavo, Platform Pro 1.x, includeva nella sua versione developer un template per bbPress che ne armonizzava la grafica con quella del blog.

[banner336]

Gli sviluppatori di bbPress hanno però deciso che la versione 2.0 del forum non sarebbe più stata un CMS a sé, ma un plugin di WordPress. Pagelines (l’azienda che sta dietro a Platform Pro) non solo non ha mai aggiornato il template di bbPress, neppure dopo che avevo segnalato un bug abbastanza grave, ma non ha mai reso disponibile un template per bbPress plugin. A completare il tutto, ieri è stato presentato Platform Pro 2.0 che non supporta più bbPress, ma Vanilla Forum.

Devo ammettere che sono rimasto molto deluso dal comportamento di Pagelines: visto il prezzo d’acquisto (175$), almeno avrebbero dovuto garantire la correzione dei bug. Inoltre non si può togliere completamente il supporto di bbPress senza preavviso costringendo gli utenti a migrare ad un’altra piattaforma! La situazione è ancora più grave perché nella fase di preordine si sono rifiutati di fornire le caratteristiche del nuovo tema e, se l’avessi comprato sulla fiducia, sarei rimasto fregato.

Per questi motivi e per non restare con un prodotto vecchio e senza aggiornamenti, ho deciso di migrare bbPress alla versione plugin e di passare contestualmente al tema Canvas di WooThemes, che AlterVista offre gratuitamente a chi utilizza la sua piattaforma di blog.

La migrazione di bbPress 1.0.x richiede innanzitutto l’installazione del plugin bbPress 2.0.2. Una volta attivato, compariranno nel menù di amministrazione di WordPress le voci Forums, Topics e Replies (rispettivamente forum, discussioni e messaggi) che sono realizzate mediante i Custom Post Type, cioè tipi di post personalizzati per adattarsi alle esigenze del forum.

Il plugin contiene dentro a sé un importer per convertire i contenuti da bbPress 1.0.x a bbPress 2.0.x che si trova sotto Strumenti->Importa->bbPress standalone.

Seguendo direttamente le istruzioni, si deve come prima cosa effettuare un backup dell’intero database, in modo da poter ripristinare il tutto in caso di problemi. Come seconda operazione si devono disabilitare tutti i plugin e attivare il tema di default (Twenty Ten o Twenty Eleven): è molto importante, altrimenti la migrazione potrebbe consumare troppe risorse e bloccarsi prima del completamento. Nel caso il forum da importare sia molto grande, questi accorgimenti potrebbero non bastare per evitare il tempo di esecuzione massimo del server. In tal caso si dovrà lavorare in locale sul proprio PC e poi caricare il nuovo database su server.

Cliccando su “Proceed” si passa alla fase successiva, cioè all’importazione vera e propria degli utenti e dei contenuti. Nel mio caso la migrazione degli utenti non è stata necessaria, perché avevo integrato completamente bbPress con WordPress (deep integration), condividendo tra loro le tabelle relative agli utenti (wp_users e wp_usermeta). Se invece quest’integrazione non è presente, allora si possono migrare gli utenti di bbPress in WordPress, ma è consigliato solo in un blog nuovo. Se il blog ha già una serie di utenti registrati, allora è meglio evitare, perché c’è il concreto rischio di perderli.

Una volta terminato il tutto, si dovrà procedere al riconteggio dei post (Strumenti->Recount), in modo da visualizzare nel forum le cifre corrette. Le impostazioni (Impostazioni->Forums) sono già a posto per consentire al forum di funzionare correttamente, in ogni caso si possono modificare il numero di discussioni/post per pagina, il numero di messaggi nei feed, il prefisso base del forum ecc.

Ora resta un’ultima questione che è anche la più spinosa: la grafica. Il plugin ha integrato un unico template che è Twenty Ten per bbPress, ma il risultato grafico è decisamente scadente, visto che difficilmente si adatta ai temi più utilizzati. Se si vuole ottenere un buon risultato, c’è parecchio lavoro da fare: la maggior parte dei temi non ha il supporto per bbPress e quindi va aggiunto manualmente. Per farlo si deve seguire questa procedura:

Dalla cartella wp-content/plugins/bbpress/bbp-themes/bbp-twentyten/ si devono copiare tutti i file che iniziano per single-, archive- e page-, così come tutte le sottocartelle, all’interno della cartella del tema in uso.
I file single-, archive- e page- devono essere adattati al tema corrente modificando il codice per renderli simili al file page.php del tema in uso.
Si deve aggiungere nel file function.php del tema il codice add_theme_support( ‘bbPress’ ); per aggiungere al tema il supporto al forum.
Si devono visitare le varie pagine del forum e sistemare la grafica via CSS fino ad ottenere un buon risultato.

In conclusione, la procedura non è molto complessa, ma richiede buone conoscenze di WordPress, HTML e CSS per dare una buona grafica al forum. In alternativa si può utilizzare sul blog un tema che integri già il supporto con bbPress, ma al momento i temi migliori in circolazione non ne dispongono. Per maggiori informazioni si può leggere qui: http://bbPress.org/forums/topic/bbPress-20-theme-compatibility.

La traduzione in italiano invece si può scaricare da qui:

{filelink=6}

Si deve scompattare l’archivio e caricare i file nella cartella /wp-content/plugins/bbpress/bbp-languages.

WordPress Social Ring 1.1: template tag and social widget

5 dicembre 2011 by wordpress 12 Comments

After the official launch three months ago and some minor releases to adjust previous bugs, the first major named 1.1 has finally come. This new version adds two new functions: a template tag and a widget.

Template Tag social_ring_show()

This function allows webmasters to place social buttons in their favourite position. This function must be used inside the loop, otherwise it will not be working properly.

In order to recover it you can use the following code (the if statement on function existance avoids errors in case of deactivation)

<?php if(function_exists('social_ring_show')){ social_ring_show();} ?>

This function is very useful expecially to exceed the limits of the visualisation before or after the content. By working directly on the theme you can now place buttons before the title or between the title and date etc.

You can also use it with themes that show only the excerpt of the post on archives and home. In this case the old plugin was not usable, while with the new one you can recall the template tag before the excerpt function.

Social Ring Widget

This is a widget to add social buttons on sidebars. Its goal is to promote the home page, in fact the shared address is the same on all pages. You can see social Ring Widget in action here on the sidebar on the right.

The widget has some options, let’s see them:

Widget Title: is the title above the widget.
URL: is the address shared on social networks. It’s the same on all pages and its default value is the home page of the blog. If you insert your Fan Page address as Facebook Like URL, people who click on it become fans.
Twitter: Besides the URL, you can insert text and account (“via @account”) which will appear in the Tweet. You can also recommend a Twitter accounts for users to follow after they share content from your website.
Style: widget graphic is not so much customizable. You can change only button distance, widget padding and border colour.

The minimum width required for the sidebar to show the widget properly is 200px. Default values for button margin and widget padding are optimized for a 300px sidebar. If your theme has a smaller one, you can reduce those values to adapt Social Ring widget to it.

If you find any bug you can report it in the comments, I’ll fix it as soon as possible. These are the features that will be added in next versions:

Shortcode to add buttons inside posts.
CSS editing by admin page.
Twitter settings.
Flattr and linkedin.

For any suggestion write me.

Plugin per resettare il database di WordPress e riportarlo ad appena installato

10 novembre 2011 by wordpress Leave a Comment

Il plugin WordPress Database Reset è stato concepito per riportare il database di WordPress alle condizioni inziali, senza doverlo reinstallare. Può essere utile per gli sviluppatori che testano temi e plugin, per chi effettua delle prove di importazioni o per chi ha modificato talmente tante impostazioni che vorrebbe ripartire da capo con un blog pulito.
[banner336]
Una volta installato e attivato, il plugin aggiunge la pagina Strumenti->Database reset da cui è possibile riportare le tabelle alle impostazioni iniziali. Si può agire sulle singole tabelle, selezionandole una per una dal menu a tendina, oppure tutte insieme premendo su Select All. Quindi si deve copiare il codice di sicurezza in grassetto nell’apposito spazio e premere Reset Database. Quest’ultimo accorgimento serve ad evitare di resettare per sbaglio le tabelle.

Le tabelle selezionate vengono riportate nella condizione di WordPress appena installato e l’operazione è irreversibile, quindi si deve prestare molta attenzione. Nel caso si stia agendo solo con alcune tabelle mentre su altre si hanno dati importanti, conviene effettuare un backup del database prima di procedere, in modo da essere al sicuro da qualsiasi problema.

Come creare un menu di navigazione a tendina in WordPress

7 novembre 2011 by wordpress 14 Comments

Siccome in molti lo chiedono, ecco una breve guida su come creare un menu di navigazione a tendina dal pannello di WordPress. Per farlo, è necessario che il tema supporti i menù personalizzati introdotti da WordPress 3.0. Nel caso non sia così si può cambiare tema, oppure, se si è esperti, modificarlo seguendo questa guida: Aggiungere un menù di navigazione ad un tema di WordPress.

[banner336]

Per sapere se il proprio tema supporta i menu personalizzati, è sufficiente andare su Aspetto->Menu: se c’è almeno una posizione disponibile, allora sono supportati. Per esempio il tema in uso su questo blog (Platform Pro) prevede tre posizioni:

Per creare un nuovo menu, sempre dalla pagina Aspetto->Menu, si deve cliccare sulla tab con il segno “+“, inserire il nome del menu e cliccare su Creazione menu.

A questo punto si possono inserire le voci nel menu: dai box a sinistra possiamo selezionare pagine, categorie o specificare nome e URL di un link personalizzato. Per ottenere l’effetto tendina si devono inserire le voci di secondo livello indentate rispetto a quelle di primo livello trascinandole leggermente verso destra. Applicando lo stesso concetto, si possono aggiungere voci di terzo livello e così via.

Una volta raggiunto il risultato desiderato, si deve cliccare in alto a destra su Salva menu per salvare le impostazioni.

L’ultimo passo è quello di assegnare il menu ad una delle posizioni disponibili. Se la procedura è stata eseguita correttamente, cliccando sulla tendina di una delle posizioni comparirà il menu appena creato. Selezionandolo e cliccando su salva, lo si inserisce nel blog.

Il risultato finale sarà simile al menu di navigazione di questo blog.

Skip links

Main navigation

wordpress

Caricamento file facilitato

Dashboard e Admin bar

Per i meno esperti

Permalink

Temi e Widget

Novità tecniche

Template Tag social_ring_show()

Social Ring Widget