Logo WordCamp Zaragoza

Lo del tema framework



Crea tu tema-framework y despliega webs en pocos minutos

@DarioBF - dariobf.com

Logo WordCamp Zaragoza
  • 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: Wikipedia

Entorno 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 - Interfaz

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

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?



@DarioBF - dariobf.com

logo post type podcast

Gracias @Webslides

slides.dariobf.com/WCBarcelona2018 He invertido 13 horas en esta presentación. Sonaba Slipknot, Rammstein, Stravaganzza, Marea...
Logo WordCamp Barcelona 2018