Formation WordPress BTS NDRC

Maîtrisez WordPress pour l'épreuve E5B avec le projet CV WESFORD

BTS NDRC Épreuve E5B 25 Fonctionnalités Projet Pratique

Objectifs de la Formation

Cette formation vous prépare à :
  • Maîtriser WordPress pour l'épreuve E5B (digitalisation relation client)
  • Créer un site professionnel (CV/portfolio NDRC)
  • Animer du contenu pour la relation client digitale
  • Utiliser les 25 fonctionnalités essentielles WordPress

Matériel Requis

Ordinateur

PC avec WordPress installé localement ou en ligne

Thème

Twenty Twenty-Seven ou thème de base NDRC

Accès Admin

Droits administrateur sur l'installation WordPress

Documentation

Fiches révision 25 fonctionnalités

Connexion

Internet stable pour télécharger plugins/thèmes

Médias

Photos, logos et contenus pour le projet CV

À l'issue de cette formation :

Vous serez capable de créer et gérer un site WordPress complet, optimisé SEO, avec formulaires de contact et design professionnel, prêt pour l'épreuve E5B du BTS NDRC.

Session 1 : Fondamentaux + Contenu

Focus Session 1 : Installation, interface, apparence, navigation et création de contenu de base avec les blocs Gutenberg

Partie 1 : Installation et Interface

Fonctionnalités couvertes : Connexion WordPress, gestion des utilisateurs, paramétrage de l'identité du site

1

Connexion WordPress

