Le modèle IconButton crée de petits boutons carrés cliquables avec icône uniquement (48×48px), optimisés pour s'afficher en grille horizontale ou verticale. C'est une version compacte de {{ButtonLink}} conçue pour les réseaux sociaux, liens externes et actions rapides.
Différences avec ButtonLink
Aspect
ButtonLink
IconButton
Usage
Boutons d'appel à l'action principaux
Grilles d'icônes, liens sociaux
Dimensions
300×80px (variable)
48×48px (fixe)
Texte
Oui (gras, sous l'icône)
Non (icône seule)
Alignement
left/center/right
Inline (auto-wrap)
Taille icône
40px
24px
Display
Block (flex)
Inline-flex
Utilisation
Ce modèle crée un bouton carré compact pointant vers n'importe quelle destination (réseaux sociaux, services externes, plateformes de téléchargement, etc.). Les boutons s'alignent automatiquement en ligne et passent à la ligne suivante sur petits écrans.
Syntaxe
{{IconButton|link = URL du lien
|logo = Nom de couleur prédéfinie (optionnel)
|image = Nom du fichier image (avec extension, optionnel)
|size = Taille de l'icône (défaut : 24px)
|background = Couleur d'arrière-plan personnalisée (optionnel)
|alt = Texte alternatif (optionnel)
}}
Paramètres
Paramètre
Description
Requis
Défaut
link
URL complète ou relative
Oui
-
logo
Nom de couleur/plateforme prédéfinie (voir liste ci-dessous)
Non
gray
image
Nom du fichier image personnalisé (ex : "MonLogo.svg")
<divstyle="text-align: center;">'''Télécharger sur :'''{{IconButton|link=https://modrinth.com/mod/example|logo=modrinth}}{{IconButton|link=https://curseforge.com/minecraft/mc-mods/example|logo=curseforge}}{{IconButton|link=https://hangar.papermc.io/user/example|logo=hangar}}{{IconButton|link=https://github.com/user/repo/releases|logo=github-releases}}</div>
Support/Donation
<divstyle="text-align: center;">'''Soutenez le projet :'''{{IconButton|link=https://patreon.com/creator|logo=patreon}}{{IconButton|link=https://ko-fi.com/creator|logo=kofi}}{{IconButton|link=https://paypal.me/creator|logo=paypal}}</div>