Lo del tema framework
Crea tu tema-framework y despliega webs en pocos minutos
- Diseñador UI/UX, Front End
- Especializado en WordPress
- Diseñador y Desarrollador en ActualidadBlog
- Formador y consultor web
/Labs
Club de diseño y desarrollo web
¿Qué es un framework?
Un framework, entorno de trabajo o marco de trabajo es un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar.
Fuente: WikipediaEntorno de trabajo
Conjunto de prácticas
Problemas de índole similar
Consideraciones previas
- Debe satistacer tus necesidades
- Evita incluir funcionalidades
- Organización
- Buenas prácticas: encolado de scripts y estilos, no hardcodear
Extraigamos lo común
- Diseño
- Funcionalidades
- Información
Diseño - Elementos
- Número de elementos por página
- Tamaño del extracto
- Mostrar/Ocultar (Fechas, comentarios, autor...)
Funcionalidades
- Iconos sociales
- Formulario de contacto
- Post Types de información (Equipo, servicios...)
Información
- Datos fiscales
- Información GDPR
- Teléfono, correo electrónico...
- Usuarios de redes sociales
Construyendo el framework
- Página de configuración
- Prepara los defaults
- Automatiza todo lo posible
Página de configuración
- Permite pre-configurar las cosas genéricas
- Desarrollo complejo (fácil con ACF)
- Ahorra tiempo a futuro
Preparar los defaults
- No interesa usar plantillas específicas, sino genéricas (single.php, page.php, archive.php...)
- Generaliza en el framework, afina el tiro en el proyecto
- Define las opciones de diseño con diferentes template-parts
Automatizar lo genérico
- Páginas base: contacto, legal
- after_switch_theme is the key
- TGM Plugin Activation para crear dependencias
Trucos y consejos
- Listo para traducciones (Text Domain y ficheros de traducción)
- Prevenir usos futuros (WooCommerce, por ejemplo)
- Child Theme para afinar en los proyectos
F.A.Q.
¿Y Divi? (o elementor, o lo que sea...)
No hay problema, puedes construir tu framework sobre las herramientas que necesites.
Tiene que optimizar tu flujo de trabajo; nadie como tú para saber cómo optimizarlo
¿No es mejor un mu-plugin?
Sí, pero no. Con un mu-plugin tendríamos que mantener dos piezas. Doble trabajo.
¿Y qué ventajas tiene?
¿Ahorrarte todo el desarrollo inicial no es suficiente?
Tienes todo el theme construido, sólo tienes que configurar y afinar algunos elementos de diseño desde CSS en el Child Theme y listo.
Ventaja extra: Actualiza todos tus sitios con un click
Mantener el tema-framework en un repositorio, actualizarlo ahí y con GitHub Updater salta la actualización en todos tus sitios.
¿Preguntas?
Gracias @Webslides
slides.dariobf.com/WCBarcelona2018 He invertido 13 horas en esta presentación. Sonaba Slipknot, Rammstein, Stravaganzza, Marea...