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

Aller à la navigation Aller à la recherche
(29 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


Top 10 des extensions pour REL1_26 :
Top 10 des extensions pour REL1_26 :
Ligne 11 : 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 36 : 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 62 : 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 ===
==== Extension NoTitle ====
Avant modification : <code>..\extensions\NoTitle\NoTitle.body.php</code> :
<pre>
<?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;
}
}
</pre>
 
Après modification : <code>..\extensions\NoTitle\NoTitle.body.php</code> :
<pre>
<?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;
}
}
</pre>
 
==== 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 70 : Ligne 225 :
* [[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"
* https://www.mediawiki.org/wiki/Extension:NoTitle : pour ne pas afficher le titre de la 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é <code>_ _NOTITLE_ _</code>, sans espace.
** un problème de fonctionnement, notamment pour la version 1.26 de MediaWiki,
** modifier le fichier <code>NoTitle.body.php</code> :
** ajouter la ligne suivante après la ligne : <code>if ( $mw->addInlineStyle...</code>
** <code>$text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text;</code>


== Test ==
=== Charte graphique ===
* {{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|58585a}} glg gris 80 % : #58585a ; RVB 88, 88, 90 {{coulrvb|88|88|90}}
* {{coulhtml|87888a}} glg gris 60 % : #87888a ; RVB 135, 136, 138 {{coulrvb|135|136|138}}
* {{coulhtml|b1b3b4}} glg gris 40 % : #b1b3b4 ; RVB 177, 179, 180 {{coulrvb|177|179|180}}
* {{coulhtml|d6dadb}} glg gris 20 % : #d6dadb ; RVB 214, 218, 219 {{coulrvb|214|218|219}}
* {{coulhtml|4066aa}} cel bleu : #4066aa ; RVB 64, 102, 170 {{coulrvb|64|102|170}}
* {{coulhtml|f3e400}} cel jaune : #f3e400 ; RVB 243, 228, 0 {{coulrvb|243|228|0}}
* {{coulhtml|d6dadb}} cel gris 20 % : #d6dadb ; RVB 214, 218, 219 {{coulrvb|214|218|219}}
* {{coulhtml|c22f16}} ste rouge : #c22f16 ; RVB 194, 47, 22 {{coulrvb|194|47|22}}
* {{coulhtml|f6a800}} ste orange : #f6a800 ; RVB 246, 168, 0 {{coulrvb|246|168|0}}
* {{coulhtml|d6dadb}} ste gris 20 % : #d6dadb ; RVB 214, 218, 219 {{coulrvb|214|218|219}}
 
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
** https://fr.wikipedia.org/wiki/Portail:%C3%89lectricit%C3%A9_et_%C3%A9lectronique/Section
** https://fr.wikipedia.org/wiki/Portail:%C3%89lectricit%C3%A9_et_%C3%A9lectronique/Section
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
* https://pivot.wikiproject.net/wiki/Pivot_features

Version du 4 février 2019 à 19:39

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

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

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