Cómo marcar texto en WordPress (Guía para principiantes)

¿Está buscando una manera de resaltar el texto en una publicación o página de WordPress?

Al resaltar el texto, puede llamar la atención del usuario sobre una parte específica de su contenido. Esto puede ser excelente para resaltar una llamada a la acción, una oferta especial o simplemente resaltar ciertas frases.

En este artículo, le mostraremos cómo marcar texto fácilmente en WordPress.

Por qué y cuándo se debe etiquetar el texto en WordPress

Resaltar texto es una manera fácil de resaltar información importante en su contenido. Le ayuda a llamar la atención del usuario sobre los detalles que no quiere que se pierda.

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

Este es un ejemplo de cómo se vería el texto resaltado en una publicación de blog:

Resaltar el texto en un color diferente también puede ayudar a los usuarios con discapacidades visuales o dificultades de lectura a navegar y comprender el contenido con mayor facilidad. Incluso puede mejorar la apariencia 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 esta razón, le recomendamos que solo resalte el texto muy importante, como llamadas a la acción, advertencias y otros detalles a los que los lectores deben prestar atención.

Ahora echemos un vistazo a cómo puede marcar texto fácilmente en WordPress. Puede usar los siguientes enlaces rápidos para saltar al método que desea usar:

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

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

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

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

Esto abrirá un menú desplegable donde deberá seleccionar la opción "Resaltar" de la lista.

Se abrirá un selector de color en su pantalla. Desde aquí, lo primero que debe hacer es ir a la pestaña "Fondo".

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

También puede elegir un color personalizado para resaltar el texto haciendo clic en la opción Personalizar para iniciar la herramienta Cuentagotas.

Finalmente, no olvide hacer clic en el botón "Publicar" o "Actualizar" para guardar sus cambios.

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

Método 2: marcar texto en WordPress con WPCode (recomendado)

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

Puede marcar texto fácilmente en WordPress agregando código CSS a sus archivos de tema. Sin embargo, el más mínimo error al ingresar el código puede hacer que su sitio web sea inaccesible.

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

Crear un fragmento de código con WPCode

Primero necesitas instalarlo y activarlo. Complemento WPCode gratuito. Consulte nuestra guía para principiantes para instalar un complemento de WordPress para obtener más información. instrucciones.

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

Luego simplemente haga clic en el botón "Usar fragmento" debajo de la opción "Agregar código personalizado (nuevo fragmento)".

Esto lo llevará a la página Crear fragmento de código personalizado, donde puede comenzar ingresando un nombre para su fragmento de código.

A continuación, debe seleccionar Fragmento de CSS en el menú desplegable Tipo de código.

Luego haga clic en el cuadro de vista previa del código.

Luego debes copiar y pegar el siguiente código:

mark {
background-color: #ffd4a1;
}

Una vez que haya hecho eso, agregue el código hexadecimal para su color de iluminación preferido al lado background-color línea en el código.

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

Luego, desplácese hacia abajo hasta la sección Insertar.

Aquí, seleccione el método "Insertar automáticamente" para ejecutar automáticamente el código en la activación.

Luego vaya a la parte superior de la página y cambie el interruptor Inactivo a Activo.

Finalmente, haga clic en el botón "Guardar fragmento" para guardar los cambios.

Resaltar texto en el editor de bloques

Ahora que el fragmento de CSS está habilitado, debemos agregar un código HTML en el editor de bloques para resaltar el texto en WordPress.

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

Desde aquí, haga clic en el ícono de Opciones en la barra de herramientas de Bloqueo en la parte superior. Esto abrirá un nuevo menú desplegable donde deberá seleccionar la opción "Editar como HTML".

Ahora verá el contenido del bloque en formato HTML.

Simplemente incluya el texto que desea resaltar aquí <mark> </mark> Etiquetas como esta:

<mark>highlighted-text</mark>

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

Luego haga clic en la opción Edición visual en la barra de herramientas del bloque. para volver al editor visual.

Cuando haya terminado, 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.

Esperamos que esta guía le haya ayudado a aprender a resaltar texto en WordPress. También puede consultar nuestra guía para personalizar los colores de WordPress para que su sitio 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.