Activité 1 : Wordpress
Durée : 16h
Type d'activité : en groupe
Ressources : voir dernière page
Objectifs
1. Maîtriser les fondamentaux de WordPress
2. Comprendre et utiliser efficacement l'interface de WordPress
3. Créer et gérer du contenu avec WordPress
4. Personnaliser l'apparence d'un site WordPress
5. Étendre les fonctionnalités de WordPress avec des plugins
6. Appréhender les bases du développement WordPress
7. Collaborer à plusieurs sur un même site wordpress
8. Réaliser une maquette et l'intégrer
Contexte
Vous êtes une équipe de développeurs en charge de concevoir et de
réaliser un site vitrine pour le CAEIB. La bibliothèque souhaite
mettre en valeur ses activités (animations, expositions, ateliers) et
ses collections (livres, magazines, etc.) à travers un site web
moderne, esthétique et intuitif.
Ce projet vous permettra de :
● Apprendre à utiliser WordPress pour concevoir un site web.
● Collaborer en équipe sur un projet numérique concret.
● Passer par toutes les étapes clés d’un projet web : conception,
maquette et réalisation technique.
Missions
Analyse des besoins
● Identifier les attentes principales d’un site vitrine pour une
bibliothèque.
● Étudier des exemples de sites existants pour s'inspirer des
meilleures pratiques en termes de design et d’expérience
utilisateur.
Conception et planification
● Définir l’arborescence du site (pages principales comme
"Accueil", "Activités", "Collections", "Contact", etc.).
● Élaborer un cahier des charges synthétique pour organiser les
fonctionnalités principales.
● Réaliser une maquette visuelle haute fidélité du site à l'aide de
Figma .
Réalisation technique
● Installer WordPress et configurer un environnement de
développement collaboratif.
● Choisir un thème adapté et personnaliser son apparence et
ses fonctionnalités.
● Intégrer les contenus (textes, images, vidéos) et optimiser leur
présentation.
Test et présentation
● Tester le site pour vérifier son bon fonctionnement et corriger
les éventuels bugs.
● Préparer une présentation du projet, détaillant les choix
effectués et les apprentissages réalisés.
Livrables attendus
1. Maquette visuelle
○ Une maquette haute fidélité présentant l’interface
complète du site (page d’accueil, page des activités, fiche
de livre, page de contact).
2. Site WordPress fonctionnel
○ Un site opérationnel comprenant les pages définies dans
l’arborescence, avec un design personnalisé et des
contenus intégrés.
3. Rapport de projet
○ Une synthèse décrivant :
■ Les étapes du projet.
■ Les fonctionnalités et choix techniques
implémentés.
■ Explication du fonctionnement de Wordpress
(differents services, installation, etc)
■ Les difficultés rencontrées et les solutions
apportées.
4. Présentation orale
○ Une démonstration du site accompagnée d’une
explication des choix de design et des fonctionnalités,
ainsi qu’un retour d’expérience sur le travail collaboratif.
1. Documentation officielle WordPress :
[Link] (FR/EN)
2. WP Beginner : [Link] (EN)
3. Grafikart - Tutoriels WordPress :
[Link] (FR)
4. WordPress TV : [Link] (EN)
5. Elementor Academy : [Link] (EN)
Blogs et sites spécialisés :
1. WPFormation : [Link] (FR)
2. WP Marmite : [Link] (FR)
3. Kinsta Blog : [Link] (FR/EN)
4. WPML Blog : [Link] (FR/EN)
5. Torque Magazine : [Link] (EN)
Chaînes YouTube :
1. [Link] WordPress For Non-Techies :
[Link] (EN)
2. WPTuto : [Link] (FR)
3. [Link] : [Link]
(EN)
4. Divi Builder :
[Link] (EN)
5. Elementor : [Link]
(EN)
Forums et communautés :
1. Forum officiel WordPress :
[Link] (FR)
2. Stack Exchange WordPress :
[Link] (EN)
3. Reddit r/Wordpress : [Link] (EN)
4. Facebook Groupe WordPress France :
[Link] (FR)
Outils en ligne :
1. Can I Use : [Link] (pour vérifier la compatibilité
des fonctionnalités web)
2. CSS-Tricks : [Link] (pour des astuces CSS
avancées)
3. MDN Web Docs : [Link]
(documentation web complète)
4. GitHub WordPress : [Link]
(code source de WordPress)
5. WordPress Codex : [Link]
(documentation officielle de WordPress)
Newsletters :
1. WP Tavern : [Link] (EN)
2. MasterWP : [Link] (EN)
3. WP Mail : [Link] (EN)
