Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Modèle:RecentArticlesButtons » : différence entre les versions

De Nefald
Hiob (discussion | contributions)
mAucun résumé des modifications
Balise : Révoqué
Hiob (discussion | contributions)
mAucun résumé des modifications
 
(7 versions intermédiaires par le même utilisateur non affichées)
Ligne 4 : Ligne 4 :
  * Usage: {{RecentArticlesButtons}} or {{RecentArticlesButtons|count=X}}
  * Usage: {{RecentArticlesButtons}} or {{RecentArticlesButtons|count=X}}
-->
-->
<div class="dpl-boutons-articles">
<div class="dpl-section-recents">
<hr class="dpl-separator">
<h2 class="dpl-titre-recents">{{{title|Articles récents}}}</h2>
  <div class="dpl-boutons-articles">
{{#dpl:
{{#dpl:
|category={{{1|Articles récents}}}
|namespace={{{namespace|Main}}}
|ordermethod=lastedit
|ordermethod=lastedit
|order=descending
|order=descending
|count=20
|count={{{count|6}}}
|mode=userformat
|mode=userformat
|listseparators=,<ul>,</ul>,
|listseparators=,</div>,,
|format=<li class="dpl-bouton-article">[[%PAGE%|%TITLE%]]</li>,
|format=,{{Modèle:RecentArticlesButtons/item¦%PAGE%¦%DATE%}},,
|noresultsheader=<div class="dpl-no-results">Aucun article récent trouvé.</div>
}}
}}
</div>
</div>
</div>
</includeonly><noinclude>
</includeonly><noinclude>
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>

Dernière version du 13 novembre 2025 à 15:42


📚 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


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

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 :

  1. Modifier la feuille de style commune : Modèle:RecentArticlesButtons/styles.css
  2. 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


Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.