Nathalie Mota

Un site WordPress complexe avec un thème personnalisé Motaphoto pour une photographe freelance

Image montrant le site Natahalie Mota

Langages abordée : Ajax | CSS | Github | HTML | Javascript | JQuery | PHP | Wordpress

Année : 2025

La mission :

Exercice réalisé dans le cadre de ma formation auprès d'Openclassrooms.

Dans le rôle d'un développeur WordPress freelance, j'ai décroché une nouvelle mission de développement d’un site.
Pour son site Motaphoto, Nathalie Mota, photographe event professionnelle, a besoin de saisir des dizaines de photos par semaine et demande une interface de saisie simple et fonctionnelle, des photos filtrables, une visionneuse plein écran et la possibilité ultérieure d'un blog.

Les critères à respecter lors de la construction du site était:

° Le site devait être identique à la maquette qui avait été réaliser par un ami graphiste de Nathalie.

° De réduire la taille de ces images, qui était particulièrement volumineuses.

° De veiller à ce que les interactions avec l’API de WordPress ne soient faites que lorsque cela est nécessaire.

° Le développement du site devait être écologique grâce aux principes du Green code. ° De prévoir dans un avenir l’installation d’un blog pour Nathalie.

Les Grandes lignes de sa réalisation :

J'ai du réaliser de nombreuses étapes, en voici les grandes lignes :

° Création d'un thème personnalisé en installant les bases nécessaires pour pouvoir le gérer depuis le tableau de bord de WordPress.

° Création d’un custom post type Photos et des taxonomies nécessaires, pour obtenir une interface de gestion et d'ajout des photos depuis le dashboard de Wordpress.

° Développement du code des pages + menu mobile personnaliser.

° Création d'un Template de page "single.php" pour que chaque articles s'affiche de la même façon.

° Gestion de l’affichage des photos sur la page d’accueil avec des filtres au moyen d’Ajax et JQuery.

° Développement du JS pour la visionneuse.

° Affichage dynamique de la référence des photos sur le formulaire de contact.