« Paramétrage Kono » : différence entre les versions

Aller à la navigation Aller à la recherche
(22 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
Cet article permet de regrouper les 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.


== Extensions ==
== Outils ==
* https://wikiapiary.com/wiki/Extension:Extensions : liste des extensions disponibles pour Mediawiki
* [[FileZilla]] : pour l'accès au contenu hébergé ;
* [[WinSCP]] : pour l'accès au contenu hébergé ;
* [[MediaWiki]] : moteur du wiki ;
* ...


== Personnalisation ==
=== Extensions ===
* https://wikiapiary.com/wiki/Extension:Extensions : liste des extensions disponibles pour Mediawiki=
* https://www.mediawiki.org/wiki/Extension:CirrusSearch
* https://www.mediawiki.org/wiki/Extension:CirrusSearch


Ligne 13 : Ligne 19 :
* https://www.mediawiki.org/wiki/Extension:MobileFrontend  
* https://www.mediawiki.org/wiki/Extension:MobileFrontend  
* https://www.mediawiki.org/wiki/Extension:Scribunto  
* https://www.mediawiki.org/wiki/Extension:Scribunto  
* https://www.mediawiki.org/wiki/Extension:SyntaxHiglight_GeSHI : coloration syntaxique
* https://www.mediawiki.org/wiki/Extension:SyntaxHighlight : coloration syntaxique
* 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 38 : Ligne 44 :
* https://www.mediawiki.org/wiki/Extension:WikiEditor
* https://www.mediawiki.org/wiki/Extension:WikiEditor


=== Apparence par script ===
==== 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:ClipUpload : permet d'importer une image du presse-papier
* 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...
* https://www.funtoo.org/Help:Funtoo_Editing_Guidelines
 
==== Apparence par script ====
* https://fr.wikipedia.org/wiki/Aide:Personnaliser_l%27interface
* https://fr.wikipedia.org/wiki/Aide:Personnaliser_l%27interface


=== Apparence par modèle ===
==== Apparence par modèle ====
VisualEditor et Metrolook :
<pre>
// List of skins VisualEditor integration supports
$wgVisualEditorSupportedSkins = array( 'vector', 'apex', 'monobook', 'minerva', 'metrolook' );
</pre>
 
Utilisation du modèle (''skin'') Metrolook.
Utilisation du modèle (''skin'') Metrolook.
* personnalisation du fichier : <code>../Metrolook/theme.less</code>
* personnalisation du fichier : <code>../Metrolook/theme.less</code>
Ligne 64 : Ligne 95 :
</pre>
</pre>


== Personnalisation ==
Couleur de fond et mise en petite capitale des catégories du menu principal :
<pre>
div#mw-panel div.portal h5 {
  background: #004588;
  color: #fff;
  font-variant: small-caps;
}
</pre>
 
Ombre sous les images du contenu principal :
<pre>
#mw-content-text img {
  box-shadow: 3px 3px 4px #555;
}
</pre>
 
=== Personnalisation ===
==== VisualEditor ====
* https://www.mediawiki.org/wiki/Extension:VisualEditor
* http://lesaventuresdeyannigdanslemondeit.blogspot.fr/2013/12/installation-de-visual-editor-sur.html
 
Exemple de paramétrage du fichier <code>LocalSetting.php</code>
<pre>
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;
</pre>
 
==== Autre ====
Exemple de site avec beaucoup de personnalisation :
* http://wiki.seg.org/wiki/Special:Version
 
Pour que les liens externes s'ouvrent dans un nouvel onglet :
Pour que les liens externes s'ouvrent dans un nouvel onglet :
* https://www.mediawiki.org/wiki/Manual:$wgExternalLinkTarget
* https://www.mediawiki.org/wiki/Manual:$wgExternalLinkTarget
Visualiseur de vignette
* https://www.mediawiki.org/wiki/Extension:MultimediaViewer
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
* https://www.mediawiki.org/wiki/Extension:MsInsert
Assistant pour l'ajout de catégorie
* https://www.mediawiki.org/wiki/Extension:MsCatSelect


Personnaliser :
Personnaliser :
Ligne 72 : Ligne 168 :
* [[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: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
* 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: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é <code>_ _NOTITLE_ _</code>, sans espace.
* https://www.mediawiki.org/wiki/Extension:NoTitle : pour ne pas afficher le titre de la page, en ajoutant le mot clé <code>_ _NOTITLE_ _</code>, sans espace.
Ligne 79 : Ligne 176 :
** <code>$text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text;</code>
** <code>$text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text;</code>


== Charte graphique ==
=== Charte graphique ===
* {{coulhtml|004588}} glg bleu : #004588 ; RVB 0, 69, 136 {{coulrvb|0|69|136}}
* {{coulhtml|004588}} glg bleu : #004588 ; RVB 0, 69, 136 {{coulrvb|0|69|136}}
* {{coulhtml|cccf00}} glg vert : #cccf00 ; RVB 204, 207, 0 {{coulrvb|204|207|0}}
* {{coulhtml|cccf00}} glg vert : #cccf00 ; RVB 204, 207, 0 {{coulrvb|204|207|0}}
Ligne 93 : Ligne 190 :
* {{coulhtml|d6dadb}} ste gris 20 % : #d6dadb ; RVB 214, 218, 219 {{coulrvb|214|218|219}}
* {{coulhtml|d6dadb}} ste gris 20 % : #d6dadb ; RVB 214, 218, 219 {{coulrvb|214|218|219}}


== Test ==
Exemple de menu générique :
* https://wiki.documentfoundation.org/Main_Page
 
Gestion de couleur de base par des modèles :
* https://wiki.documentfoundation.org/Template:LibreOfficeColor2
 
=== Test ===
Exemple de fichier PDF directement lisible dans le navigateur : [[:media:diato-bro-gozh-ma-zadou.pdf]]
Exemple de fichier PDF directement lisible dans le navigateur : [[:media:diato-bro-gozh-ma-zadou.pdf]]


== Portail ==
=== Portail ===
Exemple de portail :
Exemple de portail :
* https://fr.wikipedia.org/wiki/Portail:%C3%89lectricit%C3%A9_et_%C3%A9lectronique
* https://fr.wikipedia.org/wiki/Portail:%C3%89lectricit%C3%A9_et_%C3%A9lectronique
Ligne 105 : Ligne 208 :
* https://www.wikidata.org/wiki/Wikidata:Contribute
* https://www.wikidata.org/wiki/Wikidata:Contribute
* https://www.wikidata.org/wiki/Wikidata:Community_portal
* https://www.wikidata.org/wiki/Wikidata:Community_portal
=== Skin ===
Pivot
* https://pivot.wikiproject.net/wiki/Pivot_features

Version du 2 janvier 2019 à 20:38

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

Extensions

Top 10 des extensions pour REL1_26 :

Note the MediaWiki tarballs come with bundled extensions as well. For 1.26.x they are:

Extension à tester


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

VisualEditor

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 :

Personnaliser WikiEditor

Assistant pour l'ajout de catégorie

Personnaliser :

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 :

Skin

Pivot