jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo cambiar el color de la fuente en WordPress usando 4 métodos...

Cómo cambiar el color de la fuente en WordPress usando 4 métodos simples

WordPress es un sistema de administración de contenido (CMS) poderoso y popular para crear sitios web atractivos y visualmente atractivos sin restricciones. Permite a los propietarios de sitios personalizar completamente sus sitios web, incluido el cambio de la configuración de tipografía.

Por ejemplo, puede agregar una fuente personalizada, modificar el tamaño de la fuente y cambiar el color de la fuente. Existen múltiples métodos para modificar el color de la fuente en WordPress. Dependen de muchos aspectos, como el tema de WordPress y el editor del sitio.

Sigue leyendo para obtener más información sobre cómo cambiar el color de la fuente en WordPress y las cuatro formas sencillas de hacerlo.

Cambiar el color de la fuente usando el editor de WordPress

El método más fácil para personalizar el color de la fuente es a través del editor de texto de WordPress. Esta sección cubrirá cómo cambiar los colores de fuente predeterminados en WordPress usando el bloque y el editor clásico.

Usando el editor de bloques de WordPress

El editor de Gutenberg o editor de bloques de WordPress ha sido el editor de texto predeterminado desde WordPress 5.0. Con el Color configuración, puede cambiar rápidamente el color de la fuente en una publicación o página.

Siga los pasos a continuación para modificar el color del texto en WordPress a través del editor de bloques:

    Inicie sesión en su panel de WordPress y abra la publicación o página que desea personalizar. Selecciona el Párrafo o Título bloque que desea personalizar. Por ejemplo, utilizaremos el Párrafo bloquear.

🔥 Leer:  Precios Samcart 2024: ¿conviene elegir?

    Haga clic en el icono de tres puntos verticales en la barra de herramientas del bloque y seleccione Mostrar más configuraciones. Alternativamente, seleccione Ajustes en la esquina superior derecha de la pantalla.

    Navegar a la Color sección de configuración y haga clic en el Texto botón. Elija un color adecuado del selector de color predeterminado.

Alternativamente, use el selector de color de fuente personalizado o ingrese el código RGB, HSL o hexadecimal para agregar un color personalizado preferido.

    Hacer clic Publicar o Guardar borrador para aplicar los cambios.

Usando el editor clásico de WordPress

Para habilitar el Editor clásico, primero debe instalar y activar el complemento. Luego, configúrelo como el editor predeterminado a través de Ajustes → Escribiendo → Editor predeterminado para todos los usuarios. Asegúrese de que el editor clásico esté seleccionado.

Tenga en cuenta que el editor de texto clásico solo le permite cambiar el color del texto de WordPress. Mientras tanto, con el editor de bloques, puede personalizar el texto, el fondo y los colores de los enlaces.

Siga estos pasos para cambiar el color de la fuente a través del editor clásico:

    Abra una publicación existente o cree una nueva desde el panel de administración de WordPress. En el editor visual, resalte el texto que desea personalizar.

    Haga clic en el Alternar barra de herramientas botón para mostrar las opciones de formato de texto.

    Selecciona el Color de texto y elija de la paleta de colores.

Alternativamente, agregue un color personalizado haciendo clic en el Costumbre… botón. Use el selector de color o ingrese su código de color RGB o hexadecimal preferido.

    Aplicar los cambios haciendo clic Publicar o Guardar borrador.

Cambia el color de la fuente con el personalizador de temas de WordPress

Puede modificar los colores de fuente de todo el sitio utilizando el personalizador de temas de WordPress. Este método es especialmente útil para cambiar el aspecto general de su sitio de WordPress.

🔥 Leer:  ¿Puedo editar EPS en Photoshop?

Estos son los pasos para personalizar el color de la fuente en WordPress usando el Personalizador de temas. Muchos temas de WordPress admiten la función, pero usaremos veinte quince como ejemplo:

    Desde el tablero de WordPress, vaya a Apariencia → personalizar.

    Selecciona el Colores pestaña.

    Ve a la Color del texto del encabezado y la barra lateral sección y haga clic Seleccionar el color. Elija un color del selector de color o personalícelo con la herramienta de selección de color.

    Hacer clic Publicar para guardar los cambios.

Cambiar el color de fuente en WordPress usando código CSS

WordPress tiene una característica avanzada llamada Adicional CSS para personalizar el tamaño de fuente, los colores y la familia usando código CSS personalizado. En comparación con el personalizador de temas, esta característica ofrece más opciones para diseñar elementos específicos.

Siga estos pasos para usar CSS adicional para modificar los colores de fuente en los elementos de encabezado y párrafo:

    Asegúrese de que su tema actual sea compatible con el Personalizador de temas. Por ejemplo, usaremos el tema Twenty Twenty-Two. Abra una publicación de blog de WordPress a través del front-end del sitio.

    Abierto personalizar de la barra de herramientas superior.

    Seleccionar CSS adicional de la barra lateral.

    En el área de edición de CSS adicional, ingresa el siguiente código para cambiar el color del encabezado:

h2{
	color: #FF0000;
}

h3 {
	color: #00FF00;
}

h4 {
color: #964B00;
}

Ingrese el código CSS debajo del anterior para cambiar los colores del texto del párrafo:

p {
	color: #0000FF;
}

Siéntase libre de cambiar cada código hexadecimal de marcador de posición a su color preferido. El resultado será similar al siguiente:

    Hacer clic Publicar para guardar los cambios.

Cambiar el color de fuente en WordPress con un generador de páginas

Otra forma sencilla de modificar el color de la fuente en WordPress es usar un creador de páginas. En este tutorial, usaremos Elementoruno de los mejores creadores de páginas de WordPress.

🔥 Leer:  Cómo conseguir perlas en Animal Crossing

Siga los pasos a continuación para modificar el color de la fuente en WordPress a través de Elementor:

    Instale y active el complemento de Elementor. Una vez activado, será redirigido a la página del asistente de configuración, donde deberá completar la configuración. Crea una nueva publicación o abre una existente. En el editor de bloques, haga clic en el Editar con Elementor botón.

Una vez que comience a personalizar con Elementor, no vuelva a cambiar al editor de bloques, ya que el contenido, el diseño y el diseño podrían fallar. Recibirá la siguiente advertencia si intenta hacerlo.

    En el área de edición de Elementor, seleccione el Editor de texto elemento.

    Abre el Editar editor de texto panel en el lado izquierdo de la pantalla. Navegar a la Contenido pestaña → Editor de texto y resalte el texto que desea personalizar.

    Haga clic en el Color de texto y seleccione uno del selector de color de fuente.

Alternativamente, haga clic en el Costumbre… para definir su propio color usando el selector de color, RGB o código hexadecimal.

    Hacer clic Actualizar para guardar los cambios.

Conclusión

WordPress le permite personalizar libremente su sitio web. Puede elegir un tema y modificar el estilo visual de cualquier elemento, incluido el color de fuente de WordPress. Al cambiar los colores del texto, asegúrese de que siga siendo legible.

Hemos aprendido cuatro formas de cambiar el color de la fuente en WordPress a través de dos editores de texto de WordPress, el personalizador de temas de WordPress, el código CSS personalizado y un creador de páginas. Dado que los pasos son simples, cualquier propietario de un sitio web de WordPress puede implementarlos fácilmente.

Con suerte, este artículo te ha ayudado a aprender sobre la personalización del color de fuente en WordPress. Siéntase libre de preguntar si tiene alguna pregunta comentando a continuación. ¡Buena suerte en tu viaje en línea!

Recomendamos

Populares