Accédez à votre interface d'administration via votre-site/wp-admin

  • Saisissez vos identifiants (nom d'utilisateur et mot de passe)
  • Découvrez le tableau de bord WordPress
  • Familiarisez-vous avec le menu latéral (Articles, Pages, Médias, etc.)
  • Comprenez les rôles par défaut : Administrateur (contrôle total) et Éditeur (gestion contenu)
2

Gestion des Utilisateurs

Créez et gérez différents profils utilisateurs pour votre site

Action Étapes Informations requises
Ajouter utilisateur Utilisateurs > Ajouter Nom, email, rôle, mot de passe
Modifier rôle Utilisateurs > Modifier Sélectionner nouveau rôle (Admin, Éditeur, Auteur, etc.)
Supprimer Utilisateurs > Supprimer Confirmation + attribution contenus à autre utilisateur
3

Identité du Site

Paramétrez l'identité visuelle et textuelle de votre site

Titre du site

Exemple NDRC : "CV NDRC WESFORD"

Réglages > Général > Titre du site

Slogan

Exemple : "Étudiant BTS NDRC - Relation Client Digitale"

Réglages > Général > Slogan

Logo

Upload votre logo (format PNG/SVG recommandé, 200×60px idéal)

Apparence > Personnaliser > Identité du site

Icône du site (Favicon)

Icône affichée dans l'onglet navigateur (512×512px, format ICO/PNG)

Apparence > Personnaliser > Identité du site

Exercice Pratique 1 :
  1. Créez 2 utilisateurs : un Administrateur et un Éditeur
  2. Modifiez l'identité du site avec titre "CV NDRC WESFORD" et slogan personnalisé
  3. Uploadez un logo et une favicon
  4. Testez la connexion avec les deux comptes créés

Partie 2 : Apparence et Navigation

Fonctionnalités couvertes : Configuration thème Twenty Twenty-Seven, création menus, widgets, colonnes latérales

Élément Étapes Détaillées Pertinence BTS NDRC
Thème
  1. Apparence > Thèmes
  2. Rechercher "Twenty Twenty-Seven"
  3. Cliquer sur Activer
  4. Personnaliser les options du thème
 Thème officiel examen E5B
Menus
  1. Apparence > Menus > Créer nouveau menu "Principal"
  2. Ajouter pages : Accueil, À Propos, BTS NDRC, Débouchés
  3. Organiser hiérarchie (drag & drop)
  4. Créer menu secondaire réseaux sociaux (footer)
  5. Assigner emplacements (Principal = Header, Réseaux = Footer)
 Navigation intuitive essentielle
Widgets
  1. Apparence > Widgets
  2. Colonne latérale : Recherche + Catégories
  3. Pied de page : Réseaux sociaux (icônes LinkedIn, Twitter, Instagram)
  4. Configurer chaque widget (titre, options)
 Personnalisation UX
Colonnes latérales
  1. Apparence > Personnaliser
  2. Structure des pages
  3. Choisir : Colonne latérale droite/gauche/sans
  4. Appliquer à templates spécifiques (blog, pages, etc.)
 Layout professionnel

Structure de Menu Recommandée pour CV NDRC

Menu Principal (Header)

  • Accueil
  • À Propos
  • Passions
  • BTS NDRC
    • Compétences acquises
    • Avantages WESFORD
  • Débouchés
  • Contact

Menu Secondaire (Footer)

  • LinkedIn
  • Twitter
  • Instagram
  • GitHub
Exercice Pratique 2 :
  1. Activez le thème Twenty Twenty-Seven
  2. Créez un menu principal avec les 6 pages du CV
  3. Ajoutez 3 widgets dans la colonne latérale (Recherche, Catégories, Archives)
  4. Configurez un menu réseaux sociaux dans le footer
  5. Testez la navigation en mode visiteur (frontend)

Parties 3-4 : Création de Contenu avec Gutenberg

Fonctionnalités couvertes : Création pages/articles, gestion médias, maîtrise des blocs Gutenberg essentiels

Structure Complète du Site CV WESFORD

Page d'Accueil

Contenu :

  • Bannière hero avec accroche personnelle
  • Photo professionnelle
  • Liens rapides vers sections clés
  • CTA "Télécharger mon CV"
Page statique

À Propos

Contenu :

  • Présentation personnelle (300 mots)
  • Parcours académique
  • Valeurs et motivations
  • Photo + vidéo présentation (optionnel)
Page statique

Passions

Contenu :

  • Centres d'intérêt personnels
  • Galerie photos activités
  • Lien avec compétences NDRC
  • Soft skills démontrées
Page statique

BTS NDRC

Contenu :

  • Compétences développées (tableau)
  • Avantages formation WESFORD
  • Projets réalisés (portfolio)
  • Témoignages étudiants
Page statique

Débouchés

Contenu :

  • Métiers accessibles post-NDRC
  • Salaires moyens (tableau comparatif)
  • Témoignages anciens étudiants
  • Liens vers offres d'emploi
Page statique

Contact

Contenu :

  • Formulaire de contact (Contact Form 7)
  • Coordonnées (email, téléphone)
  • Liens réseaux sociaux
  • Carte Google Maps (optionnel)
Page statique

Les 25 Blocs Gutenberg Essentiels à Maîtriser

Titre (H1-H6)

Hiérarchie contenu

Paragraphe

Texte principal

Image

Visuels solo

Galerie

Plusieurs images

Vidéo

Contenu multimédia

Bannière

Hero sections

Bouton

Call-to-action

Tableau

Données structurées

Liste

Puces/Numéros

Citation

Témoignages

Colonnes

Layout multi-col

Groupe

Container blocs

Séparateur

Ligne séparation

Espaceur

Marges verticales

Intégration

YouTube, Twitter...

HTML personnalisé

Code custom

Shortcode

Plugins tiers

Archives

Liste articles

Calendrier

Événements

Flux RSS

Agrégation contenu

Audio

Fichiers MP3

Fichier

PDF téléchargeables

Recherche

Barre recherche

Derniers articles

Blog feed

Catégories

Taxonomie

Exemples d'Utilisation Blocs pour CV NDRC

Bloc Utilisation CV Exemple Concret
Titre H1-H3 Hiérarchie sections H1: "BTS NDRC WESFORD"
H2: "Mes Compétences"
H3: "Relation Client Digitale"
Paragraphe Descriptions détaillées Présentation personnelle (300 mots), Description compétences acquises
Image/Galerie Portfolio visuel Photo CV professionnelle, Galerie projets NDRC (5-10 images)
Bannière Hero section Accueil Image fond + texte overlay "Étudiant BTS NDRC passionné par le digital"
Bouton Call-to-action "Contactez-moi" (lien vers formulaire), "Télécharger CV" (lien PDF)
Tableau Données structurées Compétences NDRC (Compétence | Niveau | Certification), Avantages WESFORD
Citation Témoignages Avis anciens étudiants WESFORD, Citations formateurs
Vidéo Présentation dynamique Vidéo présentation 2 min (YouTube embed), Visite campus WESFORD
Colonnes Layout comparatif 3 colonnes : Compétences techniques | Relationnelles | Digitales
Calendrier Événements WESFORD Portes ouvertes, Stages découverte, Conférences métiers

Gestion Médias WordPress

Upload Médias

  • Méthode 1: Médias > Ajouter
  • Méthode 2: Drag & drop dans éditeur Gutenberg
  • Formats acceptés: JPG, PNG, GIF, SVG, PDF, MP3, MP4
  • Taille max: 2-8 MB selon hébergeur

Optimisation

  • Texte alternatif (Alt): Description SEO image
  • Titre: Nom explicite fichier
  • Légende: Texte affiché sous image
  • Description: Détails image (optionnel)

Compression

  • Plugin recommandé: Smush, ShortPixel
  • Objectif: Réduire poids sans perte qualité
  • Format optimal: WebP (Chrome, Firefox)
  • Lazy loading: Chargement différé images hors écran

Organisation

  • Bibliothèque: Médias > Bibliothèque
  • Filtres: Par type (images, vidéos, docs)
  • Recherche: Par nom fichier
  • Suppression: Supprimer définitivement (libère espace)
Exercice Pratique 3 (COMPLET) :
  1. Créez les 5 pages du site CV WESFORD (Accueil, À Propos, Passions, BTS NDRC, Débouchés, Contact)
  2. Rédigez 300 mots minimum par page avec présentation personnelle et compétences
  3. Uploadez 10 médias (photo CV, images passions, visuels formations)
  4. Utilisez 15 blocs Gutenberg différents : Titre (H1-H3), Paragraphe, Image, Galerie, Bannière, Bouton, Tableau, Liste, Citation, Colonnes, Séparateur, Vidéo (YouTube), Intégration réseaux sociaux
  5. Optimisez tous les médias avec texte alt SEO ("Photo CV étudiant BTS NDRC WESFORD")
  6. Créez 2 articles de blog : "Les événements WESFORD 2025" et "Top 5 métiers NDRC"
  7. Ajoutez catégories : Actualités, Métiers, Formations
  8. Testez l'affichage responsive sur mobile/tablette

Durée estimée : 2 heures

Session 2 : Optimisations Avancées & Projet Final

Objectif : Transformer le site de base en vitrine professionnelle optimisée pour l'épreuve E5B avec plugins essentiels, SEO avancé et personnalisation complète.

Partie 5 : Plugins Essentiels & SEO

1. Yoast SEO - Optimisation Référencement

1

Installation

Extensions > Ajouter > Rechercher "Yoast SEO" > Installer > Activer

Plugin gratuit le plus populaire : 5M+ installations, note 4.9/5

2

Configuration Initiale

SEO > Général > Assistant de configuration

  • Type de site : Portfolio/CV
  • Organisation/Personne : Renseigner nom étudiant
  • Réseaux sociaux : Liens LinkedIn, Twitter, Instagram
  • Visibilité moteurs : Autoriser indexation (cocher)
3

Optimisation Pages/Articles

Dans éditeur Gutenberg > Bloc Yoast SEO (bas de page)

Élément SEO Bonnes Pratiques Exemple CV WESFORD
Meta Title 50-60 caractères, mot-clé principal "CV BTS NDRC WESFORD - [Prénom Nom] Relation Client Digitale"
Meta Description 150-160 caractères, appel action "Étudiant BTS NDRC spécialisé digitalisation relation client. Découvrez compétences, projets et débouchés. Contactez-moi !"
Mot-clé focus 1 mot-clé principal/page "BTS NDRC digitalisation", "CV étudiant NDRC", "relation client digital"
Slug URL Court, mot-clé, tirets /bts-ndrc-wesford/ /competences-digitales/ /debouches-ndrc/
4

Analyse Lisibilité

Yoast analyse automatiquement :

  • Pastille verte : Contenu optimisé (objectif)
  • Pastille orange : Améliorations possibles
  • Pastille rouge : Problèmes critiques

Critères évalués : Longueur paragraphes, phrases, sous-titres, voix passive, mots transition

2. Contact Form 7 - Formulaire de Contact

1

Installation & Création Formulaire

Extensions > Ajouter > "Contact Form 7" > Installer > Activer

Contact > Formulaires de contact > Ajouter nouveau

2

Personnalisation Champs

Formulaire de base (modifier selon besoins) :

<label> Votre nom (obligatoire)
    [text* your-name] </label>

<label> Votre email (obligatoire)
    [email* your-email] </label>

<label> Objet
    [text your-subject] </label>

<label> Votre message
    [textarea your-message] </label>

[submit "Envoyer"]
3

Configuration Email

Onglet "Mail" :

  • Destinataire : Votre email étudiant
  • Objet : "Nouveau message depuis CV NDRC - [your-subject]"
  • Contenu : Personnaliser avec champs formulaire
4

Intégration Page Contact

Copier shortcode : [contact-form-7 id="123" title="Formulaire contact"]

Coller dans bloc "Shortcode" Gutenberg sur page Contact

Le formulaire s'affiche automatiquement !

3. Blocs Avancés Gutenberg

Galerie Portfolio

Utilisation :

  • Bloc "Galerie" > Upload 5-10 images
  • Colonnes : 3-4 (design grid)
  • Lightbox : Agrandir au clic
  • Légendes : Décrire projets
Page BTS NDRC

Flux RSS Actualités

Utilisation :

  • Bloc "RSS" > URL flux WESFORD/NDRC
  • Nombre articles : 5
  • Affichage : Titre + extrait + date
  • Mise à jour : Automatique
Page Accueil

Calendrier Événements

Utilisation :

  • Bloc "Calendrier" > Affiche articles par date
  • Navigation : Mois précédent/suivant
  • Lien : Clic date = articles publiés
  • Idéal : Événements WESFORD réguliers
Sidebar

Audio Présentation

Utilisation :

  • Bloc "Audio" > Upload MP3
  • Lecteur : Play/Pause intégré
  • Usage : Présentation vocale CV
  • Accessibilité : Transcription texte
Page À Propos

Téléchargement CV PDF

Utilisation :

  • Bloc "Fichier" > Upload CV.pdf
  • Bouton : "Télécharger mon CV"
  • Icône : PDF automatique
  • Taille : Affichée (ex: 1.2 MB)
Toutes pages

Témoignages Citations

Utilisation :

  • Bloc "Citation" > Style "Pullquote"
  • Texte : Avis anciens étudiants
  • Attribution : Nom + promo
  • Design : Guillemets stylisés
Page Débouchés
Exercice Pratique 4 :
  1. Installez et configurez Yoast SEO
  2. Optimisez 3 pages pour obtenir pastilles vertes (meta title, description, mot-clé focus)
  3. Installez Contact Form 7 et créez formulaire avec 5 champs (Nom, Email, Téléphone, Sujet, Message)
  4. Intégrez formulaire dans page Contact
  5. Ajoutez 3 blocs avancés : Galerie portfolio (6 images), Flux RSS actualités NDRC, Calendrier événements
  6. Testez envoi formulaire et réception email

Durée estimée : 1 heure

Partie 6 : Personnalisation Avancée

1. Personnaliseur WordPress (Apparence > Personnaliser)

En-tête (Header)

Éléments personnalisables :

  • Logo : Upload logo WESFORD/personnel (recommandé 250x80px)
  • Tagline : Afficher/masquer slogan
  • Menu principal : Emplacement + style
  • Couleur fond : Blanc, bleu WESFORD, custom
  • Layout : Logo gauche/centre, menu dessous/à droite
Exemple CV : Logo WESFORD gauche + Menu horizontal droit (Accueil, À Propos, BTS NDRC, Débouchés, Contact)

Pied de page (Footer)

Éléments personnalisables :

  • Zones widgets : 3-4 colonnes (Colonnes footer 1-4)
  • Réseaux sociaux : Menu liens sociaux avec icônes
  • Copyright : Texte "© 2025 [Nom] - BTS NDRC WESFORD"
  • Liens utiles : Mentions légales, Politique confidentialité
  • Couleur fond : Gris foncé, noir, bleu
Exemple CV : 3 colonnes (À propos court | Liens rapides | Réseaux sociaux LinkedIn/Twitter/Instagram)

Couleurs & Typographie

Personnaliseur > Couleurs :

  • Couleur principale : Bleu WESFORD (#0073aa)
  • Couleur secondaire : Orange/Rouge accent
  • Couleur liens : Cohérente avec charte
  • Couleur fond : Blanc/Gris clair

Personnaliseur > Typographie (si thème supporte) :

  • Police titres : Roboto, Open Sans (lisibilité)
  • Police texte : Arial, Helvetica (web-safe)
  • Taille : 16-18px corps texte, 24-32px titres

Options Responsive

Aperçu multi-appareils :

  • Desktop : Résolution 1920x1080
  • Tablette : Résolution 768x1024
  • Mobile : Résolution 375x667

Vérifications obligatoires :

  • Menu hamburger mobile fonctionnel
  • Images adaptées (pas débordements)
  • Texte lisible sans zoom
  • Boutons tactiles ≥44x44px

2. Configuration Réseaux Sociaux

1

Créer Menu Réseaux Sociaux

Apparence > Menus > Créer nouveau menu "Réseaux Sociaux"

  • Cocher emplacement : "Menu réseaux sociaux" ou "Footer"
  • Ajouter liens personnalisés (URL complètes) :
Réseau Texte Lien URL Exemple
LinkedIn LinkedIn https://linkedin.com/in/votre-profil
Twitter/X Twitter https://twitter.com/votre-compte
Instagram Instagram https://instagram.com/votre-compte
GitHub GitHub https://github.com/votre-profil
2

Affichage Icônes Automatiques

Le thème Twenty Twenty-Seven détecte automatiquement les URLs et affiche icônes sociales

Astuce : Le texte du lien devient invisible, seule l'icône s'affiche dans le menu footer. Vérifiez toujours en mode Aperçu !

3. Blocs Spectra (Nouvelle Réforme 2025)

Spectra (anciennement UAG - Ultimate Addons for Gutenberg) est recommandé par la réforme BTS NDRC 2024-2025 comme extension Gutenberg avancée pour créer des mises en page professionnelles sans code.

Bloc Accordéon FAQ

Utilisation :

  • Questions/Réponses dépliables
  • Style : Bordures, icônes +/-
  • Couleurs personnalisables
  • Parfait pour FAQ NDRC/WESFORD
Page BTS NDRC

Bloc Témoignages

Utilisation :

  • Citations + photo auteur
  • Layout : Grille ou carousel
  • Étoiles notation (1-5)
  • Nom + fonction
Page Débouchés

Bloc Compteurs Statistiques

Utilisation :

  • Chiffres animés (0 → valeur finale)
  • Icônes + labels
  • Exemples : 95% réussite examen, 120h stage
  • Impact visuel fort
Page Accueil

Bloc Grille de Contenus

Utilisation :

  • Cartes articles/projets
  • Layout : 2-4 colonnes
  • Filtres catégories
  • Hover effects (zoom, overlay)
Page Portfolio

Bloc Timeline

Utilisation :

  • Parcours chronologique
  • Dates + descriptions
  • Icônes personnalisées
  • Parfait pour cursus académique
Page À Propos

Bloc Call-to-Action

Utilisation :

  • Section conversion (fond coloré)
  • Titre + description + bouton
  • Full-width ou boxed
  • Exemple : "Contactez-moi pour un stage"
Toutes pages
Exercice Pratique 5 :
  1. Personnalisez header : Ajoutez logo (ou texte stylisé si pas de logo) + menu horizontal
  2. Personnalisez footer : 3 colonnes (À propos | Liens | Réseaux sociaux avec icônes)
  3. Modifiez couleurs : Couleur principale bleu #0073aa, liens bleu foncé
  4. Installez Spectra (Extensions > Ajouter > "Spectra") si disponible
  5. Ajoutez 2 blocs Spectra : Accordéon FAQ (5 questions NDRC) + Témoignages (3 avis étudiants fictifs)
  6. Testez affichage responsive sur les 3 appareils (desktop/tablette/mobile)

Durée estimée : 1 heure

Projet Pratique Final : Site CV WESFORD Complet

Objectif : Créer un site CV professionnel complet simulant l'épreuve E5B, intégrant toutes les fonctionnalités WordPress apprises.

Livrables Attendus

1. Structure Site (6 pages minimum)

  • Accueil : Bannière hero + accroche + liens rapides + statistiques (compteurs Spectra si dispo)
  • À Propos : Présentation personnelle 300+ mots + photo CV + timeline parcours (Spectra)
  • Passions : 3-5 centres d'intérêt + galerie photos (6-10 images) + lien compétences NDRC
  • BTS NDRC : Compétences tableau + avantages WESFORD + projets portfolio + FAQ accordéon (5 questions)
  • Débouchés : 5 métiers NDRC détaillés + salaires tableau + témoignages (3 citations)
  • Contact : Formulaire Contact Form 7 (5 champs) + coordonnées + réseaux sociaux

2. Blog (2 articles minimum)

  • Article 1 : "Les événements WESFORD 2025" (500 mots, 3 images, catégorie Actualités)
  • Article 2 : "Top 5 métiers après BTS NDRC" (600 mots, tableau salaires, catégorie Métiers)
  • Catégories : Actualités, Métiers, Formations (minimum 3)
  • Tags : BTS NDRC, Digital, Relation Client, WESFORD (10 tags variés)

3. Blocs Gutenberg (15+ types différents)

Bloc Quantité Min. Utilisation Obligatoire
Titres (H1-H3) 20+ Toutes pages (hiérarchie SEO respectée)
Paragraphes 30+ Toutes pages (textes descriptifs)
Images 15+ Toutes pages (texte alt optimisé)
Galerie 2+ Pages Passions + BTS NDRC
Bannière 1+ Page Accueil (hero section)
Boutons 5+ CTA (Contact, Télécharger CV, Liens externes)
Tableaux 2+ Pages BTS NDRC (compétences) + Débouchés (salaires)
Listes 10+ Toutes pages (puces ou numérotées)
Citations 3+ Page Débouchés (témoignages)
Colonnes 3+ Layout 2-3 colonnes (compétences, services)
Vidéo 1+ Page À Propos (YouTube/Vimeo embed)
Shortcode 1+ Page Contact (Contact Form 7)
Flux RSS 1 Sidebar ou footer (actualités NDRC)
Calendrier 1 Sidebar (événements blog)
Fichier 1+ CV PDF téléchargeable

4. SEO & Optimisations (Yoast SEO)

  • Toutes les pages : Pastilles vertes Yoast (meta title, description, mot-clé focus)
  • URLs : Slugs optimisés (ex: /bts-ndrc-wesford/ pas /page-123/)
  • Images : Texte alt descriptif pour toutes (SEO + accessibilité)
  • Liens internes : 10+ liens entre pages (maillage)
  • Réseaux sociaux : Configurés dans Yoast (Open Graph)

5. Fonctionnalités Avancées

  • Menu principal : 6 items (toutes pages) + sous-menus si pertinent
  • Menu réseaux sociaux : Footer avec 4+ liens (icônes auto)
  • Widgets : Colonne latérale (Recherche, Catégories, Archives, Calendrier, Tags)
  • Formulaire contact : Fonctionnel avec 5 champs + réception email testée
  • Responsive : Site parfaitement adapté desktop/tablette/mobile
  • Performance : Temps chargement <3s (vérifier avec PageSpeed Insights)

6. Personnalisation Design

  • Thème : Twenty Twenty-Seven activé et personnalisé
  • Couleurs : Charte cohérente (couleur principale + secondaire)
  • Logo : Header (upload ou texte stylisé)
  • Footer : 3 colonnes (À propos | Liens | Réseaux) + copyright
  • Typographie : Polices lisibles (si thème supporte)
  • Blocs Spectra : 2+ blocs (Accordéon FAQ, Témoignages, Compteurs...)

Grille d'Évaluation E5B (25 points)

Critère
Points
Détails Vérification
1. Structure & Navigation
5
  • 6 pages créées et accessibles (1pt)
  • Menu principal fonctionnel (1pt)
  • Menu réseaux sociaux footer avec icônes (1pt)
  • Navigation intuitive, liens internes (1pt)
  • Breadcrumbs ou fil d'Ariane (1pt bonus Spectra)
2. Contenu & Blocs Gutenberg
8
  • 15+ types blocs différents utilisés (3pts)
  • Textes rédigés (2000+ mots total) (2pts)
  • 15+ images optimisées avec alt (2pts)
  • 2 articles blog catégorisés (1pt)
3. SEO & Optimisations
4
  • Yoast SEO installé et configuré (1pt)
  • 3+ pages avec pastilles vertes (2pts)
  • URLs optimisées (slugs courts) (0.5pt)
  • Textes alt toutes images (0.5pt)
4. Fonctionnalités Avancées
4
  • Contact Form 7 fonctionnel (2pts)
  • Widgets sidebar configurés (1pt)
  • Blocs avancés (galerie, RSS, calendrier) (1pt)
5. Design & Personnalisation
3
  • Header/Footer personnalisés (1pt)
  • Couleurs cohérentes (charte graphique) (1pt)
  • Responsive parfait desktop/tablette/mobile (1pt)
6. Présentation & Documentation
1
  • URL site fonctionnelle fournie (0.5pt)
  • Rapport 1 page (captures, fonctionnalités) (0.5pt)
Objectif Réussite : Obtenir 20+/25 points pour valider l'épreuve E5B WordPress. Un score de 23-25/25 démontre une excellente maîtrise professionnelle.

Planning de Réalisation Recommandé

Phase Durée Tâches Détaillées
Phase 1 : Préparation 30 min
  • Installer WordPress (si pas déjà fait)
  • Activer thème Twenty Twenty-Seven
  • Installer plugins : Yoast SEO, Contact Form 7, Spectra (optionnel)
  • Configurer identité site (titre, slogan, logo)
Phase 2 : Structure 1h
  • Créer 6 pages (Accueil, À Propos, Passions, BTS NDRC, Débouchés, Contact)
  • Configurer menu principal (6 items)
  • Définir page Accueil comme page statique
  • Créer catégories blog (Actualités, Métiers, Formations)
Phase 3 : Contenu Pages 2h30
  • Accueil (30min) : Bannière hero, accroche, liens rapides, compteurs statistiques
  • À Propos (30min) : Présentation 300+ mots, photo CV, timeline parcours, vidéo (optionnel)
  • Passions (20min) : 3-5 passions, galerie 6-10 images
  • BTS NDRC (40min) : Tableau compétences, avantages WESFORD, portfolio projets, FAQ accordéon
  • Débouchés (30min) : 5 métiers détaillés, tableau salaires, 3 témoignages citations
  • Contact (10min) : Formulaire Contact Form 7, coordonnées, réseaux sociaux
Phase 4 : Blog 1h
  • Article 1 : "Événements WESFORD 2025" (500 mots, 3 images, catégorie Actualités)
  • Article 2 : "Top 5 métiers après BTS NDRC" (600 mots, tableau, catégorie Métiers)
  • Ajouter tags pertinents (10 tags variés)
Phase 5 : SEO 45min
  • Configurer Yoast SEO (réseaux sociaux, Open Graph)
  • Optimiser 6 pages (meta title, description, mot-clé focus → pastilles vertes)
  • Optimiser 2 articles blog
  • Ajouter textes alt toutes images
  • Corriger URLs (slugs optimisés)
Phase 6 : Personnalisation 1h
  • Header : Logo + menu horizontal
  • Footer : 3 colonnes (À propos | Liens | Réseaux sociaux avec icônes)
  • Couleurs : Charte cohérente (couleur principale, liens)
  • Widgets sidebar : Recherche, Catégories, Archives, Calendrier
  • Blocs Spectra : Accordéon FAQ, Témoignages
Phase 7 : Tests & Optimisations 45min
  • Tester responsive (desktop/tablette/mobile)
  • Tester formulaire contact (envoi/réception email)
  • Vérifier navigation (tous les liens fonctionnels)
  • Vérifier affichage images (pas de débordements)
  • Tester vitesse (PageSpeed Insights, objectif <3s)< /li>
  • Corriger bugs éventuels
Phase 8 : Documentation 30min
  • Prendre 10-15 captures d'écran (pages, admin, mobile)
  • Rédiger rapport 1 page (fonctionnalités, plugins, optimisations)
  • Lister URL site + identifiants admin (pour évaluation)
  • Préparer présentation orale (3-5min)
Durée Totale : 8 heures de travail effectif pour un site CV professionnel complet. Prévoyez +1h de marge pour ajustements finaux et imprévus.

Ressources & Documentation

Fiches Pratiques

Skilzh - 25 Fonctionnalités WordPress NDRC

Fiches synthétiques officielles pour réviser rapidement avant l'épreuve E5B

Accéder aux fiches

Tutoriels Vidéo

YouTube - WordPress pour BTS NDRC

  • WPMarmite (français)
  • Lyor Marti (débutants)
  • WPFormation

Documentation Officielle

WordPress.org/support

Documentation complète (en anglais), forums communauté, codex développeurs

Thème Twenty Twenty-Seven

Thème officiel 2025

Thème par défaut recommandé pour l'épreuve E5B, Full Site Editing (FSE)

Plugins Essentiels

  • Yoast SEO (gratuit)
  • Contact Form 7 (gratuit)
  • Spectra (gratuit)
  • Smush (compression images)

Communauté & Support

Forums & Groupes

  • WordPress France (Facebook)
  • r/WordPress (Reddit)
  • Stack Overflow (code)

Outils de Test

  • PageSpeed Insights (vitesse)
  • GTmetrix (performance)
  • Mobile-Friendly Test (Google)
  • Wave (accessibilité)

Référentiel BTS NDRC

Programme 2024-2025

Épreuve E5B : Digitalisation de la relation client, compétences WordPress attendues

Banques d'Images Libres

  • Unsplash (haute qualité)
  • Pexels (photos/vidéos)
  • Pixabay (illustrations)

FAQ WordPress BTS NDRC

Hébergement Recommandé

Question : Quel hébergeur choisir pour mon site CV ?

Réponse :

  • Gratuit : WordPress.com (limité), 000webhost
  • Étudiant (3-5€/mois) : O2Switch, PlanetHoster, Hostinger
  • Local (gratuit) : Local by Flywheel, XAMPP (développement)

Sécurité WordPress

Question : Comment sécuriser mon site WordPress ?

Réponse :

  • Mot de passe fort (12+ caractères)
  • Mises à jour automatiques (WordPress, thème, plugins)
  • Plugin sécurité : Wordfence Security (gratuit)
  • Sauvegardes régulières : UpdraftPlus

Optimisation Vitesse

Question : Mon site est lent, comment l'accélérer ?

Réponse :

  • Compression images : Smush, ShortPixel
  • Cache : WP Super Cache, W3 Total Cache
  • CDN : Cloudflare (gratuit)
  • Désactiverplugins inutilisés
  • Minifier CSS/JS : Autoptimize

Site Non Responsive

Question : Mon site ne s'affiche pas bien sur mobile, que faire ?

Réponse :

  • Utiliser thème responsive (Twenty Twenty-Seven)
  • Tester : Personnaliser > Aperçu mobile
  • Éviter largeurs fixes (px) → utiliser % ou rem
  • Images adaptatives : attribut srcset automatique WordPress

Erreur 404 Pages

Question : Mes pages affichent erreur 404, pourquoi ?

Réponse :

  • Permaliens : Réglages > Permaliens > Enregistrer (réinitialise)
  • Vérifier page publiée (pas brouillon)
  • Vider cache navigateur (Ctrl+F5)
  • Vérifier fichier .htaccess (hébergement)

Écran Blanc WordPress

Question : Mon site affiche page blanche, comment déboguer ?

Réponse :

  • Désactiver tous plugins (renommer dossier wp-content/plugins via FTP)
  • Changer thème par défaut (renommer dossier thème)
  • Activer mode debug : wp-config.php → define('WP_DEBUG', true);
  • Augmenter limite mémoire PHP (256M recommandé)

Site Non Indexé Google

Question : Mon site n'apparaît pas dans Google, pourquoi ?

Réponse :

  • Réglages > Lecture : Décocher "Demander aux moteurs de ne pas indexer"
  • Soumettre sitemap : Google Search Console
  • Yoast SEO génère sitemap automatique : /sitemap_index.xml
  • Délai indexation : 1-4 semaines (patience)

Sauvegardes Régulières

Question : Comment sauvegarder mon site WordPress ?

Réponse :

  • Plugin : UpdraftPlus (gratuit, automatique)
  • Fréquence : Hebdomadaire (site actif), mensuelle (site statique)
  • Stockage : Google Drive, Dropbox, OneDrive
  • Contenu : Fichiers + base de données

Astuces Pro WordPress

💡

Duplicateur de Pages

Plugin "Duplicate Post" : Cloner pages/articles en 1 clic pour gagner du temps (structure identique)

⚡

Raccourcis Clavier

  • Ctrl+S : Enregistrer brouillon
  • Ctrl+Z : Annuler
  • / : Recherche bloc Gutenberg
  • Ctrl+Shift+Alt+M : Basculer éditeur visuel/texte
🎨

Blocs Réutilisables

Créer blocs personnalisés (ex: signature, CTA) réutilisables sur toutes pages : Plus d'options bloc > Ajouter aux blocs réutilisables

📱

App Mobile WordPress

iOS/Android : Gérer site en mobilité (publier articles, modérer commentaires, statistiques)

🔍

Recherche Intelligente

Plugin SearchWP : Recherche avancée (chercher dans PDF, custom fields, commentaires...)

📊

Statistiques Intégrées

Plugin Jetpack : Stats visiteurs sans Google Analytics (RGPD-friendly)

🌐

Site Multilingue

Plugin Polylang : Traduire site en 2+ langues (français/anglais pour CV international)

🔐

Mode Maintenance

Plugin WP Maintenance Mode : Afficher "Site en construction" pendant développement

📧

Newsletter Intégrée

Plugin Mailchimp for WordPress : Formulaire inscription newsletter (fidéliser visiteurs)

Certification WordPress : Pour aller plus loin, envisagez la certification WordPress Developer (reconnaissance internationale) ou Opquast (Qualité Web) pour démontrer expertise digitale auprès employeurs NDRC.

Checklist de Validation Finale

Vérifiez tous les points avant de soumettre votre projet CV WESFORD pour l'épreuve E5B

1. Configuration Générale

2. Structure & Navigation

3. Contenu Pages

4. Blog & Articles

5. Médias & Images

6. SEO & Optimisations

7. Plugins & Fonctionnalités

8. Personnalisation & Design

9. Responsive & Compatibilité

10. Performance & Vitesse

11. Documentation & Livrables

Site WordPress Prêt pour Évaluation !

Si vous avez coché 60+/69 points, votre site CV WESFORD est prêt à être soumis pour l'épreuve E5B. Félicitations pour votre travail ! 🎉

Score attendu : 60-64 points = Bon niveau | 65-67 points = Très bon niveau | 68-69 points = Excellence

Conclusion & Perspectives

Vous avez maintenant toutes les compétences pour :

  • ✅ Créer un site WordPress professionnel de A à Z
  • ✅ Maîtriser les 25 fonctionnalités essentielles pour l'épreuve E5B
  • ✅ Optimiser le référencement SEO avec Yoast
  • ✅ Utiliser 15+ blocs Gutenberg et Spectra avancés
  • ✅ Garantir un design responsive parfait
  • ✅ Digitaliser efficacement la relation client (objectif NDRC)

Aller Plus Loin

Compétences Complémentaires :

  • E-commerce : WooCommerce (boutique en ligne)
  • Marketing Automation : Mailchimp, HubSpot
  • Analytics : Google Analytics 4, Search Console
  • CRM : Intégration WordPress + Salesforce/Zoho
  • Développement : HTML/CSS, PHP (personnalisations avancées)

Débouchés NDRC

Métiers Digitaux Accessibles :

  • Webmaster Junior (gestion sites WordPress)
  • Chargé(e) Marketing Digital
  • Community Manager (content marketing)
  • Consultant(e) E-commerce
  • Chargé(e) Relation Client Digital
  • Freelance WordPress (missions ponctuelles)
Salaire moyen : 28-35K€ annuel (junior)

Conseils Finaux pour l'Épreuve E5B

📝

Préparation Orale

  • Préparer support PowerPoint (5-7 slides)
  • Anticiper questions jury (SEO, choix techniques)
  • Démonstration live site (2-3min)
  • Argumenter choix fonctionnalités
🎯

Points Valorisants

  • Intégration réseaux sociaux professionnels (LinkedIn)
  • Blog actif avec actualités NDRC
  • Témoignages anciens étudiants
  • Statistiques visiteurs (Jetpack)
  • Accessibilité (contraste, alt)
⚠️

Pièges à Éviter

  • ❌ Site localhost (inaccessible jury)
  • ❌ Images sans texte alt
  • ❌ Formulaire contact non testé
  • ❌ Contenu générique (personnaliser !)
  • ❌ Responsive non vérifié
Mot de la fin : WordPress représente 43% des sites web mondiaux (2025). Maîtriser cet outil est un atout majeur pour votre carrière NDRC. Au-delà de l'épreuve E5B, ces compétences vous serviront dans 99% des entreprises qui utilisent WordPress pour leur présence digitale.

Bon courage pour votre projet ! 🚀

Besoin d'Aide ?

Ressources Support :

Forums WordPress

Tutos YouTube

WP Marmite