WikilyWIKILY
Tous les jeux19 wikis · choisissez votre jeu
Menu

Documentation

Wiki CSS et Sidebar CSS

Updated 2026-09-29

Les règles posées directement sur un élément sont parfaites pour un cas isolé. Dès que beaucoup d’éléments doivent partager le même style, une feuille centrale le définit une fois pour toutes.

Deux feuilles de style, deux rôles

Wiki CSSChaque page et chaque bloc. Ouvrez Manage › Theme › Custom CSS, puis modifiez l’onglet wiki.css.
Sidebar CSSLes liens de navigation, les titres et le repère de la page actuelle. Modifiez l’onglet sidebar.css dans le même éditeur, ou ouvrez Theme › Sidebar › CSS.

Les deux s’écrivent comme du CSS classique, avec sélecteurs et accolades, par exemple .gold-frame { border: 2px solid gold; }. Le seul endroit avec des règles complètes.

Classes partagées : définir une fois, réutiliser partout

Le lien est le champ CSS class, tout en bas de chaque panneau Custom CSS. Donnez un nom de classe à un élément, définissez-la au niveau central, et tous les éléments qui la portent changent ensemble.

Le champ CSS class ne propose que des classes qui existent vraiment dans votre CSS central. Cliquez sur l'une d'elles pour l'appliquer ou la retirer, ou passez directement dans l'éditeur de la feuille de style.
  1. Ouvrez la section Custom CSS d’un élément et cliquez dans le champ CSS class.
  2. Le menu montre toutes les classes de la feuille de style correspondante.
  3. Un clic applique, un second retire. Vous pouvez en combiner plusieurs.
  4. Pas encore de classe ? « Edit wiki CSS » ouvre la page Theme. Enregistrez vos modifications de page avant de la quitter.

Ces suggestions ne sont jamais inventées. Les blocs de page montrent les classes du Wiki CSS, la barre latérale celles du Sidebar CSS. Un menu vide signifie : pas encore de classes.

L’éditeur de code

Les deux feuilles se trouvent dans un seul éditeur, Theme › Custom CSS, avec les onglets wiki.css et sidebar.css, des numéros de ligne et une coloration syntaxique. L’aperçu reste visible pendant le défilement et les modifications. « Article » ou « Overview » affiche différents contenus, « Desktop » ou « Phone » différentes tailles d’écran.

« Save theme » publie les deux feuilles avec vos couleurs, polices, arrière-plans et entrées de la barre latérale.

IndentationTab ajoute une indentation dans l’éditeur de code.
Quitter l’éditeurShift+Tab recule. Appuyez sur Escape, puis Tab pour avancer.
Revert allRétablit le dernier thème chargé ou enregistré et ses deux feuilles de style. « Reset section » le fait pour une seule section.
Copy theme codeSous Import & export. Exporte le thème et les deux feuilles ensemble. Un import modifie seulement le brouillon jusqu’à l’enregistrement.
Aperçu en directCompare saved affiche temporairement le style enregistré sans perdre votre brouillon. Vérifiez les sélecteurs propres à une page sur la vraie page après publication.
Des règles pour un blocStyliser un élément
La vue d’ensembleCSS personnalisé
Construire la barre latéraleNavigation et page d’accueil