Cómo cambiar el color del texto en publicaciones o páginas en 2024

Publicado: 2024-04-29

Para que un sitio sea atractivo, el texto juega un papel importante. El texto puede cambiar la apariencia del sitio.

Cuando hablamos de texto, no sólo nos referimos al texto sino también a su color y estilo. Aunque hay varias personalizaciones disponibles que se pueden realizar para mejorar el aspecto del texto.

En este blog, veremos algunos métodos para cambiar el color del texto en publicaciones o páginas.

Empecemos,

Tabla de contenido

Palanca

Cómo cambiar el color del texto en publicaciones o páginas

Cambiar el color del texto en el tema clásico

Los temas clásicos ya no se utilizan hoy en día, pero los usuarios antiguos todavía utilizan temas clásicos y este método es para ellos.

Aquí usaremos el tema Shop Mania Pro. Es un tema de comercio electrónico súper rápido, perfecto para cualquier tipo de tienda online.

Empecemos,

Abra su panel de control

Dashboard

Primero abra el panel de control de su sitio de WordPress.

Paso 1) Vaya a Publicaciones y abra una publicación.

Classic Post

Pase el cursor sobre Publicaciones y haga clic en Todas las publicaciones. Esto abrirá todas las páginas de su sitio.

Paso 2) Resalte el texto> Haga clic en la flecha> Haga clic en Resaltar

Classic Highlight

Si desea cambiar el color de una palabra u oración en particular, se adopta.

Resalte el texto cuyo color desea cambiar. Luego haga clic en la flecha desplegable que apunta hacia abajo. En el último paso, haga clic en resaltar y elija el color.

Paso 3) Haga clic en Bloquear y luego en Colores

Classic Block color 1

Para colorear el párrafo completo, abra Estilos y haga clic en el texto en la sección de color.

Paso 4) Elige cualquier color

Classic Block Color Full

Elige el color del cuadro que desees.

Cambiar el color del texto con CSS

Este puede ser un método sencillo si se entiende correctamente. Sin embargo, este método debe ejecutarse con cuidado para que no se produzca un error involuntario.

Aquí estamos usando el tema Shop Mania.

entendamos cada paso.

Paso 1) Inspeccione el texto cuyo color desea cambiar

CSS Inspect

Primero, inspecciona el bloque de texto para copiar el CSS. Necesitaremos el CSS más tarde.

CSS HTML CSS

La parte superior que se muestra en el cuadro Inspeccionar es HTML y la parte inferior es CSS.

Paso 2) Copia el CSS del texto.

CSS Copy

Copie la parte resaltada como lo hice yo.

Paso 3) Haga clic en Personalizar

CSS Customize

Ahora cierre el cuadro Inspeccionar y haga clic en Personalizar.

Paso 4) Vaya a CSS adicional

CSS Additional css

Haga clic en CSS adicional. Esto abrirá un cuadro para escribir el CSS.

Paso 5) Pega el CSS

CSS important 2

Pegue el CSS en el cuadro como se muestra en la imagen 1.
Ahora escribe el color CSS: azul;
Pero es posible que no se publique porque ya hay un CSS escrito, por lo que debemos escribir esto en su lugar.
¡color azul! importante:

No olvides poner un corchete '}' al final.

Donde he escrito el nombre del color, puedes usar el código hexadecimal del color respectivo.

Puedes ver el cambio.

CSS Difference 1

Puedes ver que el color del bloque cambia a azul.

Cambiar el color del texto en el tema del bloque

En este método, usaremos el tema Vayu X. Vayu X es un tema de bloque y tiene el calibre para crear un sitio impresionante de cualquier categoría. Significa que puedes crear cualquier tipo de sitio usando este tema.

Veamos los pasos,

Paso 1) Vaya a Apariencia y haga clic en Editor

Block Editor

Después de abrir el panel de su sitio web de WordPress, vaya a Apariencia y haga clic en Editor.

Paso 2) Haga clic en Estilos > Haga clic en el ícono de lápiz

Block Styles

Haga clic en los estilos ya que queremos realizar cambios en los estilos. En la siguiente pantalla, haga clic en el icono del lápiz.

