Más iconos de formato al editor visual de WordPress

Por defecto, WordPress muestra una fila de iconos para dar formato a tus textos en el editor visual de entradas. Y supongo que ya sabrás que haciendo clic en el último icono, el de los cuadritos de colorines, aparece una segunda fila en la que además tienes los siguientes iconos:

Estilo de párrafo
Subrayado
Justificado total
Color de texto
Pegar como texto plano
Pegar desde Word
Eliminar formatos
Insertar caracteres especiales
Aumentar / disminuir márgenes de texto
Deshacer / Rehacer cambios
Ayuda

Pues bien, lo que quizás no sepas es que hay una tercera fila de iconos que puedes hacer visible …

Para verla solo tienes que añadir este código a tu fichero functions.php, o casi mejor a tu Plugin de Funciones:

// muestra tercera fila de iconos al editor visual
function add_more_buttons($buttons) {
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

Una vez guardes los cambios verás estos otros iconos:

Insertar línea horizontal
Subíndice
Superíndice
Familia de fuente
Tamaño de fuente
Limpiar código de Word
Estilos de wpgallery, oEmbed y más.

Esta nueva fila se verá aunque no hayas desplegado la primera, estará siempre visible.

¿Quieres aún más?, pues puedes instalar el plugin TinyMCE Advanced, que añade esos iconos y muchísimos más (a voluntad y personalizable), sustituyendo el editor estándar de WordPress por una versión más “completa”.

¡Tu eliges!

Para saber más:

http://www.ellobobengy.com/ Bengy

o.o fernando! exelente… hay alguna forma de añadir todos esos iconos sin el plugin?
Anónimo

Hola Fer, perdón, este “comment” no cabe aquí, mas llegué porque no he visto nada en el feed…
¿Cómo vas o, cómo te fue con la migración a la nube?

Noté que el foro sigue en proceso… es por esta cuestión?
Has dicho que nos daremos cuenta solos una vez que AWP esté definitivamente en la nube, pero somos varios los desatentos…

Muchas gracias!

Richy
http://blog.jdiezfoto.es/ Juan

Muy bueno el truco. Yo ya usaba el plugin de TinyMCE. Hablando de escritura hoy me ha surgido un problema curioso con los emoticonos. Y es que también me convierte los símbolos dentro de las etiquetas pre y me pone una URL a la imagen del emoticono.

¿Puede tener algo que ver con el editor del que se habla hoy? ¿Cómo podría anular este comportamiento dentro de las etiquetas pre? Decir que uso un plugin para coloreado de código que se llama SyntaxHighlighter EvolvedMuchas gracias de antemano

http://tellado.es Fernando

Pues yo uso el mismo y no me interfiere con los emoticonos, así que igual es que se lleva mal con el TinyMCE advanced (que no uso pues yo uso solo el editor html)

Luis

Muchos themes usan un botón para meter shortcodes que permiten añadir ciertos estilos. Yo creo que es un método incorrecto, porque lo suyo es que en tinymce te añada directamente el html con el estilo y no un codigo shortcode.

Lo suyo sería añadir lo que comentas en el post para añadir esos “shortcodes” mediante estilos
http://www.facebook.com/TzMarko Arturo Ramirez

Me sirvió mucho. Gracias por el post
Pingback: Añadir paginación a las entradas | Ayuda WordPress
http://blog.jdiezfoto.es/ Juan

He creado a mano una entrada en el editor html y no hay manera, lo sigue haciendo, pero el código html no esta mal, el problema se da al mostrarlo. Me los convierte todos.
Necesito una solución por favor, y no quiero tener que desactivas los emoticonos.

Esto es lo que he puesto en la entrada de prueba

Muchas gracias
http://blog.jdiezfoto.es/ Juan

Bueno, veo que lo ha convertido, esto es lo que he puesto.

Muchas gracias