Curso WordPress

Cambiar colores y tipografías en WordPress

cambiar colores y tipografías en wordpress

Tabla de contenidos

Si has seguido el Curso de WordPress, en el módulo anterior te explicaba como modificar el pie de página en WordPress, ahora vamos a ver como modificar los colores y tipografías.

Las tipografías y los colores que se usan en WordPress, dependen del tema que se utilice, yo te recomiendo usar el mejor tema gratis para WordPress y se trata de Blocksy. En este video te explico como modificar los colores y tipografías con el tema Blocksy.

👉 Descarga Blocksy Gratis

En el personalizador de WordPress y al tener ya instalado el tema gratis Blocksy. Te mostrará las opciones de Color y Tipografía.

Colores

Blocksy te ofrece la posibilidad de estandarizar los colores de tu sitio web usando variables. Estas variables son: Color 1, Color 2, Color 3, etc. Puedes crear tantas variables como quieras.

cambiar colores del tema blocksy en wordpress

Una vez que asignes un color a cada variable, ya podrás usarlas desde el editor de bloques de WordPress. De esta manera, si asignas la variable de Color 1 por ejemplo a un botón, pues el color de esa variable lo puedes cambiar desde el personalizador y ese botón cambiará automáticamente.

Esto es muy útil para no tener colores fijos y puedes hacer cambios más rápido, ya que tan sólo cambiando el color de las variables, todos los colores de tu sitio van a cambiar.

La configuración de colores de Blocksy, también te ofrece la posibilidad de usar y crear paletas de colores. Simplemente haz clic, sobre los 3 puntos y entra a paletas de colores, o bien guarda tu paleta de colores, y utilízala siempre que necesites.

Las paletas de colores guardadas las vas a encontrar haciendo clic en los 3 puntitos, luego selecciona paletas de colores, y en la pestaña personalizados vas a encontrar tus paletas personalizadas.

paletas de colores blocksy

Tipografías

También entrando al personalizar de WordPress, encontrarás el menú tipografías, Blocksy usa Google Fonts, así que puedes ver todas las tipografías disponibles en la librería de Google Fonts.

colores personalizador de blocksy en wordpress

Consejos adicionales

  • Utiliza una paleta de colores coherente: Elige colores que se complementen entre sí y que transmitan la esencia de tu marca.
  • Selecciona fuentes legibles: Asegúrate de que las fuentes que elijas sean fáciles de leer y que se adapten a diferentes tamaños de pantalla.
  • Crea contraste: Utiliza suficiente contraste entre el color del texto y el fondo para garantizar una buena legibilidad.
  • Mantén la consistencia: Aplica los mismos colores y tipografías en todo tu sitio web para crear una experiencia visual uniforme.
  • Experimenta: No tengas miedo de experimentar con diferentes combinaciones de colores y tipografías hasta encontrar el estilo que mejor se adapte a tu sitio web.

En el módulo que sigue del Curso de WordPress, te voy a enseñar a usar el editor de bloques de WordPress. Allí complementarás estas tipografías y colores para que puedas experimentar como se ven en aplicados.

Deja el primer comentario