domingo, abril 14, 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:  10 mejores cortafuegos para PC con Windows 10 | Obtenga protecci√≥n de firewall para su PC

    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:  C√≥mo instalar la tienda Google Play en un Kindle Fire para disfrutar de m√°s aplicaciones

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 abrir el puerto 25565 en el Firewall de Windows?

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