Le développement consiste à installer et configurer WordPress, puis créer un thème enfant afin de personnaliser le site tout en conservant le thème parent.
Trois pages doivent être créées :
Accueil : présentation de l’entreprise, des produits et des avis clients.
Nous rencontrer : présentation de l’équipe avec un formulaire de contact.
Précommande : formulaire permettant de passer une précommande.
Les formulaires doivent envoyer un email à l’adresse planty.drinks@gmail.com
.
Le contenu du site doit être modifiable depuis l’administration WordPress sans connaissance en code.
Un lien Admin doit également apparaître dans le menu uniquement lorsque l’utilisateur est connecté, grâce à l’utilisation d’un hook WordPress.
Planty
CSS
HTML
WordPress
Dans ce projet, je travaille en tant qu’intégrateur WordPress dans une agence web pour développer le site vitrine de Planty, une jeune marque de boissons énergisantes à base de plantes.
Le site a pour objectif de présenter l’entreprise, ses produits et permettre aux utilisateurs de réaliser des précommandes. À terme, ce site pourra évoluer vers un site e-commerce complet.
Le projet est réalisé à partir des maquettes Figma fournies par le designer et des spécifications fonctionnelles transmises par la cheffe de projet. Le site doit être développé avec WordPress, être responsive (desktop, tablette, mobile) et le projet doit être versionné avec Git et GitHub.
Contexte
Galerie
Difficultés
l’intégration fidèle des maquettes Figma dans WordPress ;
la création et la personnalisation du thème enfant ;
la configuration des formulaires avec envoi d’email ;
la mise en place du hook pour afficher le lien Admin uniquement pour les utilisateurs connectés ;
l’adaptation du site en responsive pour tablette et mobile ;
la validation du HTML et CSS avec le validateur W3C.
la création et la personnalisation du thème enfant ;
la configuration des formulaires avec envoi d’email ;
la mise en place du hook pour afficher le lien Admin uniquement pour les utilisateurs connectés ;
l’adaptation du site en responsive pour tablette et mobile ;
la validation du HTML et CSS avec le validateur W3C.