Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

Cómo cambiar el color del texto en WordPress (3 métodos fáciles)

Recientemente, uno de nuestros lectores preguntó si había una manera fácil de cambiar el color del texto en WordPress.
La respuesta es sí. Puede cambiar fácilmente el color de su fuente en WordPress en todo su sitio, o incluso solo por una sola palabra dentro del contenido de su publicación.
En esta guía, le mostraremos cómo cambiar fácilmente el color del texto en WordPress, paso a paso.
Cambia fácilmente el color del texto en WordPress
Hay muchas razones por las que es posible que desee cambiar el color del texto en sus publicaciones o páginas. Tal vez le gustaría enfatizar una palabra clave, o tal vez quiera usar subtítulos de colores en una página en particular.
Alternativamente, es posible que desee cambiar el color del texto en todo su sitio. Tal vez su tema use un color gris para el texto, pero preferiría que sea negro o un gris más oscuro, para una mejor legibilidad.
En este tutorial, cubriremos los siguientes métodos:
  • Cambiar el color del texto con el editor visual (ideal para cambiar algunas palabras, un párrafo o un encabezado al escribir contenido).
  • Cambiar el color del texto en el personalizador de temas (la mejor manera de cambiar los colores de fuente en todo el sitio, pero no todos los temas lo admiten).
  • Cambiar el color del texto usando el código CSS (adecuado para cambiar el color de la fuente en todo el sitio con cualquier tema).
Simplemente haga clic en uno de esos enlaces para saltar directamente a ese método.

Video Tutorial


Suscríbase a WPBeginner
Si prefieres instrucciones escritas, sigue leyendo.

Método 1. Cambiar el color del texto usando el editor visual

Puede usar el editor de WordPress predeterminado para poner palabras, párrafos o incluso subtítulos en un color diferente al de su texto principal.
Un ejemplo de texto coloreado en una página de WordPress
Aquí le mostramos cómo puede cambiar el color del texto con el editor de bloques.
Primero, deberá editar la publicación o página que desea cambiar, o crear una nueva.
Luego, escribe tu texto. Deberá crear un bloque de párrafo o un bloque de encabezado según corresponda. Para obtener ayuda con esto, eche un vistazo a nuestro tutorial sobre cómo usar el editor de bloques de WordPress .
Una vez que su texto esté en su lugar, puede cambiar el color.
Cambiar el color del texto de un bloque
Para este primer ejemplo, vamos a cambiar el color del texto de todo el bloque.
Simplemente haga clic en el bloque y el panel Configuración del bloque debería abrirse en el lado derecho de su pantalla. A continuación, haga clic en la flecha de 'Configuración de color' para expandir esa pestaña. Verá la configuración de color del texto aquí.
Elegir un color de texto para todo el bloque en WordPress
Ahora, puede elegir un nuevo color para el texto. El editor visual le mostrará algunas opciones basadas en su tema. Simplemente puede hacer clic en uno de estos para cambiar el color del texto.
Alternativamente, si tiene un color específico en mente, haga clic en el enlace 'Color personalizado'. Esto abrirá un selector de color donde puede seleccionar manualmente un color. También puede usar esto para escribir un código hexadecimal.
Elegir un color de texto personalizado para tu bloque
Si cambia de opinión y desea volver al color de texto predeterminado, simplemente haga clic en el botón 'Borrar' debajo de las opciones de color:
Establecer su bloque de nuevo al color de texto predeterminado
Consejo profesional: si desea cambiar el color de fondo de un bloque, también puede hacerlo aquí.
Cambiar el color del texto de una palabra o frase
¿Qué pasa si solo quieres cambiar el color de una o dos palabras? También es fácil usar el editor de bloques.
Primero, deberá resaltar las palabras que desea cambiar. Luego, haga clic en la pequeña flecha hacia abajo en la barra de herramientas del editor de contenido .
Resalte las palabras que desea cambiar el color de
Luego, simplemente haga clic en el enlace 'Color del texto' en la parte inferior de la lista desplegable:
Haga clic en el enlace 'Color del texto' en la parte inferior de la lista desplegable
Ahora verá las mismas opciones de color que para todo el bloque. Nuevamente, puede elegir una de las opciones predeterminadas o usar el enlace 'Color personalizado' para seleccionar el color que desee.
Elija el color del texto para sus palabras resaltadas
Las opciones de color no se limitan a los bloques de párrafos. También puede cambiar el color del texto de los bloques de encabezado. Al igual que con los bloques de párrafos, puede establecer el color del texto para todo el bloque en la configuración del bloque. Alternativamente, puede resaltar palabras individuales y cambiar su color.
Cambiar el color del texto de un bloque de encabezado en WordPress
Nota: No puede establecer un color de fondo para los bloques de encabezado.
También puede cambiar el color del texto en un bloque de lista, pero solo resaltando las palabras y usando la barra de herramientas. No hay ninguna opción en la configuración de bloque para cambiar el color del texto para la totalidad de un bloque de lista.
Cambiar el color de fuente con el editor clásico
Si todavía usa el clásico editor de WordPress , puede cambiar el color de la fuente usando la barra de herramientas.
En el editor clásico, haga clic en la barra de herramientas Alternar en el extremo derecho. Luego verá una segunda fila de iconos:
Haga clic en el botón Alternar barra de herramientas para ver la segunda fila de iconos
Ahora, puede seleccionar su texto y cambiar el color de fuente usando el menú desplegable de colores de fuente.
Use el botón de color de texto en el editor clásico

