M谩s

    C贸mo resaltar texto en WordPress (Gu铆a para principiantes)

    - Advertisement -

    驴Est谩 buscando una manera de resaltar texto en una publicaci贸n o p谩gina de WordPress?

    Resaltar texto puede ayudar a dirigir la atenci贸n del usuario a una parte espec铆fica de su contenido. Esto puede ser excelente para mostrar un llamado a la acci贸n, una oferta especial o simplemente para agregar 茅nfasis en oraciones espec铆ficas.

    En este art铆culo, le mostraremos c贸mo resaltar texto f谩cilmente en WordPress.

    Por qu茅 y cu谩ndo resaltar texto en WordPress

    El resaltado de texto es una manera f谩cil de enfatizar informaci贸n importante en su contenido. Le ayuda a dirigir la atenci贸n del usuario a 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.

    Aqu铆 hay una muestra de c贸mo se ver铆a el resaltado de texto en una publicaci贸n de blog:

    Vista previa para resaltar texto en el editor de bloques

    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. Es por eso que recomendamos solo resaltar texto muy importante como llamadas 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 usar los enlaces r谩pidos a continuaci贸n para saltar al m茅todo que desea usar:

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

    Este m茅todo es para ti si quieres resaltar texto f谩cilmente en WordPress usando el editor de bloques.

    Primero, deber谩 abrir una publicaci贸n existente o nueva en el editor de bloques 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.

    Esto abrir谩 un men煤 desplegable donde debe seleccionar la opci贸n ‘Resaltar’ de la lista.

    Expanda el men煤 desplegable M谩s de la barra de herramientas del bloque y seleccione la opci贸n Resaltar

    Ahora se abrir谩 una herramienta de selecci贸n de color en su pantalla. Desde aqu铆, primero deber谩 cambiar a la pesta帽a ‘Fondo’.

    Despu茅s de eso, puede elegir un color de resaltado predeterminado de las opciones dadas.

    Tambi茅n puede seleccionar un color personalizado para resaltar el texto haciendo clic en la opci贸n ‘Personalizar’ para iniciar una herramienta ‘Cuentagotas’.

    Elija un color de resaltado de la herramienta de selecci贸n de color

    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.

    Vista previa para resaltar texto en el editor de bloques

    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 ingresar el c贸digo podr铆a romper su sitio web, haci茅ndolo inaccesible.

    Por eso recomendamos usar C贸digo WP, que es el mejor plugin 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 de su tema.

    Crear un fragmento de c贸digo con WPCode

    En primer lugar, debe instalar y activar el Complemento WPCode gratuito. Para obtener m谩s instrucciones, consulte nuestra gu铆a para principiantes sobre c贸mo instalar un complemento de WordPress.

    Tras la activaci贸n, dir铆gete a la Fragmentos de c贸digo 禄 + Agregar fragmento p谩gina de 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)’.

    Agregar nuevo fragmento

    Esto lo llevar谩 a la p谩gina ‘Crear fragmento personalizado’, donde puede comenzar escribiendo un nombre para su fragmento de c贸digo.

    Despu茅s de eso, debe seleccionar la opci贸n ‘Fragmento de CSS’ en el men煤 desplegable ‘Tipo de c贸digo’.

    Nota: La opci贸n ‘CSS Snippet’ solo est谩 disponible en la versi贸n premium de C贸digo WP. Si est谩 utilizando el versi贸n gratuitaentonces tendr谩 que seleccionar la opci贸n ‘Universal Snippet’ en su lugar.

    Fragmento de CSS como tipo de c贸digo para el texto resaltado en WordPress

    A continuaci贸n, haga clic dentro del cuadro 芦Vista previa del c贸digo禄.

    Luego, tienes que copiar y pegar el siguiente c贸digo:

    mark {
    background-color: #ffd4a1;
    }
    

    Organizado con 鉂わ笍 por C贸digo WP

    Usar con 1 clic en WordPress

    Una vez que haya hecho eso, agregue el c贸digo hexadecimal para su color de resaltado preferido al lado del background-color l铆nea en el c贸digo.

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

    Pegue el fragmento de c贸digo para resaltar el texto en WordPress

    Despu茅s de eso, despl谩cese hacia abajo hasta la secci贸n ‘Inserci贸n’.

    Desde aqu铆, seleccione el m茅todo ‘Inserci贸n autom谩tica’ para ejecutar autom谩ticamente el c贸digo al momento de la activaci贸n.

    Elija un m茅todo de inserci贸n

    A continuaci贸n, dir铆jase 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 almacenar sus cambios.

    Guardar fragmento de c贸digo de resaltado de texto

    Resaltar texto en el Editor de bloques

    Ahora que se ha activado el fragmento de CSS, tendremos que agregar algo de 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 ‘Opciones’ en la barra de herramientas del bloque en la parte superior. Esto abrir谩 un nuevo men煤 desplegable donde debe seleccionar la opci贸n ‘Editar como HTML’.

    Elija la opci贸n editar como HTML en el men煤 desplegable Opciones en la barra de herramientas del bloque

    Ahora ver谩 el contenido del bloque en formato HTML.

    Aqu铆, simplemente envuelva el texto que desea resaltar dentro del<mark> </mark>etiquetas como esta:

    <mark>highlighted-text</mark>
    

    Organizado con 鉂わ笍 por C贸digo WP

    Usar con 1 clic en WordPress

    Esto resaltar谩 el texto en el color hexadecimal que elija en su fragmento de WPCode.

    Despu茅s de eso, haga clic en la opci贸n ‘Editar visualmente’ en la barra de herramientas del bloque. para volver al editor visual.

    Escriba c贸digo HTML en ambos lados del texto que desea resaltar

    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.

    Demostraci贸n de resaltado de texto en WordPress

    Esperamos que esta gu铆a le haya ayudado a aprender a resaltar texto en WordPress. Tambi茅n puede consultar nuestra gu铆a sobre c贸mo personalizar los colores en WordPress para 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.

    Si te ha gustado este art铆culo, suscr铆bete a nuestro Canal de Youtube para tutoriales en v铆deo de WordPress. Tambi茅n puedes encontrarnos en Gorjeo y Facebook.

    La publicaci贸n C贸mo resaltar texto en WordPress (Gu铆a para principiantes) apareci贸 por primera vez en AprenderWP.


    Fuente: C贸mo resaltar texto en WordPress (Gu铆a para principiantes)

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

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