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.

Resumen de privacidad
cookies entreunosyceros

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible.

La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudarnos a comprender qué secciones de la web encuentras más interesantes y útiles.

Nunca almacenamos información personal de ningún tipo.

Tienes toda la información sobre privacidad, derechos legales y cookies en nuestra página sobre la política de privacidad o en la página sobre nuestra política de cookies.

Cookies necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de terceros

Esta web utiliza las siguientes cookies adicionales:

- Mailchimp: Recordar si ya estás suscrito al boletín de noticias y sino ofrecértelo al salir.

- Accesibilidad: Para saber tus ajustes de accesibilidad en cada visita.

- Comentarios: Saber si has leído y aceptado nuestra política de privacidad a la hora de dejar un comentario en la web.

- Google Analytics: Localización para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

- Goggle Adsense: Anuncios personalizados según tu geolocalización y preferencias.

Dejar estas cookies activadas nos permite mejorar nuestra web.

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.