Le projet Nathalie Mota m’a permis de créer un site WordPress sur mesure pour une photographe, en utilisant des structures de données avancées et des techniques d’optimisation. J’ai mis en œuvre des CPT, des champs ACF, Ajax et des principes de Green IT pour créer un site performant et respectueux de l’environnement, répondant aux besoins spécifiques de la cliente. La création de structures de données personnalisées avec des CPT et des champs ACF a permis d’organiser efficacement le contenu du site pour répondre aux besoins spécifiques de la photographe. L’intégration d’Ajax a dynamisé l’affichage des données, offrant une expérience utilisateur fluide et interactive. L’utilisation de jQuery a enrichi l’interface utilisateur, facilitant la navigation et l’interaction avec le contenu. L’application des principes de Green IT a optimisé la gestion des images et réduit l’impact environnemental du site, démontrant une approche responsable du développement web. Le développement de templates de contenu dynamiques a permis de créer un site unique et personnalisé, mettant en valeur le travail de la photographe. Créer un site WordPress sur mesure pour une photographe a été le défi de ce projet. J’ai utilisé des structures de données avancées, des techniques d’optimisation et des principes de Green IT pour développer une plateforme performante et respectueuse de l’environnement. // Structures de données personnalisées et développement de thème J’ai mis en place des CPT et des champs ACF pour organiser le contenu, et j’ai développé un thème personnalisé pour répondre aux besoins spécifiques de la cliente. // Interactivité et optimisation avec Ajax et Green IT L’intégration d’Ajax a permis de dynamiser l’affichage des données, tandis que l’application des principes de Green IT a optimisé la gestion des images. // Templates de contenu et interactivité avancée J’ai développé des templates de contenu personnalisés et utilisé jQuery pour enrichir l’interface, offrant une navigation intuitive et une expérience utilisateur optimale. Découvrez le code source de ce projet sur GitHub et explorez le site web en ligne pour voir le résultat final. Github Site Mota Photo Site Nathalie Mota
Planty
La création d’un site WordPress personnalisé pour Planty a été une expérience d’apprentissage complète. J’ai utilisé HTML, CSS et PHP pour adapter un thème, et j’ai intégré Git et GitHub pour une gestion de projet efficace. L’adaptation d’un thème WordPress existant a permis de créer un design unique et personnalisé pour Planty, en respectant fidèlement les maquettes fournies. La personnalisation du thème enfant avec PHP a permis d’ajouter des fonctionnalités spécifiques, améliorant l’expérience utilisateur et répondant aux besoins de Planty. L’utilisation de Git et GitHub a facilité la gestion de versions et la collaboration, assurant un suivi précis des modifications apportées au projet. L’intégration de plugins et la création de pages ont permis de construire un site complet et fonctionnel pour Planty, en utilisant Gutenberg et d’autres outils. L’ajout d’un lien « Admin » dans le menu a permis de faciliter l’accès à l’interface d’administration pour les utilisateurs connectés. Le projet Planty m’a permis de personnaliser un thème WordPress pour une jeune marque de boissons, en utilisant HTML, CSS et PHP. J’ai également découvert l’utilisation de Git et GitHub pour la gestion de versions, ce qui a été une expérience enrichissante. // Installation et configuration de WordPress Un template WordPress a été adapté selon une maquette précise, en utilisant HTML et CSS, pour répondre aux besoins visuels de la marque Planty. // Création et personnalisation d’un thème enfant Un thème enfant a été personnalisé avec PHP pour intégrer les fonctionnalités spécifiques demandées par Planty, assurant une expérience utilisateur optimale. // Développement de pages et fonctionnalités spécifiques J’ai développé les pages demandées en utilisant Gutenberg et des plugins, et j’ai ajouté un lien « Admin » dans le menu pour les utilisateurs connectés, en utilisant des hooks et des fonctions PHP. Découvrez le code source de ce projet sur GitHub et explorez le site web en ligne pour voir le résultat final. Github Site Planty Site Planty
Riding Cities
Ce projet a été mon premier pas dans le monde du développement web. J’ai découvert les bases de HTML et appris à structurer une page web à partir de maquettes. Ce fut une expérience formatrice où j’ai pu mettre en pratique mes connaissances et développer de nouvelles compétences. Création de section avec texte et images en suivant une maquette donnée. Adaptation d’une section existante en y ajoutant des éléments et en modifiant son apparence. Utilisation de classes CSS pour modifier l’apparence des éléments HTML. Structuration du contenu d’une page web à l’aide des balises HTML. Lien de documents à des éléments HTML pour permettre le téléchargement. Le projet consistait à mettre à jour la page web d’une association fictive, « Riding Cities », en suivant des maquettes fournies sur Figma. L’objectif était de créer une nouvelle section et de modifier une section existante en utilisant uniquement le langage HTML et les classes CSS déjà présentes dans le code. // Création de la section « Les membres fondateurs » Cette section représente la création de la nouvelle section « Les membres fondateurs ». J’ai utilisé HTML pour structurer le contenu, en intégrant du texte et des images en colonnes, tout en respectant la maquette Figma. // Adaptation de la section « Découvrez nos cours » Ici, l’accent est mis sur l’adaptation d’une section existante. J’ai utilisé les classes CSS disponibles pour modifier l’apparence des boutons, du titre et de la couleur de fond, démontrant ainsi la puissance de la personnalisation via CSS. // Liaison de documents et accessibilité Cette section se concentre sur l’ajout de fonctionnalités, notamment la liaison de documents PDF aux boutons de téléchargement. J’ai également veillé à l’accessibilité en renseignant correctement les attributs « alt » pour les images. Découvrez le code source de ce projet sur GitHub et explorez le site web en ligne pour voir le résultat final. Github Site Riding-Cities Site Riding-Cities