( P2 : Développeur d'Application PHP/Symfony - HTML & CSS )
Cet article répond aux questions suivantes concernant le projet Chalets & Caviar :
Les réponses aux questions de cet article sur le projet Chalet et Caviar :
Sommaire
Découvrez pas-à-pas mon suivi de projet P2 - concernant ma formation de développeur d'application - PHP / Symfony par OpenClassrooms - de A à Z pour la création du site Wordpress de l'agence Chalets et Caviar .
Petite précision importante : Cet article n'est pas destiné à donner la bonne réponse à vôtre projet; ne penser pas recopier la méthode bêtement et réussir votre projet / soutenance ! Il s'agit d'un projet qui a été validé et cet article le retrace tout simplement . Dans cet article, vous aurez surtout un rappel des points importants ( sans trop de détails ) comme celui de bien respecter les exigeances du client, bien lire la fiche du projet et réaliser les cours qui vous semblent essentiels, sans oublier de tout tester avant la soutenance .
Le site est disponible à l'adresse suivante : Chalets et Caviar
Il est réalisé grâce au CMS Wordrpress et hébergé par LWS sous serveur VPS .Le site contient 1 menu personnalisé, 1 page d'accueil personnalisé reprenant chalets, description agence et son équipe . Les pages catégorie ont été épurées et réduites à l'essentiel ( comme les pages chalets ) . Les pages de chalets contiennent toutes un formulaire unique . Le site est responsive avec en complément un formulaire de recherche et un bouton "Back to Top" ( utile en mobile ) . Le haut et bas de page sont visibles sur toutes les pages du site .
Le thème Wordpress sélectionné pour ce site est "Real Estate Agency" . Il s'agit de la version gratuite ( payante disponible et inutile pour ce projet ) . C'est un thème orienté agence de luxe et immobilier; parfait pour les exigences du projet . Il est presque entièrement en français ( pas de fichier langues ! ), et assez responsive si aucune modification n'est réalisée . La personnalisation est assez simple .
Pour pouvoir modifier le thème parent, j'ai créé ce qu'on appelle un thème enfant .
" Un thème enfant est utile pour ne pas avoir à réécrire les modifications à chaque mise à jour du thème parent . "
Pour le créer, il a juste fallu créer un nouveau dossier dans /wp-content/thèmes/ et ensuite créer 2 fichiers indispensables : 1 pour le style de mise en ligne ( CSS ) et 1 pour l'appel des modifications sur le thème parent ( fonctions PHP ) . Chaque fichier qui nécessite une correction doivent être copiés du thème parent pour ensuite être collés dans le répertoire du thème enfant pour être ensuite modifiés .
Le fichier de style CSS à dû être créé ( responsive, nouvelles class, nouveaux id, couleurs et espacement, animations, ... ) ainsi que le fichier de fonctions PHP ( Appel du fichier CSS, suppression de certaines données de pages sur le thème ( méta-données, ... ), personnalisation de la page de connexion, fonctionnalité de recherche personnalisée, MAJ du thème et des extensions automatiques, ... ) . Tous les thèmes et extensions inutiles ont été supprimés . Les fichiers Header ( balisages ... ), Footer ( copyright ... ) et Login ( personnalisation ... ) ont été modifiés ainsi que quelques fichiers pour les traductions . Des fichiers .htaccess ont également été créés / modifiés pour la rapidité, la navigation et la sécurité du site .
Pas de thème builder, le mécanisme de la gestion des chalets est très simple car elle reprend celle d'un blog avec les articles comme création / modification des chalets . Les pages pour la confidentialité et la page de contact / formulaire . Les catégories pour les secteurs Location ou Vente . Rien de plus simple !
4 comptes e-mail et Wordpress ont été crées :
Il est utile de bien créer les comptes mails afin de réaliser les tests du formulaire de contact ...
Les extensions sont peu nombreuses et sont au nombre de 2 pour le formulaire de contact ( contact form 7 ), 1 pour le SEO ( Yoast ), 1 pour le cache ( Fastest Cache - Je recommande cependant WP Rocket ) et 1 pour les cookies ( j'aurai pû le créer facilement en html/css et j'ai été atteint d'une flémingite aigüe de 30 secondes ^^ ! ) ...
Je connaissais déjà parfaitement bien Worpdress ( cf cv ), et j'ai voulu prendre mon temps, donc j'ai suivi tous les cours et ressources disponibles avec ma mentor ... Apprendre le HTML / CSS - Créer un site complet en HTML/CSS - Créer un Thème enfant ... Bon après, je ne travaille jamais en local, - Inspecteur web est mon ami ! - ; donc j'ai travaillé directement en ligne ( cétait loin d'être un projet compliqué et long donc ca convient très bien ) . Le site a été réalisé en 15H environ . Le responsive a pris énormément de temps avec les modifications réalisées en page d'accueil et en page catégorie ...
Suivre des cours, même si on connaît déjà, n'est pas synonyme de perte de temps, c'est parfois utile et cela évite d'en faire trop sur le projet demandé =perte de temps inutile .
Pour préparer ma soutenance enregistrée en vidéo je m'y suis pris très simplement :
Dans l'éditeur de texte, écrire tout simplement ce que l'on voit à l'écran :
Ne pas oublier que la personne ne s'y connaît rien ! ( pas vôtre évaluateur, la directrice dans ce scenario ^^ )
" Et hop ! 19 minutes et 45 secondes ... ( C'est qui le meilleur ? ) "
J'ai livré 6 livrables :
Des questions sur l'importance d'un thème builder, de travailler en local ainsi que la création d'un thème enfant ont été posées .
Les compétences suivantes ont été validées :
Les livrables ont aussi été validés .
Une approche par la simplicité du projet ( la non-utilisation d'un thème builder et une modification des articles des plus simples ) .Beaucoup de maturité et de pragmatisme dans le développement .
Une bonne présentation réalisée avec beaucoup de maîtrise . L'ensemble du travail est correctement présenté . Bon travail dans son ensemble !