Cómo resaltar texto en WordPress (guía para principiantes)

¿Estás buscando una manera de resaltar texto en WordPress?

Resaltar texto puede ayudar a centrar la atención del usuario en una parte específica de su contenido. Esto puede ser excelente para mostrar un llamado a la acción, una oferta especial o simplemente agregar énfasis a frases específicas.

En este artículo, le mostraremos cómo resaltar fácilmente texto en una publicación o página de WordPress.

Por que y cuando resaltar texto en WordPress

El resaltado de texto es una manera fácil de enfatizar información importante en su contenido. Dirige la atención del usuario a los detalles que no desea que se pierda.

Por ejemplo, resaltar una oferta de descuento en su sitio web de WordPress con un color diferente atraerá la atención del lector y le ayudará a generar más ventas.

A continuación se muestra un ejemplo de cómo se vería el resaltado de texto en una publicación de blog:

Resaltar el texto con un color diferente también puede ayudar a los usuarios con baja visión o dificultades de lectura a navegar y comprender el contenido más fácilmente. Incluso puede mejorar el aspecto de su contenido y hacerlo más atractivo visualmente.

Sin embargo, resaltar demasiado texto en su página puede distraer y reducir su efectividad. Por eso te recomendamos resaltar sólo textos muy importantes como llamados a la acción, advertencias y otros detalles a los que los lectores deben prestar atención.

Dicho esto, echemos un vistazo a cómo resaltar texto fácilmente en WordPress. Puede utilizar los enlaces rápidos a continuación para ir al método que desea utilizar:

Método 1: resaltar texto en WordPress usando el editor de bloques

Este método es para usted si desea resaltar texto fácilmente en WordPress usando el editor de bloques.

Primero, deberá abrir una publicación nueva o existente en el editor de contenido desde la barra lateral de administración de WordPress.

Una vez que esté allí, simplemente seleccione el texto que desea resaltar y luego haga clic en el ícono “Más” en la barra de herramientas del bloque en la parte superior.

Se abrirá un menú desplegable donde tendrás que elegir la opción “Resaltar” de la lista.

Ahora se abrirá una herramienta de selección de color en su pantalla. Desde aquí, primero deberás cambiar a la pestaña “Fondo”.

A continuación, puede elegir un color de resaltado predeterminado entre las opciones proporcionadas.

También puede seleccionar un color personalizado para resaltar el texto haciendo clic en la opción “Personalizado” para iniciar una herramienta “Cuentagotas”.

Finalmente, no olvide hacer clic en el botón “Publicar” o “Actualizar” para guardar los cambios.

Ahora puede visitar su sitio web para ver el texto resaltado en acción.

Método 2: resaltar texto en WordPress usando WPCode (recomendado)

Si desea utilizar constantemente un color específico para resaltar el texto en todo su sitio web de WordPress, entonces este método es para usted.

Puede resaltar texto fácilmente en WordPress agregando código CSS a sus archivos de tema. Sin embargo, el más mínimo error al introducir el código podría dañar tu sitio web, volviéndolo inaccesible.

Por eso recomendamos usarlo. Código WP, que es el mejor complemento de fragmentos de código de WordPress del mercado. Es la forma más fácil y segura de agregar código a su sitio web sin editar directamente los archivos del tema.

Crea un fragmento de código con WPCode

Primero necesitas instalar y activar el archivo. Código WP conectar. Para obtener más instrucciones, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Nota: WPCode también tiene un plan gratuito que puedes utilizar para este tutorial. Sin embargo, la actualización al plan pago desbloqueará más funciones, como una biblioteca en la nube de fragmentos de código, lógica condicional inteligente, opción de fragmento CSS y más.

Después de la activación, vaya a Fragmento de código » + Agregar fragmento página desde la barra lateral de administración de WordPress.

A continuación, simplemente haga clic en el botón “Usar fragmento” debajo de la opción “Agregar su código personalizado (nuevo fragmento)”.

Accederá a la página “Crear fragmento de código personalizado”, donde podrá comenzar escribiendo un nombre para su fragmento de código.

A continuación, seleccione la opción “Fragmento CSS” en el menú desplegable “Tipo de código” en la esquina derecha de la pantalla.

A continuación, copie y pegue el siguiente código en el cuadro “Vista previa del código”:

mark {
background-color: #ffd4a1;
}

Una vez que hayas hecho eso, agrega el código hexadecimal para tu color de resaltado preferido junto a la línea de color de fondo en el código.

En nuestro ejemplo, usamos #ffd4a1, que es un color marrón claro.

A continuación, desplácese hacia abajo hasta la sección “Inserción”.

Desde aquí, seleccione el método 'Inserción automática' para ejecutar el código tras la activación.

Luego, vaya a la parte superior de la página y configure el interruptor “Inactivo” en “Activo”.

Finalmente, haga clic en el botón “Guardar fragmento” para almacenar sus cambios.

Resaltar texto en el editor de bloques

Ahora que se ha activado el fragmento CSS, necesitaremos agregar código HTML en el editor de bloques para resaltar el texto en WordPress.

Primero, abra una publicación nueva o existente en el editor de bloques de WordPress.

Desde aquí, haz clic en el ícono “Opciones” en la barra de herramientas del bloque en la parte superior. Se abrirá un nuevo menú desplegable donde deberá seleccionar la opción “Editar como HTML”.

Ahora verás el contenido del bloque en formato HTML.

Aquí, simplemente ajusta el texto que desea resaltar dentro del archivo. etiquetas como esta:

highlighted-text

Esto resaltará el texto en el color hexadecimal que eligió en el fragmento de WPCode.

A continuación, haga clic en la opción “Editar visualmente” en la barra de herramientas del bloque. para volver al editor visual.

Una vez que haya terminado, continúe y haga clic en el botón “Actualizar” o “Publicar” para guardar los cambios.

Ahora puede visitar su sitio web para ver el texto resaltado en acción.

Bonificación: utilice SeedProd para resaltar páginas importantes en su sitio web

Además de resaltar el texto en las publicaciones de tu blog, es posible que también quieras resaltar secciones importantes de tu sitio web, como el formulario de contacto o una tarjeta de regalo.

Por ejemplo, si tiene una tienda en línea y acaba de lanzar una oferta de temporada, es posible que desee resaltar esa oferta en su sitio web.

Puede resaltar estas secciones creando páginas de destino para ellas. Estas son páginas independientes en su sitio web diseñadas para generar clientes potenciales.

Para crear páginas de destino visualmente atractivas para su sitio web, le recomendamos utilizar SemillaProd. Es el mejor creador de páginas de destino de WordPress del mercado que viene con un creador de arrastrar y soltar, plantillas prediseñadas y numerosos bloques.

SeedProd facilita la creación de páginas de destino atractivas que resaltan secciones importantes de su sitio web, como un formulario de contacto, anuncios de ventas, obsequios, testimonios, formularios de suscripción, páginas de inicio de sesión y más.

Para más detalles, puedes consultar nuestro tutorial sobre cómo crear una página de destino en WordPress.

Aparte de eso, también puedes usar SeedProd para crear temas personalizados, próximas páginas, páginas de mantenimiento y mucho más.

Para obtener más información, consulte nuestra revisión completa de SeedProd.

Esperamos que esta guía te haya ayudado a aprender cómo resaltar texto en WordPress. Es posible que también desee ver nuestra guía sobre cómo personalizar los colores en WordPress para hacer que su sitio web sea más agradable estéticamente y nuestra comparación de los mejores servicios de marketing por correo electrónico para aumentar su tráfico.