Semaine 1 : vous pouvez visiter mon site démo en cliquant ici
Semaine 2 : vous pouvez visiter mon projet définitif en cliquant ici
Description des activités de nos deux semaines de formation
Semaine 1
Matinée du lundi
- découverte du cours sur le MOOC
- inscription sur Discord
- création des articles de restitution
- initiation à l’architecture d’un site WordPress
- tests d’architecture, sur nos futurs sites démo
Après-midi du lundi
- choix du sujet de notre site démo
La photographie > Le noir et blanc > Robert Doisneau
- création de notre page d’accueil, sur le modèle du site démo
- utilisation de Photopea pour redimensionner la photo de notre page d’accueil
Matinée du mardi
- début de réflexion sur notre projet de la semaine prochaine
- sujet du site, définition du projet, arborescence du menu, début de zoning
- rencontre avec Valérie Galassi, webdesigneuse freelance
Après-midi du mardi
- suite de la création de nos sites démo, avec Jerill via Zoom (insertion d’une galerie, d’un “faux” lien dans le menu, créations d’articles dans notre catégorie, de widgets)
Journée du mercredi
Sujet du site / Titre
Minuscules Histoires d’insectes, de gouttes d’eau et autres détails miniatures
Description du projet
Sur mon temps libre, je fais de la photo. Des paysages, des portraits, des détails de corps, des insectes, des gouttes d’eau, … C’est la macrophotographie que je souhaite vous présenter.
L’idée est de présenter dans un premier temps ce qu’est la macrophotographie de manière générale, mettre en avant quelques photographes spécialisées dans la macrophotographie. Enfin, je vous proposerai sur le site quelques-unes de mes photos macro.
Zoning
Arborescence
Photographes macro
- Patrick Goujon
Photographe amateur passionné de photo de nature, il a passé deux ans à tout photographier (enfants, sport, animaux ou paysages), puis avec le temps, la nature et plus spécifiquement la macro/proxy-photographie s’est imposée dans ses choix photographiques. 2012 est l’année où il a pris ses première photos avec un vrai objectif macro et entraîné son regard dans cette voie. Une discipline technique bien sûr, mais avec un potentiel créatif énorme.
Ses images peuvent être le fruit d’une mise en scène ou tout simplement l’opportunité d’être là au bon moment. La recherche de la belle lumière est le fil rouge de toutes ses images nature. En 2014 il participe à de nombreux concours photos nationaux et internationaux et confronté ses images à un jury professionnel, ce qui a été une grande expérience pour lui.
Sans titre Sans titre Sans titre Sans titre Sans titre Sans titre
- Thierry Barré
Sans titre Sans titre Sans titre Sans titre Sans titre Sans titre
- René Rouyer
Anax empereur Aurore sur cardamine Chenille de Machaon Lys martagon Parisette Arum
- Julien Martin
Le funambule Nightmare Puits de lumière Sans titre Tapis de mousse Droit dans les yeux
Mes photos
Goutte d’automne Cheveux d’ange Minuscule vision Nervurée Suspension Abeille sur bleuet Veines Perle d’eau Lignes de vie Coccinelle Reflet Toile de lumière
Suite de création du site démo
- ajout d’une page et d’un formulaire de contact
- ajout de deux extensions de sécurité : WordFence Security et IThemes Security
- ajout d’un favicon (icône du site, présente sur la gauche de l’onglet)
Matinée du jeudi
- ajout d’une extension : Ultimate Addons for Gutenberg
- grâce à cette extension, ajout d’un carrousel de photos
- tests de changement de thèmes du site démo
- ajout d’une extension pour modification du CSS : SiteOrigin CSS (permet de modifier certains éléments de l’apparence du site)
Après-midi du jeudi
- aide de Valérie, qui a fait le tour de chacun d’entre nous et a vérifié que l’on ait bien fait tout ce que Jerill nous a demandé entre hier et aujourd’hui (http://sl.lehublot.link/jerill/)
- installation de l’extension : Use Any Font qui nous permet d’ajouter des polices à notre site (mais finalement pas super bien car on ne peut ajouter qu’une seule police)
- utilisation de Fontjoy pour trouver des polices à ajouter à l’extension Google Fonts. Cette extension nous permet d’ajouter cinq polices maximum.
- dans Google Fonts, ajouter le CSS personnalisé suivant : .site-title a, .site-description{font-family: ‘Gayathri’, arial, sans-serif; } –> changer le nom de la police
Matinée du vendredi
Suite de création du site démo
- test d’un nouveau thème : Bravada
- mise à jour de l’apparence suite à l’installation de ce thème
- changement des différentes polices, grâce au CSS
- uniformisation des images de mise en avant de nos articles (création d’un avatar sur Picrew.me)
Après-midi du vendredi
Préparation à la restitution
- vidéo filmée, réponse à ces trois questions, en une minute :
- qui suis-je ?
- qu’ai-je fait cette semaine ?
- à qui je conseillerais les formations du Social Lab ?
- contenu restitution, en trois minutes :
- qui suis-je ?
- présentation du site réalisé cette semaine
Aide de Valérie
- installation de l’extension SEOPress, une aide au référencement web
- installation de l’extension Elementor
- création d’une page test avec Elementor
- restitution par Zoom : présentation de notre site
- à améliorer pour la prochaine restitution : présenter davantage notre parcours pro, dire pourquoi on fait cette formation, prendre le temps quand on fait défiler le site
Semaine 2
Création de notre site perso
Journée du lundi
- arborescence correspondant à celle prévue
- création des deux menus (menu principal en en-tête, menu secondaire en pied de page)
- création de la page contact (formulaire de contact grâce à l’extension WP Forms)
- ajout du favicon
- début de création de la page d’accueil
Journée du mardi
- réunion Zoom pour répondre à nos éventuelles questions
- tour des sites de chacun d’entre nous pour voir les améliorations possibles
- création page d’accueil
- un article complété et mis en page correctement (servira de modèle)
- page “Mes macros” complétée
- thème changé et mis en forme comme je veux
Journée du mercredi
- réunion Zoom le matin en faisant le tour de nos sites et réponses aux questions
- création des articles
- fin page d’accueil
- création d’une page Mentions légales
- suite page A propos
