• 15 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 11/03/2024

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

Contexte de l’activité

Vous devez créer un site web pour un club de sport qui vient d'être lancé. 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 design du site devra être original et ne pas être une simple copie de modèles existants ! 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.

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.

Consignes

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

  • utiliser Faaaster (Themecloud) ;

  • créer le site en local.

Quel que soit votre choix, il faut créer un export du site réalisé avec le plugin "All in One WP Migration" sous la forme d'un fichier .wpress.

Attention, si vous exportez le site depuis Faaaster, pensez à cocher la case concernant les "mu plugins" avant l'export.

 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 (1 unique H1, 3 ou 4 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