Foodlab

FOODLAB : REPRODUIRE UN SITE SUR WORDPRESS

Dans ce projet, j’ai réalisé un site WordPress à partir d’une maquette imposée. L’objectif était de reproduire le plus fidèlement possible le design et la structure du site, tout en comprenant les étapes essentielles de la création d’un site WordPress. Le thème du site portait sur la nourriture, avec un univers visuel moderne et attractif.

COMPRENDRE LA MAQUETTE ET ORGANISER LE SITE

La première étape a été d’analyser la maquette fournie afin d’identifier les différentes pages, les sections, la hiérarchie des contenus et les éléments graphiques importants. Cela m’a permis de comprendre la structure du site avant de passer à la création sur WordPress.

J’ai ensuite organisé l’arborescence du site et défini les pages principales (accueil, présentation, recettes, contact), afin de respecter la logique de navigation prévue par la maquette.

CRÉATION DES PAGES

Pour construire les pages, j’ai utilisé l’éditeur de blocs WordPress. J’ai travaillé avec différents blocs comme les conteneurs, les colonnes, les textes, les images et les boutons pour créer chaque section du site.

Chaque bloc a été ajusté pour respecter la mise en page de la maquette, en faisant attention aux alignements, aux espacements et à la lisibilité des contenus.

PERSONNALISATION CSS

Pour aller plus loin que les réglages de base, j’ai ajouté du CSS personnalisé. Cela m’a permis de modifier certains styles qui n’étaient pas disponibles directement dans WordPress, comme les couleurs, les typographies, les tailles de texte ou certains espacements.

Grâce à ce CSS, j’ai pu obtenir un rendu plus fidèle à la maquette et plus cohérent sur l’ensemble du site.

RESPONSIVE ET ADAPTATION AUX ÉCRANS

Le site a été pensé en responsive afin de s’adapter aux différents écrans. J’ai vérifié l’affichage sur ordinateur, tablette et mobile, et ajusté les blocs, les colonnes et les tailles de texte pour que le site reste lisible et agréable sur tous les supports.

UN PROJET WORDPRESS COMPLET & FORMATEUR

Ce projet m’a permis de découvrir toutes les étapes de création d’un site WordPress : analyse d’une maquette, création des pages, utilisation des blocs, ajout de CSS personnalisé, gestion du responsive et mise en place d’un formulaire. Une expérience complète qui m’a permis de gagner en autonomie sur WordPress.