• 15 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 05/03/2024

Entraînez-vous à réaliser un site WordPress professionnel

Découvrez le contexte de l’activité

Vous devez créer un site web pour un club de sport qui vient d'être lancé. Il s'appelle "FitActive". Ce club cible spécifiquement les jeunes actifs souhaitant garder la forme dans une ambiance décontractée et conviviale.

Le club proposera ainsi de nombreux cours et animations. Il communiquera à la fois sur son blog et sur les réseaux sociaux pour promouvoir les événements à venir, et partager les photos et comptes rendus des événements passés.

Ce client vous commande donc un site vitrine destiné à promouvoir le club sur Internet et à communiquer sur ses actualités et événements.

Le site devra par ailleurs être optimisé pour le référencement naturel, pour un chargement rapide, et les règles principales d'accessibilité devront être respectées.

Familiarisez-vous avec le cahier des charges

Le client vous demande de respecter quelques consignes pour la structure du site web à créer. Le cahier des charges vous est disponible en format PDF.

Suivez les consignes 

Pour créer ce site, vous pouvez choisir entre ces deux solutions :

  1. Créer le site en local grâce à un serveur comme Local.

  2. Créer le site directement en ligne depuis un hébergeur.

Voici quelques directives pour vous aider à créer un site bien pensé : 

  • Les polices doivent être compatibles pour le web et faciles à intégrer à votre site : 

    • avec des couleurs froides, comme bleu, turquoise, vert, violet… ;

    • avec des couleurs chaudes, comme rouge, orange, terracotta, jaune...

  • Le logo est inséré dans le header.

  • Un favicon est configuré.

  • Le menu est correctement configuré dans le header et correspond à l’arborescence décrite dans le brief.

  • Les liens du menu mènent aux différentes sections de la page d’accueil ainsi qu’à la page des articles.

  • Les sections et pages correspondantes sont créées et paramétrées (en particulier la page d’accueil et la page pour les actualités).

  • Le widget “formulaire de contact” est correctement configuré et fonctionne comme décrit dans le cahier des charges (les champs doivent bien correspondre).

  • Les composants s’accordent avec le design général du site (couleurs et polices de caractères cohérentes, en particulier).

  • La structure des pages (en particulier de la page d’accueil) respecte le cahier des charges.

  • Les pages s’affichent correctement sur tous types d’écrans (desktop, mobile et tablette).

  • Les images ont leurs attributs alternatifs remplis.

  • Les images sont compressées pour le web.

  • Les formats d’images choisis dans les contenus sont adaptés à leur taille effective à l’écran.

  • Les liens n’ayant pas de label écrit disposent bien d’un attribut “titre” explicite.

  • Un plugin SEO (Yoast ou SEO Press) est installé et bien configuré.

  • Les fichiers sitemap.xml et robots.txt ont été créés (avec Yoast ou SEO Press).

  • Toutes les pages ont un titre et une description (meta) renseignés.

  • Les expressions de recherche choisies en focus sur chaque page sont pertinentes (adaptées au secteur, bon équilibre entre trafic potentiel et concurrence). Les titres dans les contenus sont bien optimisés en fonction des expressions de recherche choisies, et le balisage (h1, h2, h3) respecte les bonnes pratiques (un unique H1, trois ou quatre H2, etc.).

  • Un plugin de cache est installé et configuré.

Vous êtes prêt ? Lancez-vous !

Bravo ! J’espère que ce défi vous a permis d’exprimer votre créativité et d’explorer les possibilités de WordPress.

Et si vous obteniez un diplôme OpenClassrooms ?
  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel
Trouvez la formation et le financement faits pour vous
Exemple de certificat de réussite
Exemple de certificat de réussite