Los colores son uno de los elementos esenciales del diseño web que pueden evocar emociones específicas de su público objetivo y obtener su reacción. Tienen el poder de aumentar el reconocimiento de la marca e influir en la forma en que alguien percibe su marca, incitar a las personas a tomar medidas, transmitir mensajes y emociones, afectar la legibilidad del texto y mucho más.
A medida que crea su sitio web de WordPress, es posible que sienta que los colores de texto predeterminados realmente no funcionan para usted, por lo que, naturalmente, querrá modificarlos. En este artículo, le mostraremos cómo cambiar el color del texto en WordPress usando cinco métodos diferentes:
Incluso cuando compra un tema de WordPress que se adapta a todos sus requisitos, es posible que desee modificar algunos de sus elementos para que se ajusten mejor al estilo que está tratando de lograr.
Algunos temas en el mercado le permiten controlar el aspecto visual de su sitio web y cambiar los colores del texto, generalmente haciendo clic en Apariencia > Personalizar y luego seleccionando las opciones relacionadas con la tipografía (que es donde se colocan las configuraciones de color de fuente).
Pero los temas de Qode vienen con muchas más opciones de personalización que le permiten modificar los colores de casi cualquier sección de su sitio web. Usted puede ve a las opciones generales de tu tema y cambie no solo el color del texto, sino también el tamaño de la fuente, el peso, la altura y más (el título de la sección de opciones principales en el menú generalmente contiene el nombre del tema o el nombre del perfil + opciones, p. ej. Opciones de Leitmotiv, Opciones de Mikado, etc).
Por ejemplo, si ha instalado Bridge, puede ir a Opciones de Qode > Fuentes y modifique todas las principales configuraciones globales relacionadas con la tipografía allí.
Dependiendo de un tema, también permitir a los usuarios modificar el color del texto en las secciones de encabezado y pie de página de su sitio, en títulos, etc.. Todo lo que tienes que hacer es seleccionar la sección que te gustaría modificar (de las opciones generales) y ajustar el color del texto a tu gusto.
La búsqueda de modificar colores en su sitio web de WordPress se ha facilitado significativamente con el lanzamiento de nuestro nuevo marco interactivo Qode que elevó la experiencia del usuario a un nivel completamente nuevo. Este poderoso marco incluye una variedad de características prácticas que hacen que la experiencia de creación de sitios web del usuario sea más cómoda, una de ellas es el Búsqueda opción. A medida que navega a las opciones generales de su tema Qode que presenta el nuevo marco, notará la barra de búsqueda en la parte superior de la página. Puedes escribir Colores y verá la lista de todas las secciones donde es posible cambiar los colores.
Tampoco somos ajenos a empaquetar potentes códigos abreviados que permiten a los usuarios crear sitios web que se ajusten completamente a sus requisitos y, por lo tanto, según el tema, podemos incluir algunos códigos abreviados que también incluyen contenido de texto, como nuestro Imagen con Texto Código corto. Sería justo permitir que nuestros usuarios también personalicen los códigos abreviados, por lo que hemos incluido las opciones que permiten el cambio de color del texto.
Eso es todo para las opciones de temas generales. Ahora veamos cómo cambiar los colores del texto en páginas individuales.
Para cualquiera que use el Editor clásico, cambiar los colores del texto requiere unos pocos clics.
Para empezar, vaya a la página que desea editar o cree una nueva y agregue el contenido textual. En el menú de la barra de herramientas, haga clic en el Alternar barra de herramientas icono para mostrar la segunda fila de opciones donde el Color de texto se coloca la opción.
A continuación, resalte las partes del texto cuyo color desea cambiar y haga clic en el botón Color de texto icono para jugar con los colores.
Si tiene un color específico en mente que no aparece aquí, haga clic en Personalizado… y seleccione un tono del panel de color o ingrese su código hexadecimal.
Si está trabajando en una página o publicación en Gutenberg y desea cambiar el color del texto de todo el bloque, primero haga clic en el cuadro que contiene el texto. Ahora, eche un vistazo al lado derecho de la pantalla y haga clic en el Ajustes de color opción.
Puede modificar no solo el color del texto, sino también establecer el color de fondo del bloque de la forma que más le guste.
En caso de que desee modificar el tono de solo partes del texto y no de todo el bloque, resalte el texto que desea colorear de manera diferente, haga clic en la flecha hacia abajo y elija Color de texto.
A continuación, aparecerá una paleta de colores y todo lo que tiene que hacer ahora es seleccionar el tono que coincida con el estilo de su marca.
NB En Gutenberg, puede cambiar los colores del texto para los bloques de encabezado y párrafo, pero no puede modificar el color de fondo para los bloques de encabezado.
Cuando desee editar su texto en Elementor, puede usar el Editor de texto widget que es similar al Editor clásico de WordPress. Todas las opciones se enumeran en el lado izquierdo de la pantalla, pero estamos interesados en Color de texto. Resalta la parte del texto que deseas pintar en otro tono y elige el color que más te guste.
Elementor también viene con la práctica Editar sección opción que se muestra sobre el widget que ha agregado a la página.
Haga clic en él y en el menú de la izquierda, seleccione Estilo opción y luego haga clic en Tipografía.
Además de modificar el color del texto, también puede configurar la alineación del texto, el color del encabezado, el color del enlace y más.
Por último, pero no menos importante, nos gustaría mostrarle cómo cambie los colores de fuente en WordPress globalmente usando CSS. Si las opciones del tema que elegiste no son suficientes, esto es lo que puedes hacer para realizar algunos ajustes con respecto al color del texto.
En el menú de tu tablero, selecciona Apariencia > Personalizar.
Aparecerán varias opciones en el lado izquierdo de la pantalla, pero debe hacer clic en CSS adicional.
Ahora aparecerá un cuadro de CSS, en el que debe pegar las siguientes líneas de código:
h1 {
color: #some_hex_code;
}
Por supuesto, puede cambiar el color de cualquier encabezado que desee, ya sea h2, h3, etc., según los encabezados que tenga en su sitio. Por ejemplo, queríamos colorear nuestro h1 en rojo, por lo que agregamos el siguiente código:
h1 {
color: #cc0a0a;
}
Este código es suficiente para cambiar el color del texto en los encabezados, pero si desea modificar el color de otros elementos de texto, use diferentes selectores, por ejemplo «a» para enlaces, «pags» para párrafos, etc.
p {
color: #cc0a0a;
}
Terminemos con esto
Crear un sitio web atractivo es mucho más fácil cuando sabes cómo cambiar los colores del texto en WordPress. Con este tutorial, queríamos mostrarle cómo modificar los tonos de texto globalmente y en páginas individuales utilizando todos los editores y creadores de páginas populares, y el método que decida seguir dependerá de sus preferencias y quizás de sus habilidades. Después de todo, no todo el mundo sabe cómo usar CSS, pero con el tema de WordPress correcto que incluye una gran cantidad de opciones de personalización, ni siquiera necesita saber cómo codificar.
Apoya nuestro trabajo ❤️
Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.
