¿Quieres resaltar texto en una publicación o página de WordPress?
Ser capaz de resaltar texto puede ayudarlo a dirigir la atención del usuario a un área de texto específica. Esto puede ser excelente para resaltar una llamada 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 complemento.
Por qué y cuándo resaltar 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:
De forma predeterminada, el editor de contenido de WordPress no viene con la opción de simplemente seleccionar y resaltar cualquier texto. Todavía puede enfatizar el texto haciéndolo itálicocambiar el color del texto o hacerlo audaz.
Dicho esto, echemos un vistazo a cómo resaltar texto fácilmente en WordPress.
Método 1. Resalta cualquier texto en WordPress (no se requiere HTML)
La forma más fácil de resaltar texto es usando un complemento de WordPress.
En primer lugar, debe instalar y activar el Herramientas de edición avanzadas enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Advanced Editor Tools (anteriormente conocido como TinyMCE Advanced) agrega más opciones de formato y amplía el editor de bloques de WordPress.
Una vez que se activa el complemento, puede editar la publicación o página de WordPress donde desea resaltar algún texto. Simplemente seleccione el texto que desea modificar y luego haga clic en la flecha desplegable para obtener más opciones de formato.
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.
¿Fácil no?
Sin embargo, si no necesita resaltar el texto con mucha frecuencia, el siguiente método le permite hacer lo mismo sin usar un complemento.
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 una determinada 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’.
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.
El área de bloque volverá al modo visual y notará que el texto seleccionado está resaltado.
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’.
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 los cambios. Ahora puede visitar su blog de WordPress para ver su texto resaltado en acción.
Esperamos que esto te haya ayudado a aprender a resaltar texto en WordPress. También es posible que 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.
.