Voir la source de Aide:Modélisation et codage

<div class="fil-ariane">[[Wiki maraîcher|Accueil]] > [[Aide]] > {{PAGENAME}}</div>


Cette page s'adresse aux utilisateur·rices qui souhaitent connaître les codes nécessaires pour éditer le contenu via l'éditeur Wikicode.

== Codes de mise en forme ==

Voir [https://fr.wikipedia.org/wiki/Aide:Syntaxe Aide:Syntaxe]

Pour tester : [https://www.mediawiki.org/wiki/Manual:CSS Manual:CSS]

"Si [[mediawikiwiki:Manual:$wgAllowUserCss|activé sur votre wiki]], les utilisateur·rices individuel·les peuvent créer des feuilles de style personnalisées juste pour eux-mêmes à ''Special:MyPage/<skin_name>.css'' (par exemple Special:MyPage/vector.css s'il·elles utilisent l'habillage vectoriel). ''[[mediawikiwiki:User:107.159.83.132/vector.css|Special:MyPage/common.css]]'' permet la création de feuilles de style personnelles pour tous les skins."

== Ancres ==
Attention! Si le nom de la page ou de la section change, le lien ne sera plus fonctionnel.

==== Dans la même page ====

 <nowiki>[[#Titre de la section|Texte à afficher]]</nowiki>

==== Sur une autre page interne ====

 <nowiki>[[Titre page#Titre de la section|Texte à afficher]]</nowiki>

== Bas de page ==
[[MediaWiki:Basdepage]]

== Boutons ==
<span class="btn border border-success">{{#formlink:form=Suggestion|link text=Ajouter une suggestion|link type=link}}</span>
 <nowiki><span class="btn border border-success">{{#formlink:form=Suggestion|link text=Ajouter une suggestion|link type=link}}</span></nowiki>


{{#formlink:form=Suggestion|link text=Ajouter une suggestion|link type=post button}}
 <nowiki>{{#formlink:form=Suggestion|link text=Ajouter une suggestion|link type=post button}}</nowiki>
== Cartes ==

* Pour changer l'affichage : Dans #display_map, modifier l'ordre des layers=

== Citations ==

<nowiki>1. <blockquote>  -> générique, vanille, pour les citations. CSS générique ou contextuel (div blockquote)</nowiki>

<nowiki>2. <blockquote class="NomDuneClassePourWM"> OU <div class="NomDuneClassePourWM"><blockquote /> ---> on veut une certaine mise en page  standard du blockquote qui sera modifiable génériquement par la feuille de style. FORTEMENT SUGGÉRÉ - plus facile à faire des changements sur l'ensemble des pages. Ne pas hésiter à créer ce genre de classe (mais sans exagérer)</nowiki>

<nowiki>3. <blockquote class="codeBootstrap (comme my-2 px-3, etc)" -> ici on utilise des classes pour altérer localement le blockquote, qu'il se présente différemment à cet endroit précisément. DONC altération locale -> ne pas abuser. Si c'est d'un usage fréquent, transformer en classe CSS. Par exemple :</nowiki>

==== Modèle actuel ====
(avec fond beige et police cursive)
<blockquote class="citationF my-2 px-3">
...(TEXTE)...
<p class="blockquote-footer">Auteur·e, titre, organisation (Année)</p>
</blockquote>

 <nowiki><blockquote class="citationF my-2 px-3">
...(TEXTE)...
<p class="blockquote-footer">Auteur·e, titre, organisation (Année)</p>
</blockquote></nowiki>

==== Vieux modèle ====
<blockquote class="bg-light my-2 px-3">
« ...(TEXTE)... »
<p class="blockquote-footer">Auteur·e, titre, organisation (Année)</p>
</blockquote>

 <nowiki><blockquote class="bg-light my-2 px-3"></nowiki>
 « ...(TEXTE)... »
 <nowiki><p class="blockquote-footer">Auteur·e, titre, organisation (Année)</p></nowiki>
 <nowiki></blockquote></nowiki>

== Colonnes ==

[https://getbootstrap.com/docs/4.0/layout/grid/ Système de grid de Bootstrap]

 <nowiki><div class="row justify-content-start">
<div class="col">

</div>
</div></nowiki>

== Commentaires ==
Pour cacher la zone de commentaires en bas de page, insérez ce code :

 <nowiki><no-comment-streams /></nowiki>

== Édition de section ==

==== Cacher ====

Pour que les liens " [Modifier | Modifier le wikicode] " ne s'affichent pas après chaque titre, coder :
 <nowiki>__NOEDITSECTION__</nowiki>

== Haut et bas de page du GGG ==

Pour afficher le [[modèle:NavigationHaut]] et le [[modèle:NavigationBas]], et fermer le <nowiki><div></nowiki> initial de 12 colonnes.
 <nowiki>
{{NavigationHaut}}

<div class="col-12 margin-edit col-md-8 ml-n3">

<p class="lead">

</div>

{{NavigationBas}}</nowiki>

== Hyperliens ==

* Externe
 <nowiki>[URL Titre]</nowiki>
* Interne
 <nowiki>[[Nom de la page|Texte]]</nowiki>

== Images ==

==== Bandeau (haut de page) ====
* Dimensions : 1920px X 250px.
*Au besoin, diminuer la luminosité de l'image afin que le titre en blanc soit facilement lisible.
*Suggestion d'application de traitement d'image : [https://www.canva.com/ Canva].

==== Dans la page ====

===== Modèles de base =====

Procédure d'importation :
# Réduire la taille du fichier image à max 450 Ko à l'aide d'un logiciel tiers;
# Renommer le fichier de l'image avec un nom significatif et unique (max 5-6 mots);
# Copier le nom du fichier avec son extension (ex.: .jpg);
# Dans le wikicode de la page, inscrire à l’endroit souhaité le code du modèle Image désiré (voir plus bas);
# Coller le nom du fichier au bon endroit; Inscrire les légendes de l'image au besoin);
# Enregistrer;
# Importer les images par glisser-déposer via la fenêtre d’importation qui apparaît à l’endroit des photos dans la page;
# Recharger la page une fois que le % d'importation ait dépassé 90%;
# Attribuer les propriétés à l'image (ex. : personne, organisation, opération, etc.) en ouvrant la page du fichier image et apporter les modification (si le fichier n’a pas de champs de propriétés, inscrire <nowiki>{{Photo}}</nowiki> dans le wikicode de la page du fichier).

 <nowiki>{{ImageUne
 | Fichier:
 |
 |
 }}</nowiki>

 <nowiki>{{ImageDeux
 | Fichier:NomImage1.jpeg
 | La légende de la photo 1
 | Fichier:NomImage2.jpeg
 | La légende de la photo 2
 |'''Figure X.''' La légende du bloc d'images
 }}</nowiki>

===== Modèles avancés =====

* [https://www.semantic-mediawiki.org/wiki/Help:Gallery_format Paramètres des galeries]
* [[mediawikiwiki:Help:Images/fr|Aide Image - MediaWiki]]
* [[mediawikiwiki:Category:Image_gallery_extensions|Extensions]]

== Infobulle ==

 <nowiki>{{#info: Texte de l'infobulle}}</nowiki>

== Formulaire ==
==== Boîte de texte ====
 <nowiki>{{{standard input|free text|rows=10|autogrow}}}</nowiki>

== Modèles et formulaires ==

* [[Spécial:Créer modèle|Créer le modèle]]
** Code qui détermine l'affichage du titre de la page : <nowiki>{{DISPLAYTITLE:{{{Propriété ayant le titre souhaité|}}} }}</nowiki>
** Code pour l'attribution(?) des propriétés :
 <nowiki><!-- INSTANCIATION -->
{{#set:
| Nom propriété 1={{{Nom propriété 1|}}}
| ...
}}</nowiki>
* [[Spécial:CreateForm|Créer le formulaire]] en choisissant le modèle qui s'y rapporte
* Définir les attributs du modèle
** Ouvrir une page avec des données complètes; Cliquer sur l'icône "Outils" en bas à gauche et sélectionner "Chercher les propriétés"; Cliquer sur chacune des propriétés (colonne de gauche) et insérer dans leur page le code <nowiki>Cette propriété est de type [[A le type::Texte]]</nowiki>, les types pouvant être Texte, Date, URL, Page.
* Si des données sont déjà existantes, les importer via un fichier csv créé via LibreOffice
** Colonnes: Titre; Nom du modèle[Nom de propriété 1]; Nom du modèle[Nom de propriété 2]; etc. (voir [https://www.mediawiki.org/wiki/Extension:Data_Transfer Aide]);
** Enregistrer en CSV, UTF-8 ou UTF-16; Cocher "éditer les paramètres du filtre" ainsi que les cases 1 et 3 sur les 4; Champ = , et Caractère = " ;
** Importer le [[Spécial:Importer_CVS|Fichier CSV]];
** Note : Cela peut prendre quelques heures, voire quelques jours, pour que l'importation soit complétée.

Pour que le formulaire s'ouvre lorsqu'on souhaite modifier une page
* Dans le modèle de la page
** Inscrire le code : <nowiki><includeonly>[[Catégorie:Num du modèle]]</includeonly></nowiki>
* Créer la page de catégorie pour le modèle :
** <nowiki>https://labo.laferme.wiki/labo/cetab/index.php?title=catégorie:Nom du modèle&action=edit</nowiki>
** code pour atribuer le formulaire à la catégorie : <nowiki>{{#default_form: Nom du formulaire}}</nowiki>

==== Pages d'aide ====

https://www.mediawiki.org/wiki/Help:Extension:ParserFunctions

https://www.mediawiki.org/wiki/Extension:Page_Forms
https://www.mediawiki.org/wiki/Extension:Page_Forms/Defining_forms
https://www.mediawiki.org/wiki/Extension:Page_Forms/Input_types

== Listes à puces ==

==== Avec points ====

 <nowiki>
* Texte 1
* Texte 2</nowiki>

* Texte 1
* Texte 2

==== Numérotée ====

 <nowiki>
# Texte 1
# Texte 2</nowiki>

# Texte 1
# Texte 2

==== Alphabétique ====

 <nowiki>
<ol style="list-style-type:lower-alpha">
  <li>Texte 1</li>
  <li>Texte 2</li>
</ol></nowiki>

<ol style="list-style-type:lower-alpha">
  <li>Texte 1</li>
  <li>Texte 2</li>
</ol>

== Mots-clés ==

Pour ajouter un mot du texte à la liste des mots-clés du bas de la page, ajouter le modèle C autour dudit mot :
 <nowiki>{{C|leditmot}}</nowiki>

== Mots magiques ==

https://www.mediawiki.org/wiki/Help:Magic_words

== Renommage et suppression de page ==
Si aucune redirection n'est laissée, s'assurer qu'aucune page n'est liée. Corriger au besoin le code dans les pages qui pointent vers l'ancienne page, avant la suppression idéalement. Pour connaître les pages liées à une page, faire une recherche via [[Spécial:Pages liées]].

== Paragraphe de début ==

Si on veut mettre de l'avant les premiers paragraphes d'un chapitre (intro), on peut utiliser les balises suivantes :
 <nowiki><p class="lead">
...(TEXTE)...
</p></nowiki>

== Requêtes ==

https://www.semantic-mediawiki.org/wiki/Help:Semantic_search

https://www.semantic-mediawiki.org/wiki/Help:Selecting_pages

== Table des matières ==

==== Afficher à un endroit précis ====
 <nowiki>__TOC__</nowiki>

==== Cacher ====
 <nowiki>__NOTOC__</nowiki>

== Tableaux ==
* Voir la [https://fr.wikipedia.org/wiki/Aide:Ins%C3%A9rer_un_tableau_(wikicode,_expert) page d'aide] sur Wikipédia pour en savoir plus;
* [https://getbootstrap.com/docs/4.0/utilities/spacing/ Marge et remplissage (margin and padding)].

==== Modèle actuel ====
<div class="px-2 mb-2 pb-2">
'''Tableau 1.''' Titre du tableau<sup>1</sup>
{| class="table table-bordered table-responsive table-sm"
! Titre colonne 1
! Titre colonne 2
|-
| Valeur colonne 1 ligne 1
| Valeur colonne 2 ligne 1
|-
| Valeur colonne 1 ligne 2
| Valeur colonne 2 ligne 2
|}
<div class="notes"><small>
'''Notes'''
# Note de bas de tableau.
</small>
</div>
</div>

 <nowiki><div class="px-2 mb-2 pb-2">
'''Tableau 1.''' Titre du tableau<sup>1</sup>
{| class="table table-bordered table-responsive table-sm"
! Titre colonne 1
! Titre colonne 2
|-
| Valeur colonne 1 ligne 1
| Valeur colonne 2 ligne 1
|-
| Valeur colonne 1 ligne 2
| Valeur colonne 2 ligne 2
|}
<div class="notes"><small>
'''Notes'''
# Note de bas de tableau.
</small>
</div>
</div></nowiki>

==== Titre et classes du modèle ====

 <nowiki>
<div class="shadow px-2 mb-2 pb-2">
'''Tableau x.''' Titre tableau
{| class="table table-bordered table-responsive table-sm"
</nowiki>

* px, mb, etc. : Code pour les [https://getbootstrap.com/docs/4.0/utilities/spacing/#examples marges et le remplissage] (autour du tableau vs autour du texte)
* table-responsive : Code pour les [https://getbootstrap.com/docs/4.0/content/tables/ tableaux réactifs]
* table-sm : Code pour rendre plus compact le tableau en diminuant de moitié le remplissage 

==== Notes de bas ====

 
 <nowiki><blockquote><small>
 '''</nowiki>Notes<nowiki>'''</nowiki>
 <nowiki>#</nowiki> Note
 
 <nowiki>'''</nowiki>Source :<nowiki>'''</nowiki> Auteur·e <nowiki>''</nowiki>et al.<nowiki>''</nowiki> (année)
 <nowiki></small></nowiki>
 <nowiki></blockquote></nowiki>
 <nowiki></div></nowiki>

==== Entête ====

 <nowiki>
! Nom de l'entête de la colonne</nowiki>

==== Alignement du texte ====

 <nowiki>
| style="text-align:center/left/right"| Texte de la cellule</nowiki>

==== Fusion de cellules ====

Lignes
 <nowiki>
| colspan="Nombre de cellules d'une ligne à fusionner"|Titre de la cellule

! colspan=""|
| colspan=""|</nowiki>

Colonnes
 <nowiki>
| rowspan="Nombre de cellules d'une même colonne à fusionner"|Titre de la cellule

! rowspan=""|
| rowspan=""|</nowiki>

== Texte ==
==== Couleur ====
<p style="color:red">Texte rouge</p>
 <nowiki><p style="color:red">Texte</p></nowiki>

==== Interligne ====

<p style="line-height:1.1rem;">Texte interligne 1.1<br>Texte interligne 1.1</p>

 <nowiki><p style="line-height:1.1rem;">Texte interligne 1.1<br>Texte interligne 1.1</p></nowiki>

<p style="line-height:1.9rem;">Texte interligne 1.9<br>Texte interligne 1.9</p>

 <nowiki><p style="line-height:1.9rem;">Texte interligne 1.9<br>Texte interligne 1.9</p></nowiki>

==== Justification ====

<div style="text-align: right;">Texte à droite</div>
<div style="text-align: center;">Texte au centre</div>
<div style="text-align: left;">Texte à gauche</div>

 <nowiki>À droite : <div style="text-align: right;">Texte à droite</div>
Au centre : <div style="text-align: center;">Texte au centre</div>
À gauche : <div style="text-align: left;">Texte à gauche</div></nowiki>

==== Saut de ligne ====
Balise html :
 <nowiki><br></nowiki>
Sinon en wiki code, laisser une ligne vide pour paragraphe (texte ou autre).

== Titre de page ==
Pour forcer l'affichage d'un titre de page différent du nom de la page, utiliser le code suivant :
 <nowiki>{{DISPLAYTITLE:Titre}}</nowiki> 
 <nowiki>{{DISPLAYTITLE:{{{Nom de la propriété|}}} }}</nowiki>

Pour masquer un titre de page :
 <nowiki>{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</nowiki>

== Titres et hiérarchie ==

 <nowiki>= H1 : Titre de la page (Mod./Chap./Sect.)=</nowiki>
 <nowiki>== H2 : Titre de section (Sous-section) ==</nowiki>
 <nowiki>=== H3 : Sous-titre 1 (Sous-sous-section) ===</nowiki>
 <nowiki>==== H4 : Sous-titre 2 (Sous-sous-sous-section) ====</nowiki>

== Vidéos ==

De base, version possible à intégrer dans un modèle pour définir de l'habillage comme dans ImageUn et cie :
{{#evt:
service=youtube
|id=https://www.youtube.com/watch?v=yQocPJynlp0
|dimensions=400x300
}}

Probablement qu'il y aurait des avantages pour certaines application à procéder avec le parser tag comme ici :

<embedvideo service="youtube" dimensions="300" description="Ghislain à '''L'oeuvre'''">https://www.youtube.com/watch?v=yQocPJynlp0
</embedvideo>

La docu : Extension Embed vidéo - https://www.mediawiki.org/wiki/Extension:EmbedVideo

Attention que les gens ne mettent toutefois pas les tracker FB et cie dans l'url (donc couper l'url après l'ID youtube.


{{DISPLAYTITLE:Modélisation et codage}}
__NOEDITSECTION__
[[Catégorie:Aide]]