Journal de bord
Cours N°1 - jeudi 26 janvier
Qu’est-ce qu’un CMS?
Recherche: quels sont les CMS les plus utilisés?
Une liste est constituée, chaque élève s’attribue un CMS pour la tâche “Fiche Informative”
À propos de WordPress
Petite biographie de WordPress
Une histoire de WordPress en vidéo
Information sur les WordCamps (conférences autour de WordPress).
Le site web du WordCamp Switzerland 2023
Tâche pratique: installer WordPress
Les élèves utilisent à trois différentes méthodes:
- Un WordPress “COM” sur WordPress.com
- Un WordPress “ORG” (auto-géré) chez un hébergeur (comme Infomaniak, Kreativmedia…)
- En local sur son ordinateur, avec un logiciel comme MAMP ou LocalWP
Cours N°2 - 2 février
Premières deux périodes: travail sur les fiches informatives. Certains CMS sont installés dans Infomaniak (Typo3, Drupal).
Périodes 3 et 4: Prise en main de l’interface de WordPress. Des thèmes sont assignés.
Les thèmes traités :
- Articles / Pages - Kelly et Robin
- Menus - Lenny
- Gestion des médias - Charline
- Widgets - Emilien
Les sujets encore à voir :
- Catégories et Tags (étiquettes) - Florian et Jérémy
- Réglages de la page d’accueil - Eric
- Utilisateurs - Xavier
- Les Thèmes - Romane
Un Document Figma a été créé, pour centraliser les informations WordPress.
Cours N°3 - 9 février
Ce cours est dédié aux présentations des CMS étudiés par les élèves. Les supports de présentation se trouvent dans Teams.
Nous faisons avec un exercice: quatre entreprises vous mandatent pour conseiller un CMS pour leur site.
- Un entrepreneur indépendant.
- Une institution culturelle.
- Une startup/entreprise.
- Un gouvernement national.
Cours N°4 - 23 février
Suite de la découverte du CMS WordPress.
Présentation de 3 sujets “Initiation à WordPress”:
- Catégories et Tags (étiquettes) - Florian et Jérémy
- Utilisateurs - Xavier
- Réglages de la page d’accueil - Eric
Des notes ont été prises dans le Document Figma.
Visionnement de 15 minutes de la conférence “State of the Word 2022”.
Les thèmes attribués pour la tâche N°2: “Enquête sur Gutenberg” :
- Templates (Modèles) et “Template Parts” : Kelly, Steven
- Block Patterns : Eric
- Reusable Blocks : Florian, Xavier
- Block Theme Styles : Charline, Emilien
- Fluid Typography et Theme.json : Lenny
- Content-Only Editing : Robin
- Create Block Theme Plugin : Jeremy, Romane
À faire: explorer le fonctionnement de cet aspect de l’éditeur Gutenberg (Block Editor).
Planning: travail durant les séances du 2 et 9 mars (8 périodes).
Forme finale: un enregistrement vidéo de maximum 5 minutes.
Cours N°5 – 2 mars
Cours en présence de Mme Camille Vitré.
Cours N°6 - 9 mars
Production des tutoriels vidéo: à la fin du cours, 8 tutoriels sont produits et déposés dans Teams.
Cours N°7 - 16 mars
Visionnement des tutoriels vidéo. Eclaircissement de certains points pas entièrement clairs dans les vidéos.
Tâches traitées:
- Chaque élève définit son thème de recherche pendant la journée WordCamp. Voir quelques idées sous WordCamp.
- Définir comment seront publiés les articles - un site dédié qui les regroupe ? Utiliser le domaine ID311.ch (ou eracom-pedagogique.ch)? Choisir un thème WP, un style visuel.
- Définir des objectifs précis pour l’écriture des articles. Trouver des exemples pour servir de modèle. Cela peut être utile d’avoir une structure imposée.
Cours N°8 - 23 mars
Activation du site ID311.ch - le domaine a été lié à un hébergement WordPress dans le compte Infomaniak de l’Eracom. Création d’un compte admin pour chaque élève. Lien de la page de login. Emilien et Romane choisissent un thème, Blockster. Quelques modifications sont faites aux Templates par Jérémy, Eric, Romane.
Florian a uploadé les tutoriels vidéo, pour les présenter sur une page.
Charline a créé un début de page Portfolio.
Charline et Jérémy étudient des exemples de blog, rédigent un document de recommandations (voir dans Teams).
Contenus à ajouter dans le site:
- Un résumé de votre thématique choisie, dans un Article (dans catégories WordPress et WordCamp). Tagger l’article avec un mot-clé correspondant à la thématique.
- Ajouter une image et un lien vers votre site-portfolio dans la page correspondante.
Cours N°9 - 31 mars
- Mise à jour du site ID311.ch avec la nouvelle version WordPress 6.2 “Dolphy”.
- Ecriture de résumé / manifeste pour chaque article.
- Préparation d’une fiche d’informations / questions.
- On complète la page Portfolio.
- Amélioration de la page d’accueil
- Modification de certains modèles de page
Participation au WordCamp - samedi 1er avril
- Participation de 8 élèves au WordCamp.
- Trajet Lausanne - Morat avec le train de 8h13.
- Lenny réalise un entretien avec JB Audras.
- Charline réalise un entretien avec Patricia BT et Michelle Bulloch.
Cours N°10 - 6 avril
- Présentation sur le travail de Craig Mod, designer / photographe / écrivain.
- Feedback sur le WordCamp.
- Travail d’écriture sur les articles.
- Réflexion sur la direction artistique globale, modification de certains styles globaux (les espacements par défaut des blocs).
Cours N°11 - 27 avril
- Présentation des articles de Florian, Jérémy, Robin, Eric, Charline.
- Relecture des articles, production de feedback (en utilisant les méthodes de feedback).
- Résolution de plusieurs issues WordPress, qui permettent d’utiliser le CSS Custom. Exemples:
- L’écriture d’un article pour Linkedin est en préparation par Robin.
- Quelques infos communiquées sur le prochain projet, Design 2 CMS
Bonus:
- Partage par Lenny du site Frontend Mentor
Cours N°12 - 4 mai
Démarrage du projet Design 2 CMS.
Les séances du 11 mai, 25 mai, 8 juin sont dédiés à la conception des sites avec WordPress.