Workstation Pro es uno de los child themes de Genesis Framework más flexibles y limpios que puedes utilizar para crear una Web Corporativa o cualquier cosa que se te ocurra.
Todas las áreas de su home e incluso el footer están construidos en lo que llamamos Flexible Layout. Esto quiere decir que el Layout cambia su composición según la cantidad de widgets que vamos añadiendo.
Como con cualquier child theme de Genesis dejarlo como luce en la demo es sencillo, pero en el caso de Workstation Pro no es ni mucho menos el límite. Podemos cambiar totalmente su aspecto fácilmente si lo necesitamos. ¡Imaginación al poder!
3.1 - Pasos previos al diseño
En este primer vídeo vamos a trabajar con los siguientes plugins:
- Woocommerce para crear la tienda online
- Genesis Woocommerce Conect para optimizar Woocommerce
- Ninja Forms para crear el formulario de contacto
- Genesis Simple Sidebars para crear nuevas áreas de Widget y así poder tener widgets distintos en cada página o entrada.
También hemos importado todo el contenido demo. Y por último hemos hecho los primeros ajustes a través del personalizador de WordPress.
Aunque no está en la demo, hemos aprovechado para probar el menú before header con su elemento especial que se coloca en el borde derecho simplemente añadiendo una clase. Ideal para destacar un elemento como por ejemplo un enlace a tu zona de acceso a la intranet.
3.2 - Homepage
Diseñar la home de Workstation Pro es fácil a la par de divertido. Es muy satisfactorio ver cómo los widgets se van recolocando y creando distintos grids según los vas añadiendo. Inspirador incluso. En el vídeo dejamos clavada la demo en pocos minutos.
3.3 - Extras y detalles de diseño
Si pensabas que aquí acababan las opciones te has precipitado. Ya dije al principio que éste es un tema muy completo. Entre otras cosas podemos cambiar totalmente el diseño de los encabezados de las páginas añadiendo una clase fácilmente. ¡Empecemos!
Ya hemos visto como además podemos añadir subtítulos en las páginas simplemente escribiendo unas líneas en el extracto. ¡Queda de maravilla!
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de contacto de la Intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso de puesta a punto de themes #1. Parallax Pro
- Curso de puesta a punto de themes #2. No Sidebar Pro
- Curso de puesta a punto de themes #3. Workstation Pro
- Curso de puesta a punto de themes #4. News Pro
- Curso de puesta a punto de themes #5. Business Pro
- Curso de puesta a punto de themes #6. Studio Pro
- Curso de puesta a punto de themes #7. Aspire Pro
- Curso de puesta a punto de themes #8. Outfitter Pro
- Curso de puesta a punto de themes #9. Author Pro
- Curso de puesta a punto de themes #10. Boss Pro