Scénario:

Je suis développeur WordPress freelance, et ai décroché une nouvelle mission de développement d’un site. 
Mon client est Nathalie Mota, photographe professionnelle dans l’événementiel.
Elle m’explique qu’elle vient de perdre son site à la suite de la fermeture subite de la plateforme sur laquelle elle l’avait construit.
Pour éviter que cette mésaventure ne se reproduise, elle souhaite développer un site sous WordPress afin de choisir elle-même son hébergeur.
Son site est l’outil qu’elle utilise pour se faire connaître et pour partager les séries de photos avec ses clients.
Ils peuvent ensuite en acheter les droits, les faire imprimer, ou les commander en format HD. 

Mission:

  • Créer un thème personnalisé , le header , le footer et la modale de contact
  • Mettre en place la structure du contenu
  • Intégrer le template single
  • Intégrer la page d’accueil
  • Intégrer la lightbox
  • Exporter le site pour l’envoyer à ma cliente et créer un repository GitHub

Process:

Tout d’abord j’ai crée le thème pour poouvoir gérer le header , le footer et le menu directement depuis le Dashboard WordPress. Ma cliente pourra ainsi gérer et modifier ces éléments facilement.
J’ajoute 2 extensions Custom Post Type UI et Advanced Custom Field qui vont me permettre de gérer facilement les articles pour les photos.
Pour la gestion des filtres en page d’accueil et l’affichage des données des photos , j’ai utilisé Ajax, la méthode Fetch et WP_Query qui va me permettre un affichage dynamique de tous ses éléments.
Création de la modale de contact , avec l’affichage de la référence de la photo sélectionné dans le formulaire grâce a Javascript.

 

Lien vers le repository GitHub

html-5
css-3
1200px-Javascript-shield.svg
github