Cómo destacar el texto en WordPress

Cómo destacar el texto en WordPress

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email
¡Ponme nota!
5/5

Hoy vamos con un artículo en ReAplicante de los sencillitos en el que te voy a enseñar a destacar texto en WordPress, es decir, ponerle un fondo amarillo para destacarlo como hacías en los apuntes del instituto, además, de varias formas distintas.

Como el post tiene varias opciones y no te quiero marear con la introducción, ahí vamos:

Métodos para destacar texto

CKEditor for WordPress

destacar-texto-wordpress

CKEditor for WordPress es un plugin de edición que te permite hacer muchas cosas bonitas, y básicamente lo que hace es cambiar la botonera de tu pantalla de edición de entradas por otra que tiene bastantes más opciones e incluso una fila adicional.

Pues bien, dentro de esas opciones adicionales está la de destacar el contenido del color que quieras, siendo una poderosa herramienta para llevar la maquetación de tus artículos a otro nivel.

RAD Text Highlighter

destacar-texto-con-rad

RAD Text Highlighter es un plugin muchísimo más sencillo que el anterior que te permite, gracias a un sencillo shortcode, marcar el inicio y el fin del texto que quieres destacar, pero sin cambiar el editor de tu WordPress, claro está.

Dentro de las opciones y configuraciones puedes elegir el color del texto y el color del fondo para que destaque, lo que es una solución muy funcional.

De forma manual

También puedes pasar de plugins y de historias y hacerlo de forma manual añadiendo una etiqueta en el modo Texto (ya sabes, en código) de tu editor de WordPress, es mucho más sencillo de lo que crees y, si eres un pelín espabilado, te ahorrarás un plugin y, con ello, sobrecarga del servidor.

El código es tan sencillo como este:

<span style="background-color:yellow;"> ... el texto que quieras destacar ... </span>

Y el resultado será algo así: el texto que quieras destacar. Genial, ¿verdad?

Por otro lado, si cambias el yellow por otro color o código de color en hexadecimal, también funcionará.

Vía CSS

La última vía y más profesional es hacer un pequeño child theme o añadir la funcionalidad de destacar texto en el que ya tengas creado, porque claro, la parte negativa de hacerlo de forma manual es que, cuando quieras cambiar el color para destacar, tendrás que ir mano a mano cambiándolo, y eso no es lo que queremos (te lo aseguro).

Esta técnica consta de dos pasos, como te decíamos, primero tienes que poner la función en el child theme (o en tu theme normal), más o menos así:

.hightlight-text { background-color:#FFF00; }

Una vez lo tengas cada vez que quieras destacar un texto tendrás que poner en modo Texto del editor lo siguiente:

<span class="hightlight-text">.. texto que quieras destacar ...</span>

Este método es algo más tedioso, pero lo bueno es que cambiando el color una sola vez en el CSS te cambiará todos los destacados que ya hayas hecho, salvándote un montón de tiempo.

Ahora bien, ¿con qué método te quedas?

Sergio Ramírez

Sergio Ramírez

Me gusta más el Marketing Online que las galletas de chocolate. Poca broma.

9 respuestas

  1. Hola, solo quería hacer notar una cosa, el plugin ckeditor está bastante «perseguido» por peticiones deshonestas, se intuye que son hackers o intento de estos.

    Lo digo porque lo llevo observando desde hace tiempo. Si revisas las peticiones verás que incluso sin tener este plugin instalado hay peticiones a este de forma repetida en el tiempo.

    Saludos

    1. Gracias por la info Sebas, lo que no sé entonces es como ha pasado el filtro de la comunidad de WordPress y cómo se mantiene en el repositorio, habrá que investigar…

      1. Hola,

        De nada Nexus.

        La verdad, no se cual es el nivel de filtros de la comunidad de wordpress, y no me he puesto a indagar cual es el nivel de confiabilidad de este plugin.

        Lo que si se es que también han habido plugins o herramientas del core de wordpress con vulnerabilidades (en wordpress y en todos los cms).

        Saludos

    1. ¡Muy buenas!

      Necesitas tener un WordPress alojado por ti mismo, si es así, sólo tienes que descargarlo, activarlo y listo.

      ¡Un saludo!

  2. Muy bueno, es lo que andaba buscando , e utilizado el truco de hacerlo de forma manual, si puedo evitar los plugins mejor que mejor.
    Muchisimas gracias por esta info de verdad se agradece y más a la gente como yo que de codigo andamos justos,

Responder a Sergio Ramírez Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.