PhpBB Lab Académie

Rechercher dans ce cours

Personnaliser son forum phpBB avec les styles et les extensions

Auteur : phpBB-Lab. Date de cette version : jeu. 17 sept. 2026 12:39.

Vérifier les styles, la navigation et l’état final du clone

Objectif de la leçon

Contrôler l’annonce avec prosilver et Atelier Jardins, examiner la lecture et la navigation au clavier, distinguer un problème de configuration d’un problème de rendu, puis refermer le clone en conservant la configuration validée.

Explications

Une recette est une série de preuves

La recette désigne ici les vérifications qui permettent d’accepter votre configuration. Elle ne se résume pas à dire « l’encart est joli ». Vous devez établir que le bon texte atteint le bon public, sur la bonne page, dans les styles utilisés, et que les lecteurs peuvent continuer à parcourir le forum.

Vous avez déjà validé le public et l’emplacement. La configuration reste : une seule annonce, extension active, global Oui, annonce Oui, Tous les utilisateurs, Board Index seul, masquage Non, date et couleur vides. Vous allez maintenant examiner son rendu sans modifier ces choix. La fenêtre de tests ordinaires du clone est toujours ouverte ; la source et le clone de retour restent hors de l’exercice.

Comparer deux styles sans attendre une différence artificielle

prosilver reste actif, style par défaut et style des invités. Atelier Jardins reste installé et actif, choisi seulement dans la préférence du compte accueil_test. « Annuler le style de l’utilisateur » reste sur « Non ». Ces paramètres ont été étudiés au chapitre 2 : la préférence d’un membre n’est pas le style par défaut du site.

Atelier Jardins hérite des templates de prosilver et possède la copie complète du thème correspondante. Vous n’avez pas changé ses couleurs ni son organisation ; une apparence très proche est donc attendue. Le nom Atelier Jardins ne crée pas à lui seul une présentation nouvelle. Pour vérifier le style du compte, utilisez son réglage enregistré plutôt qu’une différence visuelle supposée.

Avec accueil_test, ouvrez le panneau de l’utilisateur, « Préférences du forum », puis « Modifier les préférences générales ». Relisez « Style » : Atelier Jardins doit être sélectionné. Avec inscrit_test, la préférence doit rester prosilver. Dans le PCA, CamilleAdmin peut confirmer prosilver dans « Style par défaut » et « Style pour les invités », puis « Non » pour l’annulation du style utilisateur. Aucun de ces contrôles ne demande de modifier les permissions des membres.

Comprendre comment l’extension rejoint la page

Une extension peut ajouter un contenu à un emplacement prévu par les templates du forum. Board Announcements utilise un point d’insertion présent dans le template de prosilver, avant le contenu principal. Atelier Jardins réutilise ce template parent ; le même mécanisme peut donc y être vérifié. Vous n’avez pas à copier manuellement l’annonce dans un fichier HTML ou à modifier le noyau.

Un autre style tiers pourrait déplacer ce point d’insertion, ne pas le proposer ou présenter le résultat différemment. La compatibilité déclarée avec une version de phpBB ne prouve pas que toutes les combinaisons de styles se comportent à l’identique. En cas de différence, comparer avec prosilver sous les mêmes conditions aide à isoler le problème ; forcer le code dans le template parent n’est pas notre première solution.

Lire le contenu et parcourir les commandes

Sur l’index, l’annonce est principalement du texte. Elle n’est pas obligatoirement un titre de navigation. Une lecture qui saute uniquement de titre en titre peut donc passer à côté : utilisez aussi la lecture continue ou la recherche de texte « Atelier local ». Vérifiez que les deux phrases sont présentes, dans le bon ordre, une seule fois pour notre annonce unique.

Au clavier, Tabulation et Maj+Tabulation déplacent le focus entre les commandes interactives. Le focus désigne la commande qui recevra l’action suivante. Le texte ordinaire de l’annonce n’a pas à devenir une étape de tabulation ; sa lecture se fait avec les commandes de lecture du navigateur ou du lecteur d’écran. Comme le masquage est sur Non, vous n’attendez pas de bouton de fermeture de cet encart.

Parcourez quelques liens du forum avant et après cette zone. Vérifiez que vous pouvez rejoindre un forum, ouvrir un sujet puis revenir à l’index, sans blocage de navigation. Pour une personne qui voit l’écran, le repère de focus doit rester perceptible. Une personne utilisant un lecteur d’écran relève plutôt la commande annoncée et la continuité de navigation ; ces observations complètent un contrôle visuel sans s’y substituer entièrement.

Vérifier l’agrandissement sans en faire une certification

Dans un navigateur sous Windows, Ctrl avec la touche plus augmente le zoom, Ctrl avec moins le réduit et Ctrl+0 revient au niveau habituel. À un agrandissement tel que 200 %, un contrôle visuel permet d’observer si le texte se coupe, se superpose ou rend une commande inutilisable. Le contenu doit rester exploitable et le forum navigable. Remettez ensuite le zoom initial.

Si vous ne pouvez pas observer ces défauts visuels, notez ce point comme non vérifié visuellement ; la relecture du texte ne suffit pas à démontrer l’absence de superposition. Les essais de ce cours ne constituent pas un audit complet de conformité. Une extension fonctionnelle et un texte lisible ne garantissent pas, à eux seuls, une accessibilité parfaite de tous les formulaires et de tous les styles.

Six contrôles avant d’accuser le cache

Si l’annonce manque, vérifiez d’abord que vous êtes sur le clone attendu. Examinez ensuite ces six causes possibles : l’extension désactivée ; le réglage global sur Non ; l’annonce individuelle désactivée ou arrivée à expiration ; un emplacement qui ne comprend pas la page consultée ; un public qui ne comprend pas la session actuelle ; un masquage personnel antérieur.

