Corpus redessine les modules du cœur de Joomla les plus employés. Vous n'avez rien à installer ni à paramétrer pour cela : publiez le module, il prend la forme du template.
Sur le même sujet : Articles - En relation
Ce module liste les articles qui partagent un mot-clé avec l'article affiché. Il se publie sur sidebar-right ou main-bottom.
Corpus affiche le titre d'abord, la date en fin de ligne, alignée à droite et dans la taille des mentions.
Le module de Joomla fait l'inverse : il écrit 01-08-2026 - Titre de l'article. Trois raisons de ne pas garder ce format, et aucune n'est affaire de goût.
On parcourt une liste par les titres, pas par les dates. Toutes les lignes commençant par la même forme, l'œil doit sauter huit caractères à chaque fois avant d'arriver à l'information utile.
Le tiret est du texte. Un lecteur d'écran annonce « zéro un tiret zéro huit tiret deux mille vingt-six tiret Olives de table » : la date se lit en entier avant qu'on sache de quel article il s'agit.
Le format de date est numérique, donc ambigu. 01-08-2026 ne se lit pas de la même façon à Paris et à Chicago. Corpus écrit le mois en toutes lettres, et ajoute une date lisible par une machine dans l'attribut datetime.
Réglages utiles : Afficher la date, c'est elle qui produit la colonne de droite, et Nombre d'articles, à garder bas : une liste latérale de quinze entrées ne se lit plus.
Le cadre autour d'un module
Par défaut, un module est encadré : trait, angle, ombre légère, marge intérieure.
Deux façons de l'enlever, et elles font la même chose :
- onglet Avancé, Style du module → groupe corpus, valeur no-card ;
- ou Suffixe de classe du module →
no-card.
no-rule, dans le suffixe de classe, retire le filet sous le titre. Les deux mots se combinent : no-card no-rule.
Attention à ne pas prendre les mêmes noms dans le mauvais groupe. La liste Style du module range ses valeurs par template, et Cassiopeia propose « card » et « noCard » qui s'écrivent presque pareil. Les siennes court-circuitent la mise en forme de Corpus : le module sort alors sans cadre, mais aussi sans filet et sans aucun de nos réglages. Vérifiez le nom du groupe, il est écrit au-dessus.
Un raccourci qui vaut pour tout le site. Si vous voulez des modules sans cadre partout, ne le réglez pas module par module : prenez la variante À plat dans le Theme Customizer, groupe Apparence → Forme. Voir L'apparence : couleurs et forme.
Afficher un module en fenêtre popup
N'importe quel module peut s'ouvrir en panneau au bord droit de l'écran, au bout de quelques secondes : une promotion, une fermeture exceptionnelle, une date d'inscription qui approche.
Il ne recouvre rien et ne bloque rien. Pas de voile, pas de page grisée : le visiteur continue de lire, de cliquer et de défiler pendant que l'annonce est là. C'est un choix, et il a un prix : une annonce qu'on peut ignorer se fait plus facilement ignorer qu'une fenêtre qui barre le passage. Nous avons préféré ne pas barrer le passage.
Comment. Publiez le module comme d'habitude, puis onglet Avancé, Style du module → groupe corpus, valeur popup.
Où le poser. Position float-pos, nommée Bloc flottant dans la liste. Corpus la rend en fin de page, sans rien autour. Une colonne latérale emporterait le panneau et l'icône avec elle en se repliant sur téléphone.
Trois choses que le template ne vous redemande pas, parce que Joomla les fait déjà :
| ce que vous voulez | où ça se règle |
|---|---|
| l'annonce seulement en page d'accueil | l'assignation de menu du module |
| l'annonce pendant une semaine | les dates de début et de fin de publication, onglet Publication |
| une annonce par langue | la langue du module |
Sur un site multilingue, faites donc un module par langue et donnez à chacun la sienne : Joomla n'en montre qu'un, et chaque visiteur voit l'annonce dans sa langue.
Le délai avant ouverture
Un seul réglage, dans le Theme Customizer, groupe Apparence → Modules : Popup : délai avant ouverture, en secondes, 3 par défaut.
Zéro ouvre la fenêtre au chargement. Ce n'est pas conseillé : elle coupe la lecture avant qu'elle commence, et les moteurs de recherche pénalisent les fenêtres qui recouvrent la page dès l'arrivée sur téléphone.
Ce que voit le visiteur : trois tailles, et l'annonce ne disparaît jamais
L'annonce ne se ferme pas, elle se replie. C'est le point à comprendre, et tout le reste en découle. Ce sont trois tailles du même panneau, au même endroit, chacune rentrant dans la suivante.
1. Le panneau entier. Il s'ouvre une seule fois par visite, après le délai réglé, collé au bord droit. Il porte le titre du module et son contenu, boutons compris. Sur téléphone il se pose en bas, au-dessus de la barre d'outils.
2. Le titre seul. En repliant le premier, le visiteur ne perd pas l'annonce : il n'en reste qu'une carte étroite au même bord, avec le titre du module. Cliquer sur le titre rouvre le panneau entier ; la croix descend d'un cran.
3. L'icône. Dernier repli : un carré au bord droit, sous le bouton de thème, et en bas de l'écran sur téléphone avec les autres outils. Elle rouvre le panneau entier, et la boucle recommence.
L'état suit le visiteur de page en page tant que la session dure. Celui qui a fermé trop vite retrouve donc ce qu'il n'a pas eu le temps de lire, sans que l'annonce lui resaute au visage à chaque page. À la fermeture de l'onglet tout est oublié : le visiteur qui revient demain la revoit, une fois.
Sur téléphone, l'étape du milieu n'existe pas : on passe directement du panneau entier à l'icône. Une bande de titre au bord d'un petit écran mange la lecture pour redire ce qu'on vient de lire, et la barre d'outils du bas occupe déjà le pouce.
Si vous masquez le titre du module, l'étape du titre seul n'a rien à montrer : elle est sautée elle aussi. Corpus ne réaffiche pas un titre que vous avez choisi de cacher.
Rien à déclarer dans votre bandeau de cookies
Corpus n'écrit aucun cookie pour cette fonction. Il emploie le stockage de session du navigateur, qui s'efface avec l'onglet et ne quitte jamais la machine du visiteur. Voir Le bandeau de consentement.
Deux limites à connaître
Un seul popup par page. Si deux modules portent le style popup, seul le premier s'ouvre. Deux fenêtres modales l'une sur l'autre ne sont pas une possibilité, c'est un défaut.
Sans JavaScript, rien ne s'affiche : ni la fenêtre, ni le bouton de rappel. Une information dont dépend une décision du visiteur doit donc exister ailleurs sur le site, dans une page ou un module ordinaire.
Ce qui est fait pour l'accessibilité
Le titre du module donne son nom au panneau, qui est une région repérable : un lecteur d'écran le liste avec les autres repères de la page, et l'annonce poliment à son apparition sans interrompre la lecture en cours.
Le panneau ne prend jamais le clavier. C'est la contrepartie de ne rien bloquer : voler le focus à quelqu'un qui lit ou qui remplit un champ serait pire que tout. Échap replie d'un cran, mais seulement quand le clavier est déjà dans le panneau, sans quoi on le prendrait à un visiteur occupé ailleurs.
Quand le visiteur replie lui-même, le focus suit d'un cran : il ne repart jamais en haut de la page. La croix fait 40 px de côté, bien au-delà du minimum exigé, et l'animation d'entrée disparaît si le système demande moins de mouvement.
Le menu en colonne latérale
Publiez un module Menu sur sidebar-left ou sidebar-right : le même menu que dans la barre du haut prend une mise en page verticale, sans que vous ayez rien à régler.
Ce qui change par rapport à la barre : les entrées se lisent les unes sous les autres, séparées par un trait ; l'entrée courante se marque à gauche et non dessous, parce que c'est le bord que l'œil longe dans une liste verticale ; et les sous-menus se déplient sur place au lieu de flotter par-dessus le contenu.
Le clavier fonctionne à l'identique : Flèche bas ouvre, Échap referme un cran à la fois et rend le focus au bouton, Flèche gauche remonte d'un niveau.
Le pictogramme d'une entrée se pose dans Menus → votre entrée → onglet Type de lien → Classe de l'icône du lien. Écrivez-y le nom d'un pictogramme de Corpus, par exemple i-accueil. Un nom inconnu ne casse rien : il ne pose simplement aucun pictogramme.
Les étiquettes populaires
Le module Étiquettes - Populaires sort des liens nus. Corpus leur donne la forme des étiquettes du site, pictogramme compris, pour qu'un lecteur les reconnaisse d'une page à l'autre.
Si vous activez le compteur, il s'affiche entre parenthèses dans l'étiquette, et son intitulé complet reste annoncé aux lecteurs d'écran.
Les derniers articles, et les autres listes
Le module Articles - Les plus récents, comme Les plus lus, Archivés ou Catégories, sort une liste de titres. Corpus les dessine tous de la même façon, une entrée par ligne, séparées d'un trait, parce qu'ils montrent la même chose : des titres qui mènent quelque part.
Vous n'avez donc rien à régler : un module de liste publié aujourd'hui ou dans six mois prendra la même forme.
Le module Articles
C'est le module que Joomla a refondu le plus récemment, et le plus complet : il remplace à lui seul plusieurs anciens modules. Corpus l'habille dans ses deux dispositions.
En liste, une entrée par ligne, séparées d'un trait.
En grille, chaque article devient une carte : image en haut, titre, puis les informations que vous avez activées. Le réglage Nombre de colonnes est respecté à la lettre : si vous demandez trois colonnes, vous en aurez trois, et la grille se replie d'elle-même quand les colonnes deviennent trop étroites.
Pour voir les images, il faut les activer : onglet Images, réglage Image d'introduction ou image complète. Sans ce réglage, les articles sortent sans photo, quelle que soit la disposition.
La vue magazine : propre à Corpus
Une grande vignette d'un côté, deux petites de l'autre. C'est une mise en page de une, faite pour ouvrir une page d'accueil.
Elle ne s'installe pas et ne se coche pas : elle se demande par un mot dans le Suffixe de classe du module, onglet Avancé.
| Ce que vous écrivez | Ce que vous obtenez |
|---|---|
corpus-magazine |
La grande vignette à gauche, les deux petites à droite. |
corpus-magazine-droite |
La grande vignette à droite, les deux petites à gauche. |
Le mot se combine avec les autres : corpus-magazine no-card, par exemple.
L'ordre des articles
L'article n° 1 est toujours celui du haut à gauche. C'est l'ordre de lecture, et c'est celui du module : le premier article de votre tri est le premier que l'œil rencontre.
En conséquence, la grande vignette n'est pas le même article selon le sens :
corpus-magazine, la grande est à gauche, c'est donc l'article 1 ;corpus-magazine-droite, la grande est à droite, c'est donc le dernier.
Les quatre réglages qui comptent
La vue magazine est une mise en forme, pas un module à part : ce qu'elle montre vient entièrement des réglages du module. Quatre d'entre eux la font, ou la défont.
- Nombre d'articles : 3. La vue est calibrée pour trois. Au-delà, les suivants s'empilent dans la petite colonne sans que la grande les accompagne.
- Images : activées (onglet Images). Une vue magazine sans photo n'a plus de raison d'être.
- Introduction : désactivée. Le texte d'introduction déséquilibre les vignettes : l'une en a, l'autre non.
- Étiquettes, catégorie, date, auteur : désactivés. Ils allongent une vignette et pas l'autre, et l'alignement des images s'en va.
Ces éléments ne sont pas masqués par le template, et c'est volontaire : du contenu caché en CSS reste lu par un lecteur d'écran, qui entendrait alors des informations que personne ne voit. Ce sont des réglages, ils se règlent dans le module.
Sur téléphone
Les trois vignettes s'empilent, toutes de la même taille, dans l'ordre du module. Le repli se déclenche sur la largeur du module, pas de l'écran : une vue magazine placée dans une colonne latérale étroite s'empilera donc aussi sur un grand écran. C'est voulu : la mosaïque n'a de sens qu'en pleine largeur.
Accessibilité
Toute la vignette est cliquable, mais elle ne compte qu'un seul arrêt de tabulation : c'est le lien du titre qui s'étend sur toute la surface. Deux liens vers la même page, ce serait un arrêt de plus au clavier et rien de gagné.
Le titre reste sous l'image, jamais posé dessus. Un titre sur une photo dépend du contraste de cette photo-là, que personne ne maîtrise sur un site qu'on remplit tous les jours.
Aucun effet au survol. Un mouvement déclenché par le pointeur n'apporte aucune information, gêne les personnes sensibles au mouvement, et déplace une cible pendant qu'on la vise.
Le module de connexion
Publiez Connexion en colonne latérale. Le formulaire prend les champs de Corpus, et le bouton Connexion l'accent du site.
L'œil qui révèle le mot de passe est celui de Joomla, redessiné : il vit dans le champ, pas à côté. Révéler un mot de passe agit sur le champ lui-même, ce n'est pas une action séparée du formulaire.
Le sélecteur de langue
Publiez Langues sur search, la zone à droite de la barre de navigation, et les drapeaux s'y alignent. Le module n'apparaît que si le site est multilingue : il faut une deuxième langue de contenu et le plugin Filtre de langue activé.
Corpus dessine les deux modes du module, mais l'un est meilleur que l'autre.
Un drapeau n'est pas une langue. Le drapeau belge ne dit pas si l'on parle français ou néerlandais ; un hispanophone d'Amérique n'est pas espagnol. Si vos langues ne coïncident pas exactement avec des pays, décochez Afficher les drapeaux : le module écrit alors le nom natif de chaque langue, et personne n'a à deviner.
Dans les deux cas le nom natif reste présent : en texte de remplacement de l'image, ou en toutes lettres. Le module n'est jamais muet pour un lecteur d'écran.
La langue courante est marquée par un fond et un contour, pas seulement par la couleur, et elle est annoncée comme telle aux lecteurs d'écran.
À jour pour Corpus 2.1.43.