Inicio Informática Cómo añadir más iconos al editor visual de Wordpress

Cómo añadir más iconos al editor visual de Wordpress

Publicado por entreunosyceros
Publicado el: Última actualización:

AVISO: Esta entrada tiene más de dos años desde su publicación. Es posible que el contenido esté desactualizado.

WordpressHace unos días me han preguntado una cosa que me parecía una perogrullada, pero hoy me han vuelto a preguntar otra vez sobre como podrían verse más botones en el editor visual de Wordpress, por eso quiero aclarar que al empezar nuestro CMS muestra una única fila de iconos para dar formato a los textos en el editor visual de entradas.

editor_graf_1

Añadir más iconos al editor visual de Wordpress

Decir que tan solo haciendo clic en el último icono, el que se muestra con un cuadrado rojo en la imagen anterior, aparece una segunda fila  que en mi caso incluye los siguientes botones:

editor_graf_2

  • 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

Por si todas estas opciones no son suficientes para lo que cada cual quiera hacer con sus artículo,  hay una tercera fila de iconos que puedes hacer visible activándola de manera muy sencilla.

Para poder verla solo hay que añadir el siguiente código a tu fichero functions.php o en caso de que lo utilices, en tu plugin functions (si es que lo tienes).

// muestra la tercera fila de iconos en el 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 guardados los cambios podrás ver otros iconos como son:

  • 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.

Si todo esto todavía no y aún quieres más, pues puedes instalar el plugin TinyMCE Advanced, que añade esos iconos y muchísimos más (a voluntad), sustituyendo el editor estándar de WordPress por una versión más “completa”. Esto tiene sus ventajas, pero a la hora de la verdad no harás más que añadir más carga a tu web, por lo que cada cual tendrá que valorar si le resulta adecuado.

También te puede interesar ...

Deja un comentario

* Al utilizar este formulario, aceptas que este sitio web almacene y maneje tus datos.

Adblock Detectado!!

Ayúdanos deshabilitando la extensión AdBlocker de tu navegador para visitar esta web.
Si no sabes hacerlo en Chrome, consulta el siguiente enlace. Si utilizas Firefox, puedes consultar este otro enlace.
Esto mejorará tu experiencia en este sitio web.