Notre annonce neuve évite l’expiration et le masquage. Si vous aviez masqué une annonce lors d’autres essais, passer le masquage à Non ne suffit pas forcément à effacer sa trace : comparez aussi dans une nouvelle session privée sans ce cookie. Relisez les valeurs et le contexte avant de conclure. Ne commencez pas par recréer l’annonce, changer les permissions ou vider tous les caches. Une fois les conditions d’affichage confirmées, comparez les deux styles et notez ce qui diffère. Une absence conforme à Invités ou à Board Index n’est pas un défaut de rendu.

Exemple commenté

Exemple commenté

accueil_test utilise Atelier Jardins. Le rappel apparaît sur son index, puis disparaît quand il ouvre Questions publiques. inscrit_test, sous prosilver, observe le même comportement. Camille vérifie leurs préférences : chaque compte utilise bien le style prévu, même si l’apparence est volontairement semblable.

Elle constate ensuite que le texte ne reçoit pas le focus avec Tabulation. Ce n’est pas, à lui seul, un défaut : l’annonce contient du texte simple et aucune commande de fermeture. Elle la lit avec son lecteur d’écran et utilise Tabulation pour les vrais liens. Sa fiche sépare ainsi lecture du contenu, navigation interactive et observations visuelles.

Exercice à réaliser

Exercice guidé

1. Avec CamilleAdmin, relisez les réglages finaux de l’annonce et les paramètres de styles du PCA. Vérifiez qu’il existe une seule ligne d’annonce. Laissez les permissions et les courriels inchangés.

2. Avec inscrit_test sous prosilver, ouvrez l’index. Lisez le message public complet puis parcourez les liens au clavier. Ouvrez Questions publiques et un sujet ; le rappel doit y être absent. Revenez à l’index et retrouvez-le.

3. Avec accueil_test, confirmez Atelier Jardins dans ses préférences générales. Refaites les mêmes contrôles de texte et de navigation sur l’index, le forum et le sujet. N’attendez pas un changement de couleur pour conclure que le style est sélectionné.

4. Comme visiteur non connecté, vérifiez encore l’annonce sur l’index sous le style des invités prosilver. Notez acteur, style vérifié, page, présence ou absence attendue et résultat. Contrôlez aussi l’agrandissement si vous pouvez observer le rendu ; sinon, distinguez dans votre fiche les points lus et les points visuels non vérifiés.

5. Avec CamilleAdmin, refermez uniquement le clone de personnalisation : PCA, « Général », « Configuration du forum », « Désactiver le forum » sur « Oui », puis enregistrez. Vérifiez le message de fermeture comme visiteur. Conservez l’extension active et l’annonce configurée : la fermeture du laboratoire n’est pas la désactivation de l’ajout.

6. Notez l’état final : clone fermé, annonce unique prête pour les prochaines fenêtres d’essai, prosilver par défaut et pour les invités, Atelier Jardins choisi par accueil_test, annulation du style utilisateur sur Non. Vous pourrez ainsi préparer la sauvegarde avant entretien au chapitre suivant.

Correction et résultat attendu

Correction et résultat attendu

Pendant les tests, le texte était lisible sur l’index pour les membres et le visiteur. Il restait absent des pages de forum et de sujet. Les essais de accueil_test ont porté sur Atelier Jardins, ceux de inscrit_test et du visiteur sur prosilver. Aucune permission n’a été changée pour obtenir ce résultat.

Votre fiche distingue le fonctionnement, la lecture, le clavier et les éventuels contrôles visuels. Elle ne revendique pas une vérification que vous n’avez pas réalisée. Si l’encart se comporte différemment dans les deux styles, notez le compte, ses préférences, la page et le résultat avant toute correction.

Après fermeture, un compte ordinaire peut être bloqué avant de parcourir les pages habituelles : c’est l’état de repos voulu du clone. Ne considérez pas ce refus comme une régression de l’annonce. L’extension reste activée et ses données sont conservées. Le prochain chapitre ouvrira ses propres fenêtres de test au moment nécessaire.

À retenir

Validez le même message avec les comptes, styles et pages prévus. Distinguez texte à lire et commande à atteindre au clavier, puis notez les limites des contrôles visuels. Avant le cache, vérifiez activation, affichage, expiration, emplacement, public et masquage. À la fin, conservez la configuration et refermez le clone sans toucher à la source.

Seuil de réussite, en pourcentage : 100 %. QCM obligatoire pour terminer le cours.

Sommaire du cours

Préparer une personnalisation utile et réversible

  1. Choisir un besoin et retrouver le bon forum de test
  2. Préparer son inventaire et son point de sauvegarde
  3. Personnaliser le nom et la description avec les réglages existants

Comprendre, installer et essayer un style

  1. Comprendre ce qu’un style change et ce qu’il conserve
  2. Préparer Atelier Jardins et l’installer dans le clone
  3. Choisir un style et vérifier à qui il s’applique

Choisir et installer une extension

  1. Choisir une extension qui répond à un besoin précis
  2. Installer les fichiers puis activer Board Announcements
  3. Désactiver et réactiver sans effacer les réglages

Configurer une annonce et vérifier l’expérience des membres

  1. Créer une annonce utile et maîtriser ses réglages
  2. Tester les publics et les emplacements sans changer les permissions
  3. Vérifier les styles, la navigation et l’état final du clone

Entretenir ses ajouts et terminer son projet

  1. Entretenir une extension et suivre les dépendances du style
  2. Diagnostiquer un problème et revenir au bon niveau
  3. Terminer une personnalisation vérifiée et documentée