Modèle:RecentArticlesButtons
Autres actions
Modèle:RecentArticlesButtons
Description
Le modèle RecentArticlesButtons affiche automatiquement les articles récemment modifiés sous forme de boutons cliquables stylisés. Il utilise l'extension DynamicPageList (DPL) pour générer dynamiquement la liste des derniers articles édités.
Ce modèle est responsive (adapté aux mobiles) et utilise une mise en page moderne avec flex-wrap.
Utilisation
Syntaxe de base
{{RecentArticlesButtons}}
Avec paramètres (optionnels)
{{RecentArticlesButtons
|namespace=Main
|count=10
|title=Articles récents
}}
Paramètres
| Paramètre | Description | Type | Défaut |
|---|---|---|---|
| count | Nombre d'articles à afficher | Nombre | 5 |
| titre | Titre de la section | Texte | "Articles récents" |
Exemples
Exemple 1 : Utilisation par défaut
{{RecentArticlesButton}}
Résultat : Affiche les 6 derniers articles modifiés avec le titre "Articles récents".
---
Exemple 2 : Afficher 10 articles
{{RecentArticlesButtons|count=10}}
Résultat : Affiche les 10 derniers articles modifiés, dans l'espace de noms principal.
---
Exemple 3 : Titre personnalisé
{{RecentArticlesButtons|title=Dernières contributions}}
Résultat : Affiche les 6 derniers articles avec le titre "Dernières contributions".
---
Exemple 4 : Combinaison de paramètres
{{RecentArticlesButtons
|namespace=Aide
|count=8
|title=Dernières page d'Aide
}}
Résultat : Affiche les 8 derniers articles édités dans l'espace de noms Aide avec le titre "Dernières page d'Aide".
Apparence
Le modèle génère un affichage avec :
- Un séparateur horizontal (ligne de séparation)
- Un titre de section avec icône
- Des boutons colorés pour chaque article avec effet hover
- Une mise en page responsive qui s'adapte aux petits écrans
Exemple visuel
📚 Articles récents
Technique
Structure du modèle
Le modèle utilise une architecture modulaire :
Modèle:RecentArticlesButtons/ ├── RecentArticlesButtons ← Logique principale (DPL) ├── item ← Affichage d'un article └── styles.css ← Feuille de style
Extension requise
- DynamicPageList (DPL) – Obligatoire
Code DPL utilisé
Le modèle utilise la requête DPL suivante :
{{#dpl:
|namespace={{{namespace|Main}}}
|ordermethod=lastedit
|order=descending
|count={{{count|5}}}
|mode=userformat
|listseparators=<ul class="ext-recent-articles">,,</ul>
|format=,{{RecentArticlesButtons/item|%PAGE%|%DATE%}},
}}
Classes CSS
| Classe | Élément |
|---|---|
.dpl-section-recents |
Conteneur principal |
.dpl-separateur |
Ligne de séparation |
.dpl-titre-recents |
Titre de section |
.ext-recent-articles |
Liste des boutons |
.ext-recent-articles__button |
Bouton individuel |
Personnalisation
Modifier les styles
Les styles sont définis dans Modèle:RecentArticlesButtons/styles.css. Vous pouvez :
- Modifier la feuille de style commune : Modèle:RecentArticlesButtons/styles.css
- Surcharger localement avec
{{#css:...}}
Exemple de surcharge :
{{RecentArticlesButtons}}
{{#css:
.ext-recent-articles__button a {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
}}
Modifier l'affichage d'un article
Éditez le sous-modèle Modèle:RecentArticlesButtons/item pour personnaliser l'affichage de chaque bouton.
Limitations
- Espace de noms : Par défaut, seuls les articles de l'espace principal (Main) sont affichés
- Performance : L'utilisation intensive de DPL peut impacter les performances. Utilisez le cache si nécessaire
- Extension DPL : Nécessite l'installation de l'extension DynamicPageList
Voir aussi
- Modèle:RecentArticlesButtons/item
- Modèle:RecentArticlesButtons/styles.css
- Spécial:Modifications récentes