« Modèle:RecentArticlesButtons/doc » : différence entre les versions
Autres actions
Page créée avec « == 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 === <syntaxhighlight lang="wikitext">... » |
|||
| (3 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
== Description == | == 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. | 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. | ||
| Ligne 16 : | Ligne 14 : | ||
<syntaxhighlight lang="wikitext"> | <syntaxhighlight lang="wikitext"> | ||
{{RecentArticlesButtons | {{RecentArticlesButtons | ||
|namespace=Main | |||
|count=10 | |count=10 | ||
| | |title=Articles récents | ||
}} | }} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Ligne 38 : | Ligne 37 : | ||
</syntaxhighlight> | </syntaxhighlight> | ||
'''Résultat :''' Affiche les | '''Résultat :''' Affiche les 6 derniers articles modifiés avec le titre "Articles récents". | ||
--- | --- | ||
| Ligne 47 : | Ligne 46 : | ||
</syntaxhighlight> | </syntaxhighlight> | ||
'''Résultat :''' Affiche les 10 derniers articles modifiés. | '''Résultat :''' Affiche les 10 derniers articles modifiés, dans l'espace de noms principal. | ||
--- | --- | ||
| Ligne 53 : | Ligne 52 : | ||
=== Exemple 3 : Titre personnalisé === | === Exemple 3 : Titre personnalisé === | ||
<syntaxhighlight lang="wikitext"> | <syntaxhighlight lang="wikitext"> | ||
{{RecentArticlesButtons| | {{RecentArticlesButtons|title=Dernières contributions}} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
'''Résultat :''' Affiche les | '''Résultat :''' Affiche les 6 derniers articles avec le titre "Dernières contributions". | ||
--- | --- | ||
| Ligne 63 : | Ligne 62 : | ||
<syntaxhighlight lang="wikitext"> | <syntaxhighlight lang="wikitext"> | ||
{{RecentArticlesButtons | {{RecentArticlesButtons | ||
|namespace=Aide | |||
|count=8 | |count=8 | ||
| | |title=Dernières page d'Aide | ||
}} | }} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
'''Résultat :''' Affiche les 8 derniers articles édités dans l'espace de noms ''Aide'' avec le titre "Dernières page d'Aide". | |||
== Apparence == | == Apparence == | ||
| Ligne 98 : | Ligne 101 : | ||
<syntaxhighlight lang="wikitext"> | <syntaxhighlight lang="wikitext"> | ||
{{#dpl: | {{#dpl: | ||
|namespace=Main | |namespace={{{namespace|Main}}} | ||
|ordermethod=lastedit | |ordermethod=lastedit | ||
|order=descending | |order=descending | ||
| Ligne 154 : | Ligne 157 : | ||
* [[Modèle:RecentArticlesButtons/item]] | * [[Modèle:RecentArticlesButtons/item]] | ||
* [[Modèle:RecentArticlesButtons/styles.css]] | * [[Modèle:RecentArticlesButtons/styles.css]] | ||
* [[Spécial:Modifications récentes]] | * [[Spécial:Modifications récentes]] | ||
<noinclude> | |||
[[Catégorie:Documentation de modèle]] | |||
< | </noinclude> | ||
[[Catégorie: | |||
</ | |||
Dernière version du 13 novembre 2025 à 15:47
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
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