« Aide:Comment utiliser ce wiki » : différence entre les versions
(ajouter les informations à propos des balises HTML et classes CSS avec exemples) |
|||
Ligne 95 : | Ligne 95 : | ||
Quand on utilise le wikicode, on peut utiliser certaines balises HTML avec les classes CSS pour personnaliser la mise en page. | Quand on utilise le wikicode, on peut utiliser certaines balises HTML avec les classes CSS pour personnaliser la mise en page. | ||
==== Wikitable ==== | |||
<nowiki> | |||
{| class="wikitable" | |||
! scope="col" | Colonne 1 | |||
! scope="col" | Colonne 2 | |||
|- | |||
| Valeur 1 | |||
| Valeur 2 | |||
|}</nowiki> | |||
Résultat: | |||
{| class="wikitable" | |||
! scope="col" | Colonne 1 | |||
! scope="col" | Colonne 2 | |||
|- | |||
| Valeur 1 | |||
| Valeur 2 | |||
|} | |||
==== Couleurs ==== | |||
Nous pouvons utiliser les classes suivantes les éléments <code>div</code> ou <code>table</code> : | |||
* primary | * primary | ||
* secondary | * secondary | ||
Ligne 103 : | Ligne 126 : | ||
* danger | * danger | ||
==== Primary ==== | ===== Primary ===== | ||
<nowiki><div></nowiki> | <nowiki><div></nowiki> | ||
Ligne 142 : | Ligne 165 : | ||
|} | |} | ||
==== Secondary ==== | ===== Secondary ===== | ||
<nowiki><div></nowiki> | <nowiki><div></nowiki> | ||
Ligne 181 : | Ligne 204 : | ||
|} | |} | ||
==== Success ==== | ===== Success ===== | ||
<nowiki><div></nowiki> | <nowiki><div></nowiki> | ||
Ligne 218 : | Ligne 241 : | ||
|} | |} | ||
==== Info ==== | ===== Info ===== | ||
<nowiki><div></nowiki> | <nowiki><div></nowiki> | ||
Ligne 255 : | Ligne 278 : | ||
|} | |} | ||
==== Danger ==== | ===== Danger ===== | ||
<nowiki><div></nowiki> | <nowiki><div></nowiki> | ||
Ligne 261 : | Ligne 284 : | ||
<nowiki> | <nowiki> | ||
<div class="danger"> | <div class="danger"> | ||
Voici une section qui utilise la classe "danger". Utiliser pour afficher un message | Voici une section qui utilise la classe "danger". Utiliser pour afficher un message à propos des risques! | ||
</div> | </div> | ||
</nowiki> | </nowiki> | ||
Ligne 268 : | Ligne 291 : | ||
<div class="danger"> | <div class="danger"> | ||
Voici une section qui utilise la classe "danger". Utiliser pour afficher un message | Voici une section qui utilise la classe "danger". Utiliser pour afficher un message à propos des risques! | ||
</div> | </div> | ||
Ligne 292 : | Ligne 315 : | ||
|} | |} | ||
==== Warning ==== | ===== Warning ===== | ||
<nowiki><div></nowiki> | <nowiki><div></nowiki> | ||
Ligne 305 : | Ligne 328 : | ||
<div class="warning"> | <div class="warning"> | ||
Voici une section qui utilise la classe "warning". Utiliser pour afficher un message de | Voici une section qui utilise la classe "warning". Utiliser pour afficher un message de avertissement! | ||
</div> | </div> | ||
Version du 24 janvier 2022 à 17:31
rédaction de la documentation aux utilisateurs en cours...
Comment trouver un outil
Comment ajouter un outil à la Boîte à outils
Tapez le nom de la page que vous voulez créer dans la barre d'adresse, par exemple : solonwiki.wpdev0.koumbit.net/wiki/MonNouveauOutil en remplaçant « MonNouveauOutil » avec le nom de la page.
voir aussi: https://www.mediawiki.org/wiki/Help:Starting_a_new_page/fr
Rédaction
Vous pouvez utiliser le wikicode (cliquer le lien Modifier le wikicode) ou l'éditeur visuel (cliquer le lien Modifier) pour écrire le contenu de la page.
voir aussi: https://www.mediawiki.org/wiki/Help:Editing_pages/fr
Ajouter les catégories
Liste de tous les catégories utilisés: Spécial:Catégories
Insérer le contenu multi média
Ajouter les images et fichiers
On peut insérer les images à partir du menu *Insérer* de l'éditeur visuel. On peut choisir un fichier de la bibliothèque (fichiers déjà téléversé) ou téléverser un nouveau fichier.
Selon le type de fichier, il est possible d'ajouter une légende et un texte alternatif ou de modifier la position du fichier sur la page ou la taille de l'image.
Chaque fichier a son propre page dans l'espace de noms Fichier: où les utilisateurs peuvent voir les pages utilisant le fichier, l'historique du fichier et autres méta données.
Ajouter les vidéos de YouTube
Pour insérer un vidéo de YouTube, il est nécessaire de modifier une page avec wikicode (en place de l'éditeur visuel) et de trouver l'identifiant du vidéo sur YouTube.
L'identifiant est trouvé dans l'URL du vidéo, par exemple pour l'URL https://www.youtube.com/watch?v=gdZLi9oWNZg l'identifiant est gdZLi9oWNZg.
Ensuite on utilise les balises de code autour de l'identifiant pour insérer le vidéo :
<youtube>gdZLi9oWNZg</youtube>
Après enregistrer la page, on peut modifier la page avec l'éditeur visuel encore.
Insérer le contenu multi média de WikiCommons
voir aussi: https://www.mediawiki.org/wiki/InstantCommons/fr#Utilisation_de_fichiers_via_InstantCommons
On peut utiliser n'importe quel fichier de WikiCommons dans ce wiki:
- Trouver le fichier sur commons.wikimedia.org
- Copier le nom du fichier
- Cliquer Insérer ensuite Images et médias
- Dans la fenêtre, coller le nom du fichier dans la barre de recherche
- Cliquer le fichier voulu et ensuite cliquer le bouton bleu Utiliser cette image
- Modifier les paramètres de l'image (Légende, Texte alternatif, Position, Taille, etc.)
Le fichier sera ajouté au wiki comme d'habitude (avec son propre page dans l'espace de nom Fichier:).
On peut également copier le wikicode du fichier de WikiCommons et insérer l'image avec cette ligne de texte.
Exemple d'un fichier ajouté à partir du WikiCommons: Fichier:Kitten Sibling Pair.jpg
Modèles
voir aussi: https://www.mediawiki.org/wiki/Help:Templates
Nous avons besoin d'identifier les modèles à utiliser sur ce wiki.
Tous les modèles sur ce wiki: https://solonwiki.wpdev0.koumbit.net/wiki/Sp%C3%A9cial:Toutes_les_pages?from=&to=&namespace=10
Espaces de nom
Voir aussi: https://www.mediawiki.org/wiki/Help:Namespaces/fr
Solon
Ces pages commencent avec Solon:
Pour une liste de tous les pages dans cette espace de nom: /wiki/Spécial:Toutes_les_pages?from=&to=&namespace=3000
Détails
Les pages de l'espace de nom Solon contiennent les informations à propos la gestion de l'organisme pour partager ...
Tout le monde peut lire les pages dans l'espace de nom Solon, mais seulement l'équipe de Solon peut modifier le contenu de ces pages.
Pour explorer ces pages, commencer avec ...
Si vous voulez contribuer à cette section du wiki, vous pouvez ...
Aide
Ces pages commencent avec Aide:
Pour une liste de tous les pages dans cette espace de nom: /wiki/Spécial:Toutes_les_pages?from=&to=&namespace=12
Détails
Les pages d'aide font partie de cet espace de noms.
Liens utiles
- Aide de MediaWiki: https://www.mediawiki.org/wiki/Help:Contents/fr
Wikicode et HTML
Voir aussi: https://www.mediawiki.org/wiki/Help:Formatting/fr#Les_balises_HTML
Quand on utilise le wikicode, on peut utiliser certaines balises HTML avec les classes CSS pour personnaliser la mise en page.
Wikitable
{| class="wikitable" ! scope="col" | Colonne 1 ! scope="col" | Colonne 2 |- | Valeur 1 | Valeur 2 |}
Résultat:
Colonne 1 | Colonne 2 |
---|---|
Valeur 1 | Valeur 2 |
Couleurs
Nous pouvons utiliser les classes suivantes les éléments div
ou table
:
- primary
- secondary
- success
- info
- warning
- danger
Primary
<div>
wikicode:
<div class="primary"> Voici une section qui utilise la classe "primary". Utiliser pour afficher les informations importantes. </div>
Résultat:
Voici une section qui utilise la classe "primary". Utiliser pour afficher les informations importantes.
<table>
{| class="table-primary" ! scope="col" | Colonne 1 ! scope="col" | Colonne 2 |- | Valeur 1 | Valeur 2 |}
Résultat:
Colonne 1 | Colonne 2 |
---|---|
Valeur 1 | Valeur 2 |
Secondary
<div>
wikicode:
<div class="secondary"> Voici une section qui utilise la classe "secondary". Utiliser pour afficher les informations moins importantes. </div>
Résultat:
Voici une section qui utilise la classe "secondary". Utiliser pour afficher les informations moins importantes.
<table>
{| class="table-secondary" ! scope="col" | Colonne 1 ! scope="col" | Colonne 2 |- | Valeur 1 | Valeur 2 |}
Résultat:
Colonne 1 | Colonne 2 |
---|---|
Valeur 1 | Valeur 2 |
Success
<div>
<div class="success"> Voici une section qui utilise la classe "success". Utiliser pour afficher un message de succès! </div>
Résultat:
Voici une section qui utilise la classe "success". Utiliser pour afficher un message de succès!
<table>
{| class="table-success" ! scope="col" | Colonne 1 ! scope="col" | Colonne 2 |- | Valeur 1 | Valeur 2 |}
Résultat:
Colonne 1 | Colonne 2 |
---|---|
Valeur 1 | Valeur 2 |
Info
<div>
<div class="info"> Voici une section qui utilise la classe "info". Utiliser pour afficher les informations. </div>
Résultat:
Voici une section qui utilise la classe "info". Utiliser pour afficher les informations.
<table>
{| class="table-info" ! scope="col" | Colonne 1 ! scope="col" | Colonne 2 |- | Valeur 1 | Valeur 2 |}
Résultat:
Colonne 1 | Colonne 2 |
---|---|
Valeur 1 | Valeur 2 |
Danger
<div>
<div class="danger"> Voici une section qui utilise la classe "danger". Utiliser pour afficher un message à propos des risques! </div>
Résultat:
Voici une section qui utilise la classe "danger". Utiliser pour afficher un message à propos des risques!
<table>
{| class="table-danger" ! scope="col" | Colonne 1 ! scope="col" | Colonne 2 |- | Valeur 1 | Valeur 2 |}
Résultat:
Colonne 1 | Colonne 2 |
---|---|
Valeur 1 | Valeur 2 |
Warning
<div>
<div class="warning"> Voici une section qui utilise la classe "warning". Utiliser pour afficher un avertissement! </div>
Résultat:
Voici une section qui utilise la classe "warning". Utiliser pour afficher un message de avertissement!
<table>
{| class="table-warning" ! scope="col" | Colonne 1 ! scope="col" | Colonne 2 |- | Valeur 1 | Valeur 2 |}
Résultat:
Colonne 1 | Colonne 2 |
---|---|
Valeur 1 | Valeur 2 |