Motaphoto
Contexte
Projet réalisé dans le cadre de ma formation de développeuse WordPress. L’objectif était de concevoir le nouveau site d’une photographe professionnelle à partir de maquettes et de spécifications fonctionnelles, en développant un thème WordPress entièrement personnalisé. Le site devait permettre à la cliente de gérer ses photos et leurs informations depuis l’administration, tout en proposant une navigation fluide, des filtres dynamiques et une consultation optimisée du portfolio.
Technologies
WordPress, PHP, HTML, CSS, JavaScript, Ajax, WP_Query, CPT UI, SCF, Contact Form 7, Git, GitHub
Description
MotaPhoto est un portfolio photographique développé sous WordPress à partir d’un thème entièrement personnalisé. L’objectif était de permettre à une photographe professionnelle de présenter son travail tout en conservant une administration simple et évolutive de ses contenus.
J’ai structuré les photographies avec un Custom Post Type dédié, deux taxonomies pour les catégories et les formats, ainsi que des champs personnalisés pour la référence et le type de chaque photo. Toutes les informations sont ainsi administrables depuis WordPress et récupérées dynamiquement par les templates du thème, sans avoir à modifier le code lors de l’ajout de nouveaux contenus.
J’ai développé un template dédié aux fiches photo avec affichage dynamique des informations, navigation entre les photographies, miniatures au survol, photos apparentées et ouverture d’une modale de contact dont la référence de la photo est automatiquement préremplie. Un composant réutilisable photo-block.php permet d’afficher les mêmes cartes photo dans différentes parties du site sans dupliquer le code.
La page d’accueil intègre une galerie dynamique avec filtres par catégorie et format, tri par date et bouton “Charger plus”. Ces fonctionnalités utilisent Ajax afin de communiquer avec WordPress et de mettre à jour uniquement la galerie sans recharger la page. Les résultats sont générés côté WordPress avec WP_Query, puis renvoyés à JavaScript sous forme de cartes HTML réutilisables.
J’ai également développé une lightbox permettant d’afficher les photographies en grand et de naviguer entre elles, y compris pour les photos ajoutées dynamiquement par Ajax. Le site a enfin été adapté aux formats tablette et mobile et les images ont été optimisées afin de limiter leur poids et les temps de chargement.