Analyser le template
Il s’agit de transformer un wireframe en une page html/css.
Prenons donc le wireframe de la page single, la plus simple à analyser. Il s’agit d’en identifier les différents morceaux pour aider la stucture du html. On contrôle que la structure correspond aussi dans la version smartphone.
La particularité de ce site par rapport à un site bootstrap standard est que le titre du site est grand, et que la navigation est placée en dessous du titre du site et pas à sa droite comme c’est massivement le cas. Ça va nous obliger à une petite adaptation du code.
Sur base de l’analyse du wireframe, on déduit une structure html, que l’on place dans une page avec tous les imports nécessaires de bootstrap (css et js pour le menu, plus les icônes à toutes fins utiles).