Guide de la Syntaxe sur Wikidot

La majorité du contenu de cette page a été condensé à partir de la page de syntaxe Wikidot pour une lecture plus fluide.

Styles de texte

Styles de ligne

Syntaxe	Exemples
//texte en italique//	texte en italique
texte gras	texte gras
//italique et gras//	italique et gras
__texte souligné__	texte souligné
--texte raturé--	texte raturé
{{télétype texte (monoespacé)}}	`télétype texte (monoespacé)`
normal^^exposant^^	normal^exposant
texte,,indice,,	texte_indice
[[span style="color:red"]]//zone// de couleur customisée[[/span]]	zone de couleur customisée
couleur ## blue\|prédéfinie## ou ##44FF88\|code-customisé##	couleur prédéfinie ou code-customisé

Alignement de texte

[[<]]
Aligné à gauche, gauche, gauche, gauche, gauche
[[/<]]

[[>]]
Aligné à droite, droite, droite, droite, droite
[[/>]]

[[=]]
Aligné au centre, centre, centre, centre, centre
[[/=]]

Aligné à gauche, gauche, gauche, gauche, gauche

Aligné à droite, droite, droite, droite, droite

Aligné au centre, centre, centre, centre, centre

Placer un "=" avec un espace avant et après va centrer une seule ligne.

 = Cette ligne sera centrée.
Cette ligne non.

Cette ligne sera centrée.

Cette ligne non.

Taille de texte

Syntaxe	Exemples
[[size smaller]]Texte plus petit[[/size]]	Texte plus petit
[[size larger]]Texte plus grand[[/size]]	Texte plus grand
[[size 80%]]80% de la taille normale[[/size]]	80% de la taille normale
[[size 100%]]100% de la taille normale[[/size]]	100% de la taille normale
[[size 150%]]150% de la taille normale[[/size]]	150% de la taille normale
[[size 0.8em]]80% de la taille normale[[/size]]	80% de la taille normale
[[size 1em]]100% de la taille normale[[/size]]	100% de la taille normale
[[size 1.5em]]150% de la taille normale[[/size]]	150% de la taille normale
[[size xx-small]]Texte en très très petit[[/size]]	Texte en très très petit
[[size x-small]]texte en très petit[[/size]]	Texte en très petit
[[size small]]Texte en petit[[/size]]	Texte en petit
[[size large]]Texte large[[/size]]	Texte large
[[size x-large]]Texte très large[/size]]	Texte très large
[[size xx-large]]Texte très très large[[/size]]	Texte très très large
[[size 7px]]Texte de hauteur 7 pixels[[/size]]	Texte de hauteur 7 pixels
[[size 18.75px]]Texte de hauteur 18.75 pixels[[/size]]	Texte de hauteur 18.75 pixels

Affichage du texte stylisé/brut

Deux symboles "@" sans espaces et de part et d'autre d'un texte empêche l'analyse du texte et l'affichera en brut, c'est à dire qu'il montrera exactement le texte que vous placez entre les "@". C'est pratique pour montrer des symboles utilisés dans la syntaxe Wikidot pour styliser le texte, ainsi que montrer comment le styliser (ce que fait ce guide).

Syntaxe	Exemple
@@//Affichage// Style@@	//Affichage// Style

Cela peut également être utilisé pour prévenir l'analyse des sauts de lignes et empêcher Wikidot de réduire lesdites lignes.

Ce code :

Diantre c'est un grand 
@@@@
@@@@
@@@@
trou !

Devient ce texte :

Diantre c'est un grand

trou !

Un autre moyen d'échapper à cette analyse est d'utiliser "@<" et ">@" autour du texte. Il s'agit d'une méthode plus avancée qui peut aussi être utilisée pour rajouter des informations HTML.

Ce code :

Devient ce texte :

Hello world @@ !!!!
[[module ListPages]]
Logo Copyright : ©

C'est la seule façon d'éviter "@@", étant donné que la méthode consistant à utiliser deux @ pour prévenir de ces mêmes symboles @ ne fonctionne pas.

Les liens

Trois crochets "[[[ ]]]" vont créer un lien vers une page Wikidot. Ceci est la syntaxe recommandée pour la création de liens.

