En la cuarta clase del curso de Genesis Customizer entramos veremos todos los ajustes que podemos hacer para diseñar el encabezado de nuestra web.
Aunque hay abundantes opciones extra en la versión pro, la verdad es que la versión básica nos brinda todo lo necesario para personalizar nuestro header. Así que vamos a aprovecharla al máximo.
Dentro del apartado Header de Genesis Customizer hay 3 subapartados para controlar el layout general, los ajustes del área de título y los ajustes para el header right. En el siguiente vídeo vemos todos los detalles de cada uno de los apartados. ¡A por ello!
Como hemos podido comprobar en el vídeo es muy sencillo personalizar el Header con Genesis Customizer.
En el primer apartado (Primary Header) tenemos ajustes específicos para elegir el layout. En esta versión básica tenemos 3 opciones:
- Con el título del sitio a la izquierda y la navegación a la derecha (por defecto).
- Con el título del sitio centrado.
- Con el título del sitio a la derecha.
Además, hemos visto que podremos alinear el menú de navegación en el siguiente apartado para terminar de definir nuestro layout. A parte de colores y sombras que podemos aplicar a nuestro header, también será en este apartado en el que definiremos el ancho total del mismo.
Más adelante haremos un ajuste similar para la zona de contenido y como se explica, es recomendable que coincidan. Así que lo tendremos en cuenta a la hora de elegirlo.
En el apartado de Title Area ajustaremos todo lo relacionado con las fuentes del mismo. En Genesis siempre podemos decidir si queremos que este título sea un logo (esto lo seleccionas en el apartado Identidad del sitio del personalizador) o texto. Pues bien, si hemos elegido texto, aquí podremos cambiar las fuentes, tamaños, o colores.
Y por último, tenemos ajustes específicos para el Header Right (que es un área de widget) donde podremos hacer ajustes similares para cambiar colores y tipos. Además, y esto es genial, podremos elegir dónde queremos visualizar y dónde no los widgets que coloquemos aquí. En el vídeo veréis un par de pistas de lo que podríamos poner aquí para sacarle partido.
¡Eso es todo por esta clase! Nos ponemos como tarea hacer todos estos ajustes y probar diferentes combinaciones antes de pasar a la siguiente clase. Como hemos visto, es bastante sencillo, pero si queda alguna duda, estamos en el formulario de soporte para resolverla. ¡Nos vemos en la próxima clase!
Todos los capítulos de este curso:
- Curso de Genesis Customizer #1. Introducción, instalación, activación
- Curso de Genesis Customizer #2. Configuración básica y vuelta de reconocimiento
- Curso de Genesis Customizer #3. Ajustes generales
- Curso de Genesis Customizer #4. Ajustes del header
- Curso de Genesis Customizer #5. Configurando menús
- Curso de Genesis Customizer #6. Ajustes de los archivos
- Curso de Genesis Customizer #7. Opciones para el área de contenido
- Curso de Genesis Customizer #8. Ajustes específicos para posts y páginas
- Curso de Genesis Customizer #9. Opciones para las barras laterales
- Curso de Genesis Customizer #10. Ajustes del footer