« Paramétrage Kono » : différence entre les versions
m (→Voir aussi) |
|||
(12 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
{{Sommaire}} | |||
Cet article permet de regrouper les informations sur les outils et différents paramétrages utilisés pour ce wiki. | Cet article permet de regrouper les informations sur les outils et différents paramétrages utilisés pour ce wiki. | ||
Ligne 10 : | Ligne 12 : | ||
Site Professional.wiki : | Site Professional.wiki : | ||
* https://professional.wiki/en/about | * https://professional.wiki/en/about | ||
=== CSS interne === | |||
Pour le paramétrage personnalisé par feuille de style interne : | |||
* [[MediaWiki:Common.css]] | |||
=== Extensions utilisées === | === Extensions utilisées === | ||
Newest Pages | |||
* https://www.mediawiki.org/wiki/Extension:Newest_Pages | |||
* syntaxe : <code><nowiki>{{Special:Newestpages/-/5}}</nowiki></code> : permet d'afficher les cinq derniers nouveaux articles, quelques soit l'espace de nom. | |||
Did You Know : | Did You Know : | ||
Ligne 28 : | Ligne 37 : | ||
* https://www.mediawiki.org/wiki/Extension:Scribunto | * https://www.mediawiki.org/wiki/Extension:Scribunto | ||
* https://www.mediawiki.org/wiki/Extension:SyntaxHighlight : coloration syntaxique | * https://www.mediawiki.org/wiki/Extension:SyntaxHighlight : coloration syntaxique | ||
* | |||
** https://highlightjs.org/ : pour personnaliser la mise en forme | |||
*** 1.- télécharger le fichier pour le langage souhaité, | |||
*** 2.- déposer dans le dossier ...\extensions\Highlightjs_Integration\ | |||
*** 3.- modifier le fichier "extension.json" | |||
* https://www.mediawiki.org/wiki/Extension:Math | * https://www.mediawiki.org/wiki/Extension:Math | ||
* https://www.mediawiki.org/wiki/Extension:ParserFunctions | * https://www.mediawiki.org/wiki/Extension:ParserFunctions | ||
Ligne 55 : | Ligne 69 : | ||
* https://www.mediawiki.org/wiki/Extension:QuizGame quiz | * https://www.mediawiki.org/wiki/Extension:QuizGame quiz | ||
* https://www.mediawiki.org/wiki/Extension:SimpleChanges : liste dynamique | * https://www.mediawiki.org/wiki/Extension:SimpleChanges : liste dynamique | ||
* https://www.mediawiki.org/wiki/Extension:SmartList : liste dynamique telle que liste des derniers changements, des derniers articles... | * https://www.mediawiki.org/wiki/Extension:SmartList : liste dynamique telle que liste des derniers changements, des derniers articles... | ||
* https://www.mediawiki.org/wiki/Extension:TreeAndMenu | * https://www.mediawiki.org/wiki/Extension:TreeAndMenu | ||
Ligne 76 : | Ligne 89 : | ||
==== Apparence par modèle ==== | ==== Apparence par modèle ==== | ||
VisualEditor et Metrolook : | VisualEditor et Metrolook : | ||
< | <source> | ||
// List of skins VisualEditor integration supports | // List of skins VisualEditor integration supports | ||
$wgVisualEditorSupportedSkins = array( 'vector', 'apex', 'monobook', 'minerva', 'metrolook' ); | $wgVisualEditorSupportedSkins = array( 'vector', 'apex', 'monobook', 'minerva', 'metrolook' ); | ||
</ | </source> | ||
Utilisation du modèle (''skin'') Metrolook. | Utilisation du modèle (''skin'') Metrolook. | ||
Ligne 86 : | Ligne 99 : | ||
* personnalisation du fichier : <code>LocalSetting.php</code> | * personnalisation du fichier : <code>LocalSetting.php</code> | ||
< | <source> | ||
## Default skin: you can change the default skin. Use the internal symbolic | ## Default skin: you can change the default skin. Use the internal symbolic | ||
## names, ie 'vector', 'monobook': | ## names, ie 'vector', 'monobook': | ||
Ligne 101 : | Ligne 114 : | ||
$wgMetrolookSiteNameText = false; | $wgMetrolookSiteNameText = false; | ||
$wgMetrolookBartile = false; | $wgMetrolookBartile = false; | ||
</ | </source> | ||
Couleur de fond et mise en petite capitale des catégories du menu principal : | Couleur de fond et mise en petite capitale des catégories du menu principal : | ||
< | <source> | ||
div#mw-panel div.portal h5 { | div#mw-panel div.portal h5 { | ||
background: #004588; | background: #004588; | ||
Ligne 110 : | Ligne 123 : | ||
font-variant: small-caps; | font-variant: small-caps; | ||
} | } | ||
</ | </source> | ||
Ombre sous les images du contenu principal : | Ombre sous les images du contenu principal : | ||
< | <source> | ||
#mw-content-text img { | #mw-content-text img { | ||
box-shadow: 3px 3px 4px #555; | box-shadow: 3px 3px 4px #555; | ||
} | } | ||
</ | </source> | ||
=== Personnalisation === | === Personnalisation === | ||
Ligne 132 : | Ligne 145 : | ||
==== Extension NoTitle ==== | ==== Extension NoTitle ==== | ||
Avant modification : <code>..\extensions\NoTitle\NoTitle.body.php</code> : | Avant modification : <code>..\extensions\NoTitle\NoTitle.body.php</code> : | ||
< | <source> | ||
<?php | <?php | ||
/* | /* | ||
Ligne 156 : | Ligne 169 : | ||
} | } | ||
} | } | ||
</ | </source> | ||
Après modification : <code>..\extensions\NoTitle\NoTitle.body.php</code> : | Après modification : <code>..\extensions\NoTitle\NoTitle.body.php</code> : | ||
< | <source> | ||
<?php | <?php | ||
/* | /* | ||
Ligne 185 : | Ligne 198 : | ||
} | } | ||
} | } | ||
</ | </source> | ||
==== VisualEditor ==== | ==== VisualEditor ==== | ||
* https://www.mediawiki.org/wiki/Extension:VisualEditor | * https://www.mediawiki.org/wiki/Extension:VisualEditor | ||
* http://lesaventuresdeyannigdanslemondeit.blogspot.fr/2013/12/installation-de-visual-editor-sur.html | * http://lesaventuresdeyannigdanslemondeit.blogspot.fr/2013/12/installation-de-visual-editor-sur.html | ||
* https://en.wiki.bluespice.com/wiki/Setup:Installation_Guide/System_Preparation/Windows/Parsoid : installation de Parsoid (21/08/2020) | |||
* https://docs.bitnami.com/installer/apps/mediawiki/configuration/install-visualeditor/ (21/08/2020) | |||
Exemple de paramétrage du fichier <code>LocalSetting.php</code> | Exemple de paramétrage du fichier <code>LocalSetting.php</code> | ||
< | <source> | ||
wfLoadExtension ('VisualEditor'); | wfLoadExtension ('VisualEditor'); | ||
// Enable by default for everybody | // Enable by default for everybody | ||
Ligne 216 : | Ligne 231 : | ||
); | ); | ||
$wgVirtualRestConfig['modules']['parsoid']['forwardCookies'] = true; | $wgVirtualRestConfig['modules']['parsoid']['forwardCookies'] = true; | ||
</ | </source> | ||
==== Autre ==== | ==== Autre ==== | ||
Ligne 242 : | Ligne 257 : | ||
* [[MediaWiki:Sidebar]] : personnaliser le menu | * [[MediaWiki:Sidebar]] : personnaliser le menu | ||
* [[MediaWiki:Sitenotice]] : pour un message s'affichant en en-tête sur chaque page | * [[MediaWiki:Sitenotice]] : pour un message s'affichant en en-tête sur chaque page | ||
* [[MediaWiki:Tagline]] : ''tagline'', sous-titre du site | |||
* [[MediaWiki:Mainpage-nstab]] : modifier le nom "Main page" | * [[MediaWiki:Mainpage-nstab]] : modifier le nom "Main page" | ||
* [[MediaWiki:Uploadtext]] : permet de modifier le texte affiché pour la page d'importation de documents | * [[MediaWiki:Uploadtext]] : permet de modifier le texte affiché pour la page d'importation de documents | ||
Ligne 248 : | Ligne 264 : | ||
** un problème de fonctionnement, notamment pour la version 1.26 de MediaWiki, | ** un problème de fonctionnement, notamment pour la version 1.26 de MediaWiki, | ||
** modifier le fichier <code>NoTitle.body.php</code> : | ** modifier le fichier <code>NoTitle.body.php</code> : | ||
** ajouter la ligne suivante après la ligne : < | ** ajouter la ligne suivante après la ligne : <source inline>if ( $mw->addInlineStyle...</source> | ||
** < | ** <source inline>$text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text;</source> | ||
=== Charte graphique === | === Charte graphique === | ||
Ligne 287 : | Ligne 303 : | ||
Pivot | Pivot | ||
* https://pivot.wikiproject.net/wiki/Pivot_features | * https://pivot.wikiproject.net/wiki/Pivot_features | ||
== Voir aussi == | |||
* | |||
[[Catégorie:MediaWiki]] | |||
[[Catégorie:Paramétrage Kono]] |
Dernière version du 11 décembre 2023 à 22:32
Cet article permet de regrouper les informations sur les outils et différents paramétrages utilisés pour ce wiki.
Outils
- FileZilla : pour l'accès au contenu hébergé ;
- WinSCP : pour l'accès au contenu hébergé ;
- MediaWiki : moteur du wiki ;
- ...
Personnalisation
Site Professional.wiki :
CSS interne
Pour le paramétrage personnalisé par feuille de style interne :
Extensions utilisées
Newest Pages
- https://www.mediawiki.org/wiki/Extension:Newest_Pages
- syntaxe :
{{Special:Newestpages/-/5}}
: permet d'afficher les cinq derniers nouveaux articles, quelques soit l'espace de nom.
Did You Know :
Extensions
- https://wikiapiary.com/wiki/Extension:Extensions : liste des extensions disponibles pour Mediawiki=
- https://www.mediawiki.org/wiki/Extension:CirrusSearch
Top 10 des extensions pour REL1_26 :
- https://www.mediawiki.org/wiki/Extension:VisualEditor : éditeur visuel
- https://www.mediawiki.org/wiki/Extension:WikiEditor : éditeur wiki
- https://www.mediawiki.org/wiki/Extension:LdapAuthentication : authentification LDAP
- https://www.mediawiki.org/wiki/Extension:CategoryTree
- https://www.mediawiki.org/wiki/Extension:MobileFrontend
- https://www.mediawiki.org/wiki/Extension:Scribunto
- https://www.mediawiki.org/wiki/Extension:SyntaxHighlight : coloration syntaxique
-
- https://highlightjs.org/ : pour personnaliser la mise en forme
- 1.- télécharger le fichier pour le langage souhaité,
- 2.- déposer dans le dossier ...\extensions\Highlightjs_Integration\
- 3.- modifier le fichier "extension.json"
- https://highlightjs.org/ : pour personnaliser la mise en forme
- https://www.mediawiki.org/wiki/Extension:Math
- https://www.mediawiki.org/wiki/Extension:ParserFunctions
- https://www.mediawiki.org/wiki/Extension:MsUpload : pour l'importation de fichiers par glisser-déposé
Note the MediaWiki tarballs come with bundled extensions as well. For 1.26.x they are:
- https://www.mediawiki.org/wiki/Extension:Cite
- https://www.mediawiki.org/wiki/Extension:CiteThisPage
- https://www.mediawiki.org/wiki/Extension:ConfirmEdit
- https://www.mediawiki.org/wiki/Extension:Gadgets
- https://www.mediawiki.org/wiki/Extension:ImageMap
- https://www.mediawiki.org/wiki/Extension:InputBox
- https://www.mediawiki.org/wiki/Extension:Interwiki
- https://www.mediawiki.org/wiki/Extension:LocalisationUpdate
- https://www.mediawiki.org/wiki/Extension:Nuke
- https://www.mediawiki.org/wiki/Extension:ParserFunctions
- https://www.mediawiki.org/wiki/Extension:PdfHandler
- https://www.mediawiki.org/wiki/Extension:Poem
- https://www.mediawiki.org/wiki/Extension:Renameuser
- https://www.mediawiki.org/wiki/Extension:SpamBlacklist
- https://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi
- https://www.mediawiki.org/wiki/Extension:TitleBlacklist
- https://www.mediawiki.org/wiki/Extension:WikiEditor
Extension à tester
- https://www.mediawiki.org/wiki/Extension:QuizGame quiz
- https://www.mediawiki.org/wiki/Extension:SimpleChanges : liste dynamique
- https://www.mediawiki.org/wiki/Extension:SmartList : liste dynamique telle que liste des derniers changements, des derniers articles...
- https://www.mediawiki.org/wiki/Extension:TreeAndMenu
- en relation avec https://www.mediawiki.org/wiki/Extension:DynamicPageList3
- https://www.mediawiki.org/wiki/Extension:MsWikiEditor
- https://www.mediawiki.org/wiki/Extension:MsCatSelect
- https://www.mediawiki.org/wiki/Extension:NagVis
- https://www.mediawiki.org/wiki/Extension:MediaWikiChat
- https://www.mediawiki.org/wiki/Extension:Metrica
- https://www.mediawiki.org/wiki/Extension:TopTenPages
- https://www.mediawiki.org/wiki/Extension:QuickSearchLookup
- https://www.mediawiki.org/wiki/Extension:VIKI
Modèle pour bandeau d'information, de note, d'astuce...
Apparence par script
Apparence par modèle
VisualEditor et Metrolook :
// List of skins VisualEditor integration supports $wgVisualEditorSupportedSkins = array( 'vector', 'apex', 'monobook', 'minerva', 'metrolook' );
Utilisation du modèle (skin) Metrolook.
- personnalisation du fichier :
../Metrolook/theme.less
- modification de la couleur de fond de la barre d'outils et de la couleur du texte
- personnalisation du fichier :
LocalSetting.php
## Default skin: you can change the default skin. Use the internal symbolic ## names, ie 'vector', 'monobook': $wgDefaultSkin = "Metrolook"; # Skin Metrolook # https://www.mediawiki.org/wiki/Skin:Metrolook require_once "$IP/skins/Metrolook/Metrolook.php"; # Metrolook paramétrage $wgMetrolookSiteText = 'Kono '; $wgMetrolookDownArrow = false; # pour le lien vers autre sites $wgMetrolookUploadButton = false; # pour le lien "importer le fichier" $wgMetrolookUseSimpleSearch = true; # pour avoir ou non les boutons "lire" et "rechercher" $wgMetrolookSiteNameText = false; $wgMetrolookBartile = false;
Couleur de fond et mise en petite capitale des catégories du menu principal :
div#mw-panel div.portal h5 { background: #004588; color: #fff; font-variant: small-caps; }
Ombre sous les images du contenu principal :
#mw-content-text img { box-shadow: 3px 3px 4px #555; }
Personnalisation
Avec le thème "Metrolook", lorsque la fenêtre a une largeur inférieur à 768 pixel, le menu n'est plus affiché sur la gauche mais est réduit par le bouton menu (" div hamburgerIcon").
C'est la feuille de style theme.less
qui fixe la taille :
- ancienne valeur :
@media (max-width: 768px)
- nouvelle valeur :
@media (max-width: 500px)
Liste et mise en forme
- https://fr.wikipedia.org/wiki/Mod%C3%A8le:Liste_simple Liste simple
- https://fr.wikipedia.org/wiki/Mod%C3%A8le:Liste_%C3%A9l%C3%A9ments Liste simples
Extension NoTitle
Avant modification : ..\extensions\NoTitle\NoTitle.body.php
:
<?php /* * NoTitle * Adds a magic word that hides the main title heading in a page * * @file NoTitle.body.php * @author Tony Boyles */ if ( !defined( 'MEDIAWIKI' ) ) { die( 'This file is an extension to the <a href="http://www.mediawiki.org/">MediaWiki platform</a> and cannot be used standalone.' ); } class NoTitle { public static function killTitle( &$parser, &$text ) { global $wgOut; $mw = MagicWord::get( 'MAG_NOTITLE' ); if ( $mw->matchAndRemove( $text ) ) { $wgOut->addInlineStyle( '.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }' ); } return true; } }
Après modification : ..\extensions\NoTitle\NoTitle.body.php
:
<?php /* * NoTitle * Adds a magic word that hides the main title heading in a page * * @file NoTitle.body.php * @author Tony Boyles * ne marche pas : $wgOut->addInlineStyle( '.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }' ); */ if ( !defined( 'MEDIAWIKI' ) ) { die( 'This file is an extension to the <a href="http://www.mediawiki.org/">MediaWiki platform</a> and cannot be used standalone.' ); } class NoTitle { public static function killTitle( &$parser, &$text ) { global $wgOut; $mw = MagicWord::get( 'MAG_NOTITLE' ); if ( $mw->matchAndRemove( $text ) ) { $wgOut->addInlineStyle( '.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }' ); $text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text; } return true; } }
VisualEditor
- https://www.mediawiki.org/wiki/Extension:VisualEditor
- http://lesaventuresdeyannigdanslemondeit.blogspot.fr/2013/12/installation-de-visual-editor-sur.html
- https://en.wiki.bluespice.com/wiki/Setup:Installation_Guide/System_Preparation/Windows/Parsoid : installation de Parsoid (21/08/2020)
- https://docs.bitnami.com/installer/apps/mediawiki/configuration/install-visualeditor/ (21/08/2020)
Exemple de paramétrage du fichier LocalSetting.php
wfLoadExtension ('VisualEditor'); // Enable by default for everybody $wgDefaultUserOptions['visualeditor-enable'] = 1; // // Optional : set VisualEditor as teh default for anonymous users // Otherwise they will have to switch to VE $wgDefaultUserOptions['visualeditor-editor'] = "visualeditor"; // // Don't allow users to disable it // $wgHiddenPrefs[] = 'visualeditor-enable'; // // Optional : enable VisualEditor's experimental code features // $wgDefaultUserOptions['visualeditor-enable-experimental'] = 1; // $wgVirtualRestConfig['modules']['parsoid'] = array( // URL to the Parsoid instance // Use port 8142 if you use the Debian package ''url' => 'http://localhost:8142', // Parsoid "domain", see below (optional) 'domain' => 'localhost', // Parsoid "prefix", see below (optional) ); $wgVirtualRestConfig['modules']['parsoid']['forwardCookies'] = true;
Autre
Exemple de site avec beaucoup de personnalisation :
Pour que les liens externes s'ouvrent dans un nouvel onglet :
Visualiseur de vignette
Téléchargement :
- https://www.mediawiki.org/wiki/Extension:SimpleBatchUpload
- https://www.mediawiki.org/wiki/Extension:UploadLocal
- https://www.mediawiki.org/wiki/Extension:Html2Wiki
Personnaliser WikiEditor
Assistant pour l'ajout de catégorie
Personnaliser :
- MediaWiki:Sidebar : personnaliser le menu
- MediaWiki:Sitenotice : pour un message s'affichant en en-tête sur chaque page
- MediaWiki:Tagline : tagline, sous-titre du site
- MediaWiki:Mainpage-nstab : modifier le nom "Main page"
- MediaWiki:Uploadtext : permet de modifier le texte affiché pour la page d'importation de documents
- https://www.mediawiki.org/wiki/Extension:Purge : pour disposer de l'option de purge (vidage de cache) sur chaque page
- https://www.mediawiki.org/wiki/Extension:NoTitle : pour ne pas afficher le titre de la page, en ajoutant le mot clé
_ _NOTITLE_ _
, sans espace.- un problème de fonctionnement, notamment pour la version 1.26 de MediaWiki,
- modifier le fichier
NoTitle.body.php
: - ajouter la ligne suivante après la ligne :
if ( $mw->addInlineStyle...
$text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text;
Charte graphique
- glg bleu : #004588 ; RVB 0, 69, 136
- glg vert : #cccf00 ; RVB 204, 207, 0
- glg gris 80 % : #58585a ; RVB 88, 88, 90
- glg gris 60 % : #87888a ; RVB 135, 136, 138
- glg gris 40 % : #b1b3b4 ; RVB 177, 179, 180
- glg gris 20 % : #d6dadb ; RVB 214, 218, 219
- cel bleu : #4066aa ; RVB 64, 102, 170
- cel jaune : #f3e400 ; RVB 243, 228, 0
- cel gris 20 % : #d6dadb ; RVB 214, 218, 219
- ste rouge : #c22f16 ; RVB 194, 47, 22
- ste orange : #f6a800 ; RVB 246, 168, 0
- ste gris 20 % : #d6dadb ; RVB 214, 218, 219
Exemple de menu générique :
Gestion de couleur de base par des modèles :
Test
Exemple de fichier PDF directement lisible dans le navigateur : media:diato-bro-gozh-ma-zadou.pdf
Portail
Exemple de portail :
Modèle utilisé pour les portails :
- https://www.wikidata.org/wiki/Wikidata:Main_Page
- https://www.wikidata.org/wiki/Wikidata:Contribute
- https://www.wikidata.org/wiki/Wikidata:Community_portal
Skin
Pivot