Se hai aggiornato in questi giorni la versione di WordPress all’ultima release, avrai notato che c’è stata una modifica nell’editor, che, a prima vista, potrebbe sembrare un errore o un conflitto del sistema con qualche plugin: il testo va a capo senza arrivare alla fine della finestra di inserimento del testo.

Non preoccuparti, la tua installazione funziona benissimo, questa impostazione è dovuta a un nuovo setup che è possibile eseguire su WordPress. Con WordPress 3.x si può personalizzare TinyMCE, con lo scopo di visualizzare i tuoi post nell’editor proprio come li vedrai nel front-end, senza dover tutte le volte salvare e andare a vedere le modifiche eseguite (capita ad esempio di avere delle impaginazioni poco piacevoli quando inseriamo delle immagini).

Si può, infatti, impostare la dimensione della finestra in cui si digita per adattarla alla larghezza dei paragrafi del front-end.
Farlo è molto semplice grazie alla nuova funzione

add_editor_style();

che va inserita nel file functions.php del tuo tema.

Questa funzione cercherà il file editor-style.css nella cartella del tuo tema e lo utilizzerà per dare lo stile alla pagina “Visual” dell’editor. Potrai quindi definire lo stile ad esempio per unordered/ordered lists, blockquotes, images, headers, tables, etc.

Ovviamente per fare apparire il tutto uguale in maniera identica al front-end è necessario andare a prendere il setup del foglio di stile del tuo tema in style.css.
Copia quindi tutti i setup del testo da style.css e trasferiscili in editor-style.css e voilà il gioco è fatto (a parte ovviamente il campo mceContentBody che specifica la larghezza del campo in cui digiti e che deve essere uguale a quello della larghezza dei paragrafi nelle tue pagine).

Se volessi qualche setup personalizzato solo per le pagine di editing non c’è nessun problema a farlo, basterà infatti inserirli solo nel foglio di stile editor-style.css e appariranno solo nelle pagine dove componi i tuoi articoli.