|

Crea tu propio theme base para WordPress con Foundation y Underscores

El titulo de esta entrada fue el titulo de mi presentación en la WordCamp de Las Palmas de Gran Canaria 2019

Slides de la presentación

https://slides.com/helmercol/wordcamp-gran-canaria-2019

Quise transmitir una forma sencilla, rápida y cómoda de tener una plantilla base para WordPress que puede servir tanto para bocetos como para proyectos en producción.

La charla tuvo como protagonista a Foundation (https://foundation.zurb.com/), un moderno framework CSS / JS que nos permitirá tener un control sobre el diseño basándonos en grids, mobile-first, responsive, etc. De una manera muy sencilla e integrando este framework con la estructura básica de una plantilla WordPress usando underscores (https://underscores.me/).

Cualquier persona interesada en el diseño web con WordPress descubrirá o confirmará aún más la facilidad que nos da WordPress a la hora de crear nuestros propios diseños o plantillas web. Adentrarse más en el diseño para WordPress, un acercamiento a HTML y CSS como herramientas básicas de diseño web en general y las bondades que nos dan los diferentes frameworks CSS / JS.

Otro de los motivos de esta ponencia es hacer que las personas descubran nuevas posibilidades a la hora de trabajar con WordPress, despertar el gusanillo de crear sus propios diseños, ver alternativas a las plantillas de stock o los compositores visuales. Un nuevo punto de vista, una nueva oportunidad de aprendizaje con WordPress.

Recursos

**Descargas**
Foundation: https://foundation.zurb.com
_S UNDERSCORES: https://underscores.me

**Proyecto usado**
Github: https://github.com/helmercol

**Recursos gráficos**
Pixabay: https://pixabay.com
GIPHY: https://giphy.com
Unsplash: https://unsplash.com

**Info Grid Layout y Flex**
https://developer.mozilla.org/es/docs/Web/CSS/CSS_Grid_Layout/Relacion_de_Grid_Layout

**Incluir CSS y Javascript en WordPress**
https://developer.wordpress.org/themes/basics/including-css-javascript/

Video de la presentación

Publicaciones Similares

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.