Método 2. Cambiar el color del texto en el Personalizador de temas

¿Qué sucede si desea cambiar el color del texto en todo su sitio web? Muchos de los mejores temas de WordPress te permitirán hacer esto usando el personalizador de temas .
Para este ejemplo, estamos usando el tema OceanWP . Es uno de los principales temas gratuitos disponibles para WordPress.
En su panel de WordPress, vaya a Apariencia »Personalizar para abrir el Personalizador de temas.
Vaya a Apariencia y luego personalice en su panel de WordPress
A continuación, debe buscar una opción como 'Tipografía'. Las opciones disponibles, y cómo se llaman, variarán según su tema.
Seleccione 'Tipografía' o una opción similar en el personalizador de temas.
Avancemos y haga clic en la pestaña Tipografía, o en una opción equivalente. Luego, busque una configuración donde pueda cambiar el texto de sus publicaciones y páginas. En OceanWP, esto se llama el texto 'Cuerpo'. Debe hacer clic en esto, para que pueda personalizar el color de la fuente y más.
Seleccione el texto del cuerpo para modificar en el personalizador
Cuando haga clic en el selector de Color de fuente, verá un selector de color. Elige el color que quieras usar para tu texto. Esto cambiará el color del texto en todas sus publicaciones y páginas.
Elegir el color para el texto de tu cuerpo usando el personalizador de temas
También puede cambiar los colores de sus encabezados de manera similar, utilizando las opciones para cambiar H1, H2, etc.
Una vez que esté satisfecho con sus cambios, haga clic en el botón 'Publicar' en la parte superior de la pantalla.
Publicando sus cambios en su sitio web
Consejo: elegir texto negro o gris oscuro sobre un fondo blanco o muy claro suele ser mejor para facilitar la lectura.

Método 3. Cambiar el color del texto usando código CSS

¿Qué sucede si su tema no tiene la opción de cambiar el color del texto?
Todavía puede cambiar el color de la fuente en todo un sitio utilizando el personalizador de temas. Vaya a Apariencia »Personalizador en el panel de WordPress.
En la parte inferior de la lista de opciones, verá una pestaña que dice 'CSS adicional'.
Abra la sección CSS adicional del personalizador de temas.
Luego, haga clic en la pestaña CSS adicional, y verá algunas instrucciones más un cuadro donde puede ingresar el código CSS.
Para empezar, puede copiar este código en el cuadro. Después de eso, puede cambiar los 6 números al código hexadecimal de su color elegido.
p { color:#990000; }
Ingrese el CSS para cambiar el color del párrafo en el personalizador del tema
Esto cambiará el color de fuente del texto normal en todas sus publicaciones y páginas a rojo oscuro (o cualquier color que elija), de esta manera:
Color de texto personalizado en todo el sitio utilizando código CSS
Si desea cambiar el color de los encabezados dentro de su publicación, puede agregar este código en su lugar:
h2 { color:#990000; }
Nuevamente, cambie el código hexadecimal al color que desee.
Si no está familiarizado con CSS o desea un editor de CSS amigable para principiantes que le permita personalizar fácilmente todos los estilos de su sitio web, le recomendamos que busque CSS Hero . Es un potente editor visual que le permite personalizar los estilos de todo su sitio.
Complemento CSS Hero
Esperamos que este tutorial te haya ayudado a aprender cómo cambiar el color del texto en WordPress. También te pueden interesar nuestros tutoriales sobre cómo cambiar el tamaño de fuente en WordPress y cómo agregar fuentes personalizadas en WordPress .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas