Paramétrage Kono

(Redirigé depuis Paramétrage)
Aller à la navigation Aller à la recherche

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

Did You Know :

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

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

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

Voir aussi

  •