Desarrollo de temas hijo para Genesis Framework – 2022

Aprende a desarrollar temas hijo para para proyectos de clientes

  • 5.28 horas de contenido
  • 38 lecciones
  • Nivel Intermedio
  • #Desarrollo WordPress #Genesis Framework #Temas

Adaptación de Genesis Sample

Lecciones

Entorno de desarrollo Enfoque que usaremos De CSS a SASS – Estructura de archivos De CSS a SASS – Variables y mixins De CSS a SASS – Sustitución Archivo para shortcodes, CPTs y ACF Blocks

Empezamos la creación del Tema Hijo

Lecciones

Descripción del proyecto y enfoque que seguiremos Plugins esenciales (ACF, GenerateBlocks, FontAwesome) Colores Paleta de colores del editor de bloques Google Fonts Barra de navegación Pie de página Forzar full-width layout y eliminar áreas de widget

Página "Inicio"

Lecciones

Cabecera Imágenes destacadas Descripción destacada Llamada a la acción

Página "Espacios"

Lecciones

Bloque Sala: grupo de campos y registro Bloque Sala: plantilla Bloque Sala: estilos Estilos del título con un mixin Estilos del párrafo con Block Styles Ocultamos enlace de editar

Página "Tarifas"

Lecciones

Bloque Tabla de precios: grupo de campos y registro Bloque Tabla de precios: plantilla Bloque Tabla de precios: estilos Bloque Incluye: grupo de campos y registro Bloque Incluye: plantilla y estilos

Página "Coworkers"

Lecciones

Creación del CPT "miembro" y la taxonomía "profesión" Incluimos la librería Isotope Maquetación del directorio de miembros Estilos del directorio de miembros Dinamización del directorio de miembros Filtrando con Isotope

Página "Únete"

Lecciones

Creación, configuración y estilos del formulario

Retoques finales y conclusiones

Lecciones

Podando el código Conclusiones y comparación

Lo que aprenderás

El proceso que yo sigo cada vez que realizo un sitio web con Genesis Framework.

Cómo adaptar el tema hijo Genesis Sample para aplicarle cualquier diseño.

Cómo usar SASS y una posible forma de estructurar tus archivos.

Cómo maquetar nuestro sitio web ayudándonos de los hooks de Genesis Framework.

A crear y añadir Custom Post Types, Custom Fields, shortcodes y bloques para dar forma al proyecto.

Cómo crear bloques personalizados con Advanced Custom Fields Pro.

Cómo definir block styles.

Cómo utilizar la librería de jQuery Isotope que nos permite filtrar elementos desde el frontend.

Descripción del curso

En este curso aprenderás a desarrollar sitios web con Genesis Framework para tus proyectos o los de tus clientes.

Partiendo del tema hijo Genesis Sample podrás aplicarle el diseño que desees.

Para ello haremos uso de todos los conocimientos aprendidos hasta ahora sobre el framework, en los dos anteriores cursos y aplicaremos todo lo nuevo que se ha ido introduciendo en WordPress y lo que he aprendido a lo largo de años de usar este framework.

A lo largo del curso crearemos un sitio web para un espacio de coworking.

Sobre David Perálvarez

David Perálvarez

Fundador y formador en SiliCodeValley.

Cuando no estoy creando lecciones compagino mi tiempo con el desarrollo de academias online a profesionales y participando en el podcast Instructores Online.