Exercice WordPress : le centre de yoga

image_pdf
Activité(s) / Tâche(s)
Animation et publication de contenus sur un site WordPress
CompétencesCritères de validation
Produire, publier et assurer la visibilité des contenus digitaux
– Choisir un thème
– Ajouter et modifier les utilisateurs
– Créer des pages et des articles
– Insérer des images, vidéos
– Mobiliser les outils Gutenberg
– Travailler la mise en page
– Organiser les pages à l’aide de menus
– Utiliser les catégories
– Manipuler l’extension Yoast SEO
Qualité et pertinence des contenus publiés

Description du contexte

YOGA CENTER est un centre de yoga situé au Cendre, créé par Agnès BIGOT.

Adresse : 7 rue de la mairie, 63670 Le Cendre

Elle a créé le centre en s’associant avec plusieurs professeurs.

Elle souhaite développer sa clientèle auprès des enfants.

Une journée portes ouvertes est organisée le 15 mai prochain : les enfants (accompagnés de leurs parents) pourront tester différents cours.

Les visiteurs pourront également s’abonner au centre YOGA CENTER pour l’année (abonnement à 400 € au lieu de 500 €, uniquement dans le cas d’un abonnement sur place, le jour de cette journée portes ouvertes).

Depuis peu, le centre c’est associé à une école de danse qui propose différents cours (hip / hop, modern jazz, danse contemporaine, …).

Horaires d’ouverture : du lundi au samedi, de 8h à 23h.


Objectifs

YOGA CENTER souhaite créer un site vitrine permettant de présenter l’offre, l’histoire de sa fondatrice ainsi que les professeurs du centre. Ce site doit améliorer leur visibilité sur le web.

  • Tous les cours doivent être répertoriés
  • Les internautes doivent pouvoir s’inscrire via un formulaire
  • Les internautes doivent pouvoir réserver en ligne un cours
  • Yoga et danse devront être présentés distinctement

Une refonte graphique a été validée par la dirigeante, avec un changement de codes couleurs.

Codes couleurs

Structure du site

  • ACCUEIL : message de bienvenue, qui sommes nous
  • NOTRE CENTRE : présentation de la salle et des moyens (matériel, professeurs, …)
  • ACTIVITÉS : présentation des différents cours
  • CONTACT : contient les coordonnées postales, une carte Google Map et un formulaire de contact

Pensez à mettre des appels à l’action pour réserver / contacter l’entreprise.


Formulaire de contact

Les plugins gratuits recommandés pour la création de votre formulaire de contact : Contact Form 7 ou WPForms.

Protégez votre formulaire de contact avec Google reCAPTCHA.

Champs du formulaire de contact :

  • Votre nom (obligatoire)
  • Votre e-mail (obligatoire)
  • Votre message
  • Votre téléphone

Commentaires

Appliquer la configuration suivante :

  • les commentaires doivent être ouverts
  • ils doivent être affichés en commençant par les plus récents
  • la modération devra être effectuée manuellement

Énoncé

Travail à réaliser individuellement (ou en binôme) sur la base du CMS WordPress.

  1. Réalisez l’arborescence du site
  2. Créer un article annonçant la journée portes ouvertes, en le plaçant dans une catégorie pertinente, et en l’annonçant dès la page d’accueil du site web. Faites apparaître les catégories dans un emplacement stratégique (menu principal ou barre latérale).
  3. Créer un article mettant en avant les bienfaits du yoga
  4. Réaliser toutes les actions permettant d’améliorer le référencement naturel de ces articles auprès de l’audience cible (choix des mots-clés, Yoast SEO)
  5. Appliquer les nouveaux codes couleurs de l’entreprise
  6. Ajouter 3 widgets en pied de page :
    1. Widget texte pour indiquer les coordonnées de l’entreprise
    2. Widget menu pour accéder aux pages légales
    3. Widget image pour le logo de l’entreprise
  7. Configurer les commentaires
  8. Ajouter un compte utilisateur avec rôle “Administrateur” pour le nouveau webmaster de l’entreprise : Mickaël Maury ([email protected])
  9. Créer un compte Google Analytics avec votre adresse gmail et le paramétrer pour votre site web (Google Site kit)

Vous travaillerez particulièrement les textes (respect de l’orthographe et de la grammaire), le design, le confort de navigation.

Utilisation possible des différentes possibilités offertes par le CMS WordPress : Gutenberg, Elementor, et plugins complémentaires (Ultimate Addons for Gutenberg, …).


Ressources

Tout élément que vous jugerez utile (ex. intégration de vidéos YouTube répondant à la recherche “les bienfaits du yoga”, …).

N’oubliez pas qu’il existe des bibliothèques d’images libres de droits :

Si vous êtes à cours de temps, utilisez du texte de remplissage : https://fr.lipsum.com


Acquis / Non acquis
Créer un menu
Utiliser la bibliothèque de média
Créer un compte utilisateur
Structurer le texte (titres, contenus, …)
Utiliser des mots clés
Utiliser des liens internes et externes
Distinguer article et page
Créer une arborescence (pages, catégories, …)
Insérer une carte (Google Map)
Publier du contenu
Gérer l’apparence du site (en-tête, pied de page, barre latérale)
Régler l’affichage de la page d’accueil
Créer ou modifier le slogan et logo (identité du site)
Grille d’évaluation

Toute ressemblance avec des personnes existantes ou ayant existé est purement fortuite. 

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.