Syntaxe	Exemples	Notes
[[[entités]]]	entités
[[[entités\|Du texte]]]	Du texte	Utile lorsqu'on veut un lien sur un texte autre que le nom de la page.
[[[pages-les-mieux-notées]]]	pages-les-mieux-notées	Pareil qu'avec le premier exemple, avec un nom de page utilisant des tirets.
[[[Pages Les Mieux Notées]]]	Pages Les Mieux Notées	Cette technique utilise le nom de la page pour créer le lien.
http://www.wikidot.com	http://www.wikidot.com	Les URL sont automatiquement transformées en liens.
[http://www.wikidot.com wikidot]	wikidot	Un lien complet, montrant un texte customisé.

En plaçant un * avant l'URL, le lien s'ouvrira dans un nouvel onglet.

*http://www.wikidot.com
[http://www.wikidot.com wikidot]

http://www.wikidot.com
wikidot

Cela ne marchera cependant pas sur les liens de pages (avec [[[]]]), si vous voulez avoir un lien de page ouvert dans un nouvel onglet, vous devrez utiliser l'URL de ladite page, pas seulement son titre :

[[[*http://fr-backrooms-wiki.wikidot.com/]]]

http://fr-backrooms-wiki.wikidot.com/

NOTE : Le titre et le nom d'une page sont deux choses différentes, bien qu'ils soient souvent similaires pour éviter la confusion.

Le titre d'une page se réfère au texte qui apparaît en haut de cette page. C'est le texte que vous entrez comme étant le "Titre de la page" au moment de l'éditer.

Le nom d'une page est le texte qui vient après le premier slash (/) de l'URL, par exemple le texte qui vient après l'URL "fr-backrooms-wiki.wikidot.com/".

Images

Voici le code pour les images. Il est recommander d'utiliser ce code. "nom" - Le nom de votre image. Il doit inclure le format, ".jpg", ".png" etc. Si l'image n'est pas uploadée sur la page du wiki, il faut utiliser un URL se terminant par le format de l'image.
"légende" - La légende de l'image. Ce texte peut être stylisé avec de la syntaxe Wikidot.

La premier photo jamais prise du Niveau 0.

[[include component:image-block
|name=Thebackrooms.jpg
|caption=La premier photo jamais prise du **Niveau 0**.
]]

Pour le style par défaut d'image sur Wikidot, utilisez le code suivant. Notez qu'il n'y a pas de zone de légende ici.
"image-source" - La source de l'image, qui correspond à peu près au "nom" de la balise de l'image sur le wiki.
"attribut" - Un attribut assigné à l'image, utilisé pour changer la taille, le style de css, ou bien permettre à l'image de linker vers un URL.

[[image image-source attribute1="value1" attribute2="value2" ...]]

Plus d'informations sur comment utiliser les balises d'images wikidot, comme les attributs disponibles, peuvent être trouvés dans Wikidot’s image markup documentation.

Section de création

Les titres

les rubriques vont du niveau 1 (H1) au niveau 6 (H6). ajoutez un "+" pour chaque niveau de rubrique que vous souhaitez dans votre article. Les rubriques vont diminuer en taille à mesure que les niveaux augmentent.

[[collapsible show="Montrer les Rubriques" hide="Fermer les Rubriques"]]
+ titre de Niveau 1
++ titre de Niveau 2
+++ titre de Niveau 3
++++ titre de Niveau 4
+++++ titre de Niveau 5
++++++ titre de Niveau 6
[[/collapsible]]

Aperçu :

Montrer les Rubriques

Table des matières

Le code "[[toc]]" créer une table des matières, TDM ou TOC en anglais. Cette TDM va montrer chaque rubrique de la page.
Pour disposer la TDM à droite de la page, on utilise "[[f>toc]]"
Pour disposer la TDM à gauche de la page, on utilise "[[f<toc]]"

Si vous voulez cacher une rubrique en particulier dans la TDM (par exemple si vous voulez utiliser le style de texte d'une rubrique pour l'esthétique), mettez un astérisque "*" après le "+" de ladite rubrique.

+ Cette section apparaît dans la table des matières
+* Et celle-ci non.

Listes

Vous pouvez créer des listes à puces avec astérisque "*", et une liste numérotée avec un dièze "#". Rajoutez des espace avant l'astérique ou le dièze indentera la liste.

* Une liste à puce
 * Cette ligne est indentée une fois
  * Cette ligne est indentée deux fois
# Une liste numérotée
 # Cette ligne est indentée une fois
  # Cette ligne est indentée deux fois

Une liste à puce
- Cette ligne est indentée une fois
  - Cette ligne est indentée deux fois

Une liste numérotée
1. Cette ligne est indentée une fois
  1. Cette ligne est indentée deux fois

Blocs de citations

Ajouter un ">" suivit d'un espace avant le texte d'une ligne va mettre cette ligne dans un bloc de citation. Vous pouvez augmenter le nombre de ">" pour indenter le texte.

> Ceci est un bloc de citation.
>> Ceci est un bloc de citation avec indentation .
> Encore du texte.
>
> Il y a un trou de texte au dessus de cette ligne de texte !
> Soyez sûr d'ajouter un espace après le ">" si vous voulez mettre des lignes d'espace vide dans un bloc de citation.

Ceci est un bloc de citation.

Ceci est un bloc de citation avec indentation .

Encore du texte.
Il y a un trou de texte au dessus de cette ligne de texte !
Soyez sûr d'ajouter un espace après le ">" si vous voulez mettre des lignes d'espace vide dans un bloc de citation.

Les Blocs "divs" customisés

Le Wiki des Backrooms possède quelques styles de div customisés, en plus des styles de Wikidot.

[[div class="blockquote"]]
Bloc de citation customisé
[[/div]]
[[div class="styled-quote"]]
Citation stylisée
[[/div]]
[[div class="dark-styled-quote"]]
Citation stylisée sombre
[[/div]]
[[div class="lightblock"]]
Bloc lumineux
[[/div]]
[[div class="darkblock"]]
Bloc sombre
[[/div]]

Bloc de citation customisé

Citation stylisée

Citation stylisée sombre

Bloc lumineux

Bloc sombre

Les blocs dépliants

Les dépliants peuvent être ouverts ou fermés pour montrer ou cacher du texte.

[[collapsible show="Montrer ce qu'on veut" hide="Cacher ce qu'on veut"]]
Le texte qu'on veut montrer ou cacher.
[[/collapsible]]

Montrer ce qu'on veut

[[collapsible show="Montrer ce qu'on veut" hide="Cacher ce qu'on veut" hideLocation="both"]]
Ce dépliant peut être fermé par le haut **et** par le bas !
[[/collapsible]]

Montrer ce qu'on veut

Les tableaux

Les tableaux sont créés en utilisant des barres verticales "||" pour indiquer où se trouvent les bords des cellules. Ajouter une vague "~" après les barres va transformer la cellule en cellule d'en-tête, ajouter un espace et un tiret du 8 " _" à la fin d'une ligne dans une cellule va créer une nouvelle ligne, vous permettant de mettre plusieurs lignes de texte dans un tableau.

||~ les lignes doivent commencer et se terminer ||~ avec des doubles barres verticales ||~ rien||
|| les cellules sont séparées par || des doubles barres verticales || rien ||
|||| vous pouvez regrouper plusieurs colonnes en || commençant chaque cellule ||
|| avec des barres |||| supplémentaires ||
|||||| mais peut-être qu'un exemple est _
la façon la plus simple de le montrer ||

les lignes doivent commencer et se terminer	avec des doubles barres verticales	rien
les cellules sont séparées par	des doubles barres verticales	rien
vous pouvez regrouper plusieurs colonnes en		commençant chaque cellule
avec des barres	supplémentaires
mais peut-être qu'un exemple est la façon la plus simple de le montrer

Les Notes de bas de page

Le code "[[footnote]]" va ajouter une liste de notes de bas de page tout en bas de la page. Utiliser "[[footnoteblock]]" va vous permettre de mettre la liste de notes de bas de page où vous le souhaitez dans votre page, plutôt qu'à la fin.

Du texte[[footnote]]Et une petite note de bas de page.[[/footnote]]. On recommence avec du texte[[footnote]]Encore une note de bas de page.[[/footnote]].

[[footnoteblock]]

Du texte¹. On recommence avec du texte².

Vous pouvez créer un titre customisé pour les notes de bas de page en tapant "[[footnoteblock title="Custom title"]]". Marquer "{title=""}" enlèvera le titre.

La tabulation

Le contenu d'une page peut être séparé en plusieurs onglets. C'est utile pour les pages sandbox avec plusieurs écrits ou brouillons. Les onglets ne peuvent pas être incorporés directement dans d'autres. Il est possible de le faire avec du codage avancé, mais le mieux c'est d'éviter de le faire. Les onglets ne fonctionnent pas non plus avec les tables des matières, étant donné que le lien des TDM ne va pas pouvoir incorporer les rubriques à l'intérieur des onglets.

[[tabview]]
[[tab Titre du premier onglet]]
Contenu du premier onglet.
[[/tab]]
[[tab Titre du deuxième onglet]]
Contenu du deuxième onglet.
[[/tab]]
[[tab Titre du troisième onglet]]
Contenu du troisième onglet.
[[/tab]]
[[/tabview]]

Contenu du premier onglet.

Code brut

Quatre tirets ou plus "----" forment une ligne horizontale, comme ci-dessous :

Pour linker vers le profil d'utilisateur d'un membre Wikidot, utilisez "[[user user-name]]" ou "[[*user user-name]]"

Syntaxe	Exemple	Notes
[[user Fokyfebecr]]	Fokyfebecr	ne montre pas l'image de profil et le niveau de karma de l'utilisateur.
[[*user Fokyfebecr]]	Fokyfebecr	montre la photo de profil et le niveau de karma de l'utilisateur.

Pour montrer le code tel quel (avec quelques restrictions), utilisez :

[[code]]
Mettez le code ici
[[/code]]

Ce qui se trouve ci-dessus sera affiché comme suit :

Mettez le code ici

Retour en haut de page

Il existe plusieurs façon de faire un retour vers le haut de la page, vous pouvez par exemple utiliser

[[div id="top"]]
[[/div]]
[[a href="#top"]]
Texte du bouton de retour
[[/a]]

Aperçu :

Texte du bouton de retour

Il est également possible d'utiliser un code plus personnalisable qui donnera un lien statique sur la page :

[[div style="position: fixed; bottom: 8; right: 10%;"]]
[#page-top Texte de bouton de retour]
[[/div]]

Aperçu ici à droite.

guide

révision de page: 4, édité la dernière fois: 07 Feb 2024 12:51

Éditer Voter (0) Étiquettes Discuter (0) Historique Fichiers Imprimer Outils du site + Options

Backrooms Wiki

Vous êtes déjà venu ici.