Mejora el Editor de WordPress con TinyMCE Advanced

TinyMCE Advance en WordPress

Wordpress tiene muchas cosas buenas que gustan a millones de editores de sitios Web en todo el mundo, pero pese a su popularidad y flexibilidad, no es perfecto.

En algunos aspectos muchos usuarios prefieren adaptar WordPress a sus necesidades en lugar de adaptarse ellos a WordPress y una de las más comunes suele ser el editor de textos.

El editor de texto de WordPress no está nada mal y a mejorado mucho desde sus inicios hasta esta última versión. Cada vez se añaden más funcionalidades pero para editores expertos que se pasan el día aporreando el teclado o simplemente para usuarios a los que les gusta tener más control sobre el texto que escriben, puede quedarse algo corto.

Por suerte en WordPress hay soluciones para casi todo y para mejorar el editor por defecto que trae WordPress tenemos un plugin llamado TinyMCE Advanced.


Plugin TinyMCE Advance

TinyMCE Advance plugin para WordPress

El plugin TinyMCE Advance viene a suplir algunas carencias que podemos encontrar en el editor por defecto de WordPress.

TinyMCE Advance es uno de los plugins más populares que podemos encontrar en el repositorio de WordPress. Con más de un millón de instalaciones activas y actualizaciones constantes que nos aseguran que está muy testeado y que no vamos a tener problema de compatibilidad con nuestra versión de WordPress.

El plugin TinyMCE Advance no hace nada nuevo que el propio editor de WordPress no pueda hacer. Lo que si que hace es facilitar la vida a los usuarios que no son muy duchos editando directamente en HTML o CSS.

  [ninja-popup ID=13602] *  APÚNTATE GRATIS  y recibirás de primera mano las noticias más interesantes del mundo de la tecnología.  CLICK AQUÍ   [/ninja-popup]  


Instalando y Configurando TinyMCE Advance

Para instalar TinyMCE Advance podemos hacerlo directamente desde el repositorio de nuestro WordPress o descargarlo desde la página Web que podemos encontrar aquí.

Una vez tengamos descargado e instalado el plugin podemos ver que en la sección de Ajustes tenemos una nueva opción para editar TinyMCE Advance.

TinyMCE menu WordPress

Si hacemos click nos llevará directamente a la configuración de TinyMCE Advance e la que le vamos a decir como queremos que se comporte el plugin y que opciones queremos que aparezcan en nuestro editor de WordPress.

Lo primero que nos encontramos es la opción Enable the editor menu que podemos activar a desactivar a nuestro gusto.

Activar menu del editor

Este menú viene activado por defecto y ya está activo al instalar y activar TinyMCE Advance. De hecho si vais a una entrada o añadís una nueva veréis que el menú ya está activo.

Tiene opciones interesantes de edición báisca. Quizás una de las más interesantes sea la de poder insertar una tabla directamente de una forma muy gráfica y cómoda. Esta opción puede ahorrar mucho tiempo a muchos usuarios.

insertar tabla en wordpress

Volviendo al menú de configuración, vemos una representación del editor de WordPress desplegado, más dos filas añadidas abajo.

representacion editor wordpress

Un poco más abajo vemos un apartado llamado Unused Buttons con varias funciones como:

  • Subrayado
  • Formatos
  • Familia de fuente
  • tamaños de fuente
  • Cortar
  • Copiar
  • Pegar
  • Subíndice
  • Superíndice
  • Línea horizontal
  • Insertar/editar imágenes
  • Imprimir
  • Texto de enlace
  • Buscar y reemplazar
  • Mostrar bloques
  • Mostrar caracteres
  • Código fuente
  • Código
  • Insertar fecha/hora
  • Insertar/editar vídeo
  • Espacio sin salto
  • De izquierda a redecha
  • De derecha a izquierda
  • Color de fondo
  • Salto de página

De lo que se trata es de que arrastremos los botones al menú en el sitio donde queremos que aparezcan. Cada botón tiene una funcionalidad así que sólo debemos escoger los que más usemos para así montar el menú a nuestro gusto. No olvidaros de hacer click en Save Changes.

arrastar botones

Terminando de configurar TinyMCE Advance

Con lo que hemos hecho hasta ahora ya tendríamos editado nuestro editor de WordPress pero TinyMCE Advance tiene algunas sorpresas más.

Tenemos tres opciones más en Also enable que son:

  • List Style Options
  • Context Menu
  • Link (replaces the Insert/Edit Link dialog)

Destacamos la ultima opción que nos reemplaza el cuadro de diálogo cuando vamos a añadir un enlace dejándonos a primera vista opciones más comunes como poder añadir un nofollow.

cuadro enlaces

Advanced Options

En las opciones avanzadas de configuración de TinyMCE Advance también podemos encontrar opciones interesantes.

Podemos forzar la limpieza de etiquetas inutilizadas de codico como <br> o <p>, crear un CSS propio, ignorar el CSS, reemplazar tamaños de texto y pegar directamente algunas imágenes.

Terminando con TinyMCE Advance

Una vez finalizado el proceso de configuración podemos ir a una entrada o crear una nueva para ver el resultado.

menu editor editado

Podemos ver el menú del editor de texto de WordPress editado con las opciones que hemos seleccionado dándonos así una mayor facilidad de uso en los aspectos más comunes que usemos a diario a la hora de escribir en nuestro WordPress.

Una de las funciones más usadas es la posibilidad de cambiar el tipo de letra cuando se desee sin tocar el código, tan sólo seleccionando el texto y cambiándolo como su de un archivo de Word se tratara.

  [ninja-popup ID=13602] *  APÚNTATE GRATIS  para recibir más consejos y artículos de Expertos en Tecnología.  CLICK AQUÍ   [/ninja-popup]  



Si quiere un hosting especializado en WordPress, Hostinet dispone de un hosting WordPress que cuenta con el mejor soporte técnico especializado para ayudarte en todo lo que necesites para montar tu blog con WordPress.

hosting wordpress en Hostinet


Contactar