Nathalie Mota
Projet 11: Créez un site WordPress complexe pour une photographe freelance
Détails du projet à effectuer
Pour ce projet , je travaille comme développeur Wordpress freelance, j’ai trouvé une cliente qui s’appelle Nathalie Mota, photographe professionnelle dans l’événementiel. Suite à un problème technique avec son hébergeur, elle a perdu son site.
Elle souhaite refaire son site en respectant un design particulier (voir le lien de la maquette) et des fonctionnalités avancées permettant un chargement rapide des photographies qu’elle propose et qui se répartissent en catégorie d’événements (concert, mariage, télévision et réception) et en format d’image (portrait ou paysage).
Elle veut affecter à chaque photo une référence et un type qui est visible par le visiteur du site sur la page de chaque photo et il ya aussi une modal de contact qui permet de demander un exemplaire de la référence de la photo au format HD
Le cahier des charge (voir ressource externe) est fourni sous la forme d'exigences fonctionnelles, ainsi qu’un le tableau contenant tous les détails des photos mentionnés ci-dessus(non présenté ici)
Ce que j'ai fait
Comme habituellement, j’ai créé un thème enfant pour pouvoir gérer le header, le footer, les menus depuis le dashboard de WordPress. Cela permettra ensuite à la cliente de pouvoir modifier facilement ces éléments de base.
Comme la cliente veut développer plus tard la partie blog, je conserve la partie “articles” de Wordpress et je crée un type de post personnalisé (Custom post type) photographie avec l’extension Custom Post Type UI. Cette extension est utilisée aussi pour créer les taxonomies “catégorie” et “format”.
Pour les champs personnalisés type et référence, le plugin Advanced Custom Fields est utilisé et accessible lors de la création d'une page de détail de photo dans single.php.
Nathalie Mota pourra ainsi ajouter, modifier ou supprimer facilement ces photos.
Pour la gestion des filtres en page d’accueil et de l’affichage des données des photos, j’ai utilisé Ajax, jQuery et wp_query. Ajax permettra d’avoir un affichage dynamique suivant les filtres sélectionnés et sans rafraichissement complet de la page. Wp_query (en PHP) permet de sélectionner le contenu des informations à afficher (par date, par categorie et format en utilisant tax_query), informations envoyé par Ajax (en javascript) .Le “Hero” affiche une des photos du site de manière aléatoire en utilisant WP_query aussi en utilisant rand.
Le nombre des photos est limité à 8 (changement possible dans les paramètres Wordpress), et le client veut un bouton "charger plus " pour afficher une autre série de photo ou une autre page . Cette fonctionnalité utilise Ajax aussi en augmentant le nombre de page affiché. Ce bouton disparait quand toutes les pages sont affiché
Quand le client fait une demande de contact sur la page de détail d’une photo, la référence de cette photo est ajouté dynamiquement dans le formulaire.
Réalisation précédente
