¿Quieres resaltar texto en una publicación o página de WordPress?

Poder resaltar texto puede ayudarlo a dirigir la atención del usuario a un área de texto específica. Esto puede ser excelente para resaltar un llamado a la acción, una oferta especial o simplemente agregar énfasis en oraciones específicas.

En este artículo, le mostraremos cómo resaltar texto fácilmente en WordPress con o sin un plugin.

Por qué y cuándo resaltar el texto

El resaltado de texto es una manera fácil de enfatizar información importante en su contenido. Esto le ayuda a dirigir la atención del usuario a importantes llamadas a la acción.

Aquí hay una muestra de cómo se ve el resaltado de texto:

Ejemplo de texto resaltado

De forma predeterminada, el editor de contenido de WordPress no viene con la opción de simplemente seleccionar y resaltar cualquier texto. Aún puede enfatizar el texto haciéndolo itálico, cambiar el color del texto o hacerlo negrita.

Barra de herramientas de párrafo predeterminada en el editor de bloques de WordPress

Dicho esto, echemos un vistazo a cómo resaltar texto fácilmente en WordPress.

Método 1. Resalte cualquier texto en WordPress (no se requiere HTML)

La forma más fácil de resaltar texto es usando un WordPress plugin.

Primero, debe instalar y activar el Herramientas de edición avanzadas plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

Advanced Editor Tools (anteriormente conocido como TinyMCE Advanced) agrega más opciones de formato y extiende el editor de bloques de WordPress.

Una vez el plugin está activado, puede editar la publicación de WordPress o la página donde desea resaltar algún texto. Simplemente seleccione el texto que desea modificar y luego haga clic en la flecha desplegable para ver más opciones de formato.

Resaltado de texto en WordPress usando herramientas de edición avanzadas plugin

En el menú desplegable, debe seleccionar la opción ‘Marcar’. Esto resaltará el texto usando los colores predeterminados.

Sin embargo, el color real puede variar según los colores de su tema de WordPress. Ahora puede guardar su publicación / página y obtener una vista previa para ver el texto resaltado en acción.

Ejemplo de texto resaltado

Fácil, ¿no?

Sin embargo, si no necesita resaltar texto con mucha frecuencia, el siguiente método le permite hacer lo mismo sin usar un plugin.

Método 2. Resaltar texto manualmente en WordPress

Esta opción requiere un poco de código, pero es fácil de implementar.

Para este ejemplo, usaremos el elemento HTML ‘mark’. Esto se puede utilizar para resaltar y llamar la atención sobre cierta parte de su escritura.

Simplemente edite la publicación o la página donde desea resaltar el texto. A continuación, vaya al párrafo que contiene el texto y luego haga clic en el menú de tres puntos en la barra de herramientas del bloque. Desde aquí, debe seleccionar la opción ‘Editar como HTML’.

Editar un bloque como HTML

A continuación, verá texto sin formato en formato HTML. Simplemente envuelva el texto que desea resaltar dentro del <mark> y </mark> etiquetas como esta:


<mark>highlighted text</mark>

Ahora puede volver al modo visual haciendo clic en el menú de tres puntos nuevamente y seleccionando ‘Editar visualmente’ en la barra de herramientas del bloque.

Editar visualmente

El área de bloque volverá al modo visual y notará que el texto seleccionado está resaltado.

Texto resaltado en el editor

Su texto resaltado puede verse diferente dependiendo de su tema de WordPress. Sin embargo, normalmente es solo un fondo amarillo.

Si desea cambiarlo, puede hacerlo agregando su propio CSS personalizado.

Simplemente ve a Apariencia »Personalizar página para iniciar el personalizador de temas. Desde aquí, debe cambiar a la pestaña ‘CSS adicional’.

Configuraciones CSS personalizadas

Aquí puede pegar su CSS personalizado. Puede utilizar el siguiente código CSS como punto de partida.


mark {
background-color: #ffd4a1;
}

Una vez que haya terminado, presione el botón ‘Publicar’ para guardar sus cambios. Ahora puede visitar su blog de WordPress para ver su texto resaltado en acción.

CSS personalizado para cambiar el color de fondo del texto resaltado

Esperamos que esto le haya ayudado a aprender a resaltar texto en WordPress. Es posible que también desee ver nuestra guía sobre los mejores creadores de páginas de WordPress para ayudarlo a crear diseños completamente personalizados sin ningún código, y nuestra comparación de los mejores servicios de marketing por correo electrónico para aumentar su tráfico.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

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