Examen niveau 2 — Elementor

Examen — questions durcies

15 questions pour valider le design riche : arrière-plans/effets, widgets avancés, charte globale, modèles et navigation.
Répondez à tout, puis cliquez sur Corriger : chaque explication réexplique le concept.

2.1 · Rappel

1. Comment garder un texte lisible sur une image de fond ?

En posant une superposition (overlay) semi-transparente En agrandissant beaucoup le texte En changeant la police Ce n'est pas possible

Une superposition (overlay) entre l'image et le texte garantit le contraste et la lisibilité.

2.1 · Application

2. Où règle-t-on l'arrière-plan d'un conteneur ?

Dans l'onglet Contenu Dans l'onglet Style Dans l'onglet Avancé Dans les réglages WordPress

L'arrière-plan (couleur, dégradé, image, vidéo) se règle dans l'onglet Style du conteneur.

2.1 · Arbitrage

3. Faut-il mettre des vidéos de fond partout pour un effet moderne ?

Oui, c'est toujours un plus Oui, si l'hébergement est gratuit Non : c'est lourd (performance/mobile), à réserver aux sections fortes Non : les vidéos sont interdites par Elementor

Les vidéos de fond sont gourmandes : à réserver aux cas à fort impact et à compresser ; sinon une image ou un dégradé suffit.

2.2 · Rappel

4. Quel widget convient le mieux à une FAQ ?

Le carrousel Le widget Image Le diaporama plein écran L'accordéon (sections repliables)

L'accordéon (sections repliables) est idéal pour une FAQ : chaque question se déplie à la demande.

2.2 · Arbitrage

5. Où placer l'offre principale « devis sous 48 h » ?

Visible, hors widget (onglets/accordéon cachent le contenu) Dans un accordéon replié pour épurer la page Dans un onglet secondaire Dans un carrousel auto-défilant

Onglets/accordéon/carrousel cachent du contenu : l'essentiel (offre, action) doit rester visible sans clic.

2.3 · Rappel

6. Où définit-on les couleurs globales du site ?

Dans l'onglet Avancé de chaque élément Dans les réglages du site (Site Settings) Dans le fichier style.css du thème Nulle part, Elementor les impose

Les couleurs et polices globales se définissent dans les réglages du site (Site Settings), réutilisables partout.

2.3 · Application

7. Quel est l'intérêt d'une charte globale ?

Alourdir le site Empêcher toute modification Cohérence + changement répercuté en un seul endroit Uniquement un gain esthétique mineur

Une charte globale assure la cohérence et permet de modifier couleurs/polices en un seul endroit, répercuté partout.

2.3 · Arbitrage

8. Le client hésitera sûrement sur sa couleur. Que fait Nadia dès le départ ?

Elle code la couleur en dur sur chaque élément Elle évite les couleurs Elle attend la décision finale avant de rien construire Elle définit la couleur en global et l'applique partout

En définissant la couleur en global, un seul changement met à jour tout le site — idéal face à un client indécis.

2.4 · Rappel

9. Qu'est-ce qu'un « bloc » dans la bibliothèque de modèles ?

Une section prête à l'emploi (bannière, tarifs…) Un site complet Un plugin Une couleur globale

Un bloc est une section prête (bannière, tarifs, contact…) ; une page est complète, un kit regroupe plusieurs pages.

2.4 · Application

10. Après avoir inséré un modèle, que faut-il faire ?

Rien, c'est prêt Le personnaliser (charte + vrais contenus) Le dupliquer pour remplir la page Le supprimer et recommencer à la main

Un modèle arrive avec des styles et textes génériques : on le personnalise (charte globale + vrais contenus) pour éviter l'effet « template ».

2.4 · Arbitrage

11. Nadia refait souvent la même bannière. Que faire pour gagner du temps durablement ?

La recopier manuellement à chaque projet Éviter d'utiliser des bannières L'enregistrer comme modèle réutilisable Attendre un bloc officiel équivalent

Enregistrer ses propres sections comme modèles permet de les réutiliser dans le site ou de les exporter vers d'autres projets.

2.5 · Rappel

12. Une ancre mène vers quoi ?

Une autre page du site Un site externe Le tableau de bord WordPress Une section précise de la même page

Une ancre (lien d'ancrage) mène à une section de la même page ; un lien de page mène vers une autre page.

2.5 · Application

13. Comment rendre l'arrivée sur une ancre agréable ?

Activer le défilement fluide (smooth scroll) Désactiver la navigation Mettre l'ancre en H1 Ajouter une vidéo de fond

Le défilement fluide anime doucement l'arrivée sur l'ancre, au lieu d'un saut brusque.

2.5 · Arbitrage

14. La page d'accueil est parfaite sur ordinateur. Peut-on ignorer le menu mobile ?

Oui, le desktop suffit Non : il faut tester le menu hamburger et les ancres sur mobile Oui, si le menu est joli Non : il faut d'abord acheter Pro

Sur mobile, le menu se replie souvent en hamburger : on teste qu'il s'ouvre, que les ancres fonctionnent et que les cibles sont assez grandes.

2.1 · Application

15. À quoi sert une superposition « overlay » ?

À supprimer l'image de fond À animer la page au défilement À poser une couche semi-transparente pour la lisibilité du texte À créer un menu d'ancres

L'overlay est une couche semi-transparente posée sur l'image de fond pour garantir le contraste du texte.

Et après ?

Score ≥ 80 % : passez au Niveau 3 (Elementor Pro & Theme Builder).
Score < 80 % : revoyez 2.1 à 2.5 et refaites les défis 48h.