Wikipédia:Atelier graphique/Portails/Faire soi-même

Guide de la refonte graphique d'un portail

Début

Cette sous-page récapitule :

Pour la refonte graphique de votre portail mais aussi de la page du projet, il faut d'abord savoir les changements que vous voulez effectuer. Soit changer les boites, soit refaire l'entête du portail, soit le tout. Pour chaque modification, vous pourrez avoir plusieurs choix de graphisme et tout dépendra de l'image que vous voudrez donner à votre portail.

Un conseil, pour éviter d'avoir à écrire tout le wikicode d'un portail, choisissez un portail que vous appréciez et copiez le wikicode puis collez-le sur la page du portail dont vous voulez faire la refonte graphique. Et voilà, le tour est joué, il ne vous reste plus qu'à changer le nom du portail de l'ancien portail pour le remplacer par le nouveau.

Sommaire :

• La présentation des différentes boites, des couleurs que l'on peut y mettre et des icônes.
• Comment faire un bon entête de portail.
• Comment afficher le contenu sur plusieurs colonnes
• À ne pas oublier lors d'une refonte graphique.

Les boîtes

• {{Boîte colorée}} - (ex portail Monde équestre)
• {{Boîte colorée alternative}} - (ex portail Rugby à XV)
• {{Boîte alternative}} - (ex portail Pokémon)
• {{Boîte colorée alternative wikidata}} (ex Wikispecies Accueil])
• {{Début cadre coloré}} à utiliser avec {{Fin cadre}} - (ex Wikipédia Atelier graphique Portails)

À utiliser avec

• {{Début encart coloré}} à utiliser avec {{Fin encart}}
• {{Barre colorée}} (surtout pour le système d'onglet)
• {{Section déroulante début}}
• Aide:Couleurs et Aide:Couleurs/Table détaillée pour pouvoir colorer les boites (fortement conseillé)
• Liste d’icônes sur Commons - (ex portail Disney) (non obligatoire, décoration)

Les En-têtes

• {{Onglets portail}} (À mettre sur tous les portails sans exception et placer sur la page du portail, du projet et de la page de discussion)
• {{En-tête Portail}} - (ex portail Centre Pompidou) (Attention, il faut déjà que le portail ait le modèle Onglets portail pour pouvoir utiliser ce modèle.)
• {{En-tête Portail 2}} - (ex portail Sciences humaines et sociales) (Attention, il faut déjà que le portail ait le modèle Onglets portail pour pouvoir utiliser ce modèle.)

Les colonnes

• {{Début de colonnes}} + {{Fin de colonnes}} permet de séparer le contenu en plusieurs colonnes. Attention, pour s'adapter correctement à tous les formats d'écran, les colonnes doivent être réglées par leur taille minimale (paramètre taille, valeurs typiques : 25em pour 2 colonnes, 15em pour 3 colonnes) avant d'être réglées par leur nombre maximal (paramètre nombre). Si seul le paramètre nombre est indiqué, les colonnes seront écrasées sur mobile.
• {{Début de bloc solidaire}} + {{Fin de bloc solidaire}} pour forcer des éléments à rester sur une même colonne.

À ne pas oublier

• {{Portails connexes}} (Permet d'afficher des portails similaires de manière stylisée)
• {{Projets Wikimedia associés 2}} (Permet de relier votre portail au sujet de la même thématique dans l'univers wikimédia)
• {{Pied de portail}} (À placer juste en fin de page juste au-dessus des catégories)