Rôle
Intégratrice Web
Cours
CMS en 1ère année de Bachelor Cycle Web et Multimédia
Outils
WordPress, CSS
Contexte et Recherche
Le Jardin des Mots est un site vitrine avec blog, conçu pour une librairie souhaitant proposer un espace réservé à ses membres. Ce projet a été réalisé dans le cadre des cours de CMS, lors de ma première année de Bachelor Web & Multimédia à MyDigitalSchool Vannes. L’objectif était de construire un site WordPress structuré, dynamique et doté d’un espace membre complet.
La phase de recherche a commencé par l’analyse de sites de librairies existants, afin d’identifier les bonnes pratiques : organisation des pages, mise en avant des événements, structure des fiches d’articles et gestion des espaces membres.
Un wireframe a ensuite été conçu pour définir clairement la structure du site et anticiper la navigation.
Difficultés
Définir une structure claire et cohérente, pour un site vitrine combiné à un blog et un espace membre. Gérer les restrictions d’accès et les pages réservées aux utilisateurs connectés, via Ultimate Member.
Compétences transversales
Organisation et gestion de projet, pour structurer un site complet sous WordPress. Analyse et adaptation des besoins d’une librairie, afin de concevoir une navigation intuitive et un espace membre fonctionnel.
Identité visuelle
L’identité visuelle du projet (logo, palette de couleurs, typographies) a été réalisée dans un article séparé :
Voir l’article : Identité Visuelle Le Jardin des Mots
Développement
Le site a été développé sous WordPress, avec le thème Kadence, permettant une personnalisation avancée. Plusieurs extensions ont été utilisées, pour optimiser le site, ajouter des animations, gérer les membres, alléger les images et créer des sliders. La structure du site comprend un Header dynamique selon l’état de connexion, un Footer complet, une page d’accueil riche, un blog d’actualités, une page À propos, un espace membre, un club lecteur, un compte utilisateur, ainsi que les pages légales et les formulaires de connexion/inscription.
/*Ultimate Member couleur*/
/* Link colors */
.um a.um-link:hover,
.um a.um-link-hvr:hover {
color: #01421b !important;
}
Gestion avancée des membres
Implémentation d’un espace restreint avec Ultimate Member : inscription, connexion, pages réservées, gestion du compte et confidentialité.
Pages dynamiques et interactives
Création de sliders, carrousels, animations et sections modulaires, grâce à MetaSlider, Spectra et Kadence Blocks.
Optimisation et performance
Compression des images, mise en cache, structure propre et navigation fluide, pour garantir un site rapide et agréable à utiliser.
Conclusion et résultat final
Le Jardin des Mots a permis de concevoir un site WordPress complet, combinant vitrine, blog et espace membre. Ce projet a renforcé ma maîtrise de WordPress, des extensions essentielles et de la gestion d’accès restreint. Il constitue une expérience solide en développement CMS, mêlant organisation, technique et adaptation aux besoins d’une librairie.
