Planty
Personnalisation d'un thème WordPress pour une startup avec HTML, CSS et PHP.
/!\ LE SITE N'EST ACTUELLEMENT PLUS EN LIGNE /!\
HTML5 | CSS | PHP | WordPress | Gutenberg
Détails du projet à effectuer
/!\ LE SITE N’EST ACTUELLEMENT PLUS EN LIGNE /!\
Ce projet, fait parti d’un exercice de ma formation avec OpenClassrooms.
Je dois intégrer le site vitrine de Planty (marque de boissons énergisantes).
Je dois définir le thème de base et les extensions dont je vais avoir besoin pour répondre à la demande du client et respecter la maquette qui a été réalisée par le designer UI.
Le lien Admin qui est dans le menu du header, ne doit être affiché que lorsque l’internaute est connecté sur WordPress.
Il est demandé d’utiliser un hook pour le développement de cette fonctionnalité.
Le site doit s’afficher correctement sur toutes les tailles d’écran, à savoir desktop, tablette et téléphone à partir de 320 pixels.
Pour ce projet, il n’y a pas de JavaScript à faire.
Il faut absolument respecter la maquette qui est sur Figma.
Ce que j'ai fait
Pour commencer, j’ai pris le thème Astra et l’extension Spectra.
Pour la gestion des pages, je vais utiliser le constructeur natif de WordPress : Gutenberg.
Puis mise en place des extensions suivantes pour répondre aux demandes du client sans à avoir à développer du code :
- Gestion du formulaire de contact avec Fluent Forms.
- Mise en place d’iThemes Security pour la sécurité du site.
- All-in-One WP Migration pour pouvoir créer des sauvegardes facilement.
Pour ce projet, il n’y a pas de JavaScript à créer, mais on a un écran avec un formulaire de commande avec des boutons (+ et -) pour les quantités. Afin d’aller jusqu’au bout et donc de pouvoir faire fonctionner ces boutons, j’ai ajouté le code JavaScript nécessaire.
Réalisation précédente