Block Homepage

Esto abrirá el sitio para editarlo.

Paso 3) Haga clic en Colores

Block Colors

Haga clic en colores en la barra lateral derecha. Verás diferentes secciones para colorear.

Paso 4) Cambiar el color del texto

Block Heading

Elige la sección que quieres colorear. Aquí he coloreado el texto del Título.

Cambie el color del texto con el complemento Vayu Blocks

Vayu Blocks es un WordPress que se utiliza para crear un sitio web utilizando bloques. Ofrece una gran ayuda al tiempo que mejora el aspecto del sitio, ya que ofrece muchas opciones de personalización.

Empecemos,

Paso 1) Haga clic en Agregar nuevo complemento

Vayu add new plugin

Primero, necesitamos instalar los bloques Vayu. Navegue hasta los complementos y haga clic en Agregar nuevo complemento.

Paso 2) Vaya al cuadro de búsqueda y busque Vayu Blocks

Vayu Search

Ahora vaya al cuadro de búsqueda y busque bloques Vayu.

Paso 3) Instalar y activar el complemento

Vayu Install Activate

Cuando se muestre el bloque Vayu, haga clic en el botón Instalar ahora y actívelo después de la instalación.

Paso 4) Crea un bloque usando Vayu Blocks

Vayu Heading

Como vamos a usar Vayu Blocks, haz un bloque usando Vayu Blocks. Aquí he utilizado el título de bloques Vayu.

Paso 5) Cambia el color del texto desde la barra lateral de los bloques Vayu

Vayu Color

Vaya a la barra lateral para cambiar el color del texto. Haz clic en el color y elige tu color favorito para el texto.

Así es como puedes cambiar el color del texto usando Vayu Blocks.

Cambiar el color del texto usando un generador de páginas

Podemos cambiar el color del texto usando un Page Builder si el sitio se compone del mismo.

Aquí, usaremos Elementor para cambiar el color del texto.

Paso 1) Ir a páginas

Elementor Pages

Ir a páginas. Esto abrirá todas las páginas que tienes.

Paso 2) Haga clic en Editar con Elementor

Elementor Edit with Elementor

Haga clic en Editar con Elementor. Esto lo llevará a la página de Elementor Builder.

Paso 2) Seleccione el texto y haga clic en Estilos

Elementor Styles

En esta página, puede realizar varios cambios usando Elementor. Tenemos que cambiar el color del texto así que haz clic en el estilo, que encontrarás en la esquina superior izquierda.

Paso 3) Haga clic en Colorbox

Elementor Color

Haga clic en el cuadro de color que se muestra junto al color del texto.
El color del texto se ha cambiado según elegimos.

Preguntas más frecuentes

P. ¿Por qué debería utilizar Vayu Blocks?

Respuesta. Vayu Blocks es un complemento de WordPress y está disponible de forma gratuita. Proporciona varias opciones de personalización para editar los bloques. Los bloques incluyen Título, Botón, Contenedor, Productos y Espaciador.

P. ¿Cuáles son los beneficios de cambiar el color del Texto?

Respuesta. Cambiar el color del texto puede mejorar el aspecto general del sitio. También se utiliza para diferenciar las secciones de unas a otras.

Conclusión

Hemos visto algunos métodos para cambiar el color del texto. Lo hemos hecho en el tema Clásico y en el tema Bloque y usando CSS, Elementor y Vayu Blocks.

Puede utilizar cualquiera de los métodos mencionados anteriormente según le convenga.

Espero que este blog te ayude. Aún así, si tiene alguna consulta o sugerencia, hágamelo saber en la sección de comentarios.
Puedes suscribirte a nuestro canal de YouTube , también subimos contenido excelente allí, también síguenos en Facebook y Twitter .

Ver más

  • ¿Cómo crear un código de cupón en WooCommerce?
  • Cómo redirigir una URL antigua a una URL nueva en WordPress [Guía para principiantes]
  • ¿Cómo crear una página de contacto en WordPress?
  • ¿Cómo configurar pagos de WooCommerce en WordPress? Guía para principiantes

Etiquetas: páginas, publicaciones, color de texto, WordPress