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

Aller à la navigation Aller à la recherche
 
(16 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 8 : Ligne 10 :


== Personnalisation ==
== Personnalisation ==
Site Professional.wiki :
* https://professional.wiki/en/about
=== CSS interne ===
Pour le paramétrage personnalisé par feuille de style interne :
* [[MediaWiki:Common.css]]
=== 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 :
* https://www.mediawiki.org/wiki/Extension:Did_You_Know
=== Extensions ===
=== Extensions ===
* https://wikiapiary.com/wiki/Extension:Extensions : liste des extensions disponibles pour Mediawiki=
* https://wikiapiary.com/wiki/Extension:Extensions : liste des extensions disponibles pour Mediawiki=
Ligne 20 : 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 47 : 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: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: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 68 : Ligne 89 :
==== Apparence par modèle ====
==== Apparence par modèle ====
VisualEditor et Metrolook :
VisualEditor et Metrolook :
<pre>
<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' );
</pre>
</source>


Utilisation du modèle (''skin'') Metrolook.
Utilisation du modèle (''skin'') Metrolook.
Ligne 78 : Ligne 99 :


* personnalisation du fichier : <code>LocalSetting.php</code>
* personnalisation du fichier : <code>LocalSetting.php</code>
<pre>
<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 93 : Ligne 114 :
$wgMetrolookSiteNameText = false;
$wgMetrolookSiteNameText = false;
$wgMetrolookBartile = false;
$wgMetrolookBartile = false;
</pre>
</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 :
<pre>
<source>
div#mw-panel div.portal h5 {
div#mw-panel div.portal h5 {
   background: #004588;
   background: #004588;
Ligne 102 : Ligne 123 :
   font-variant: small-caps;
   font-variant: small-caps;
}
}
</pre>
</source>


Ombre sous les images du contenu principal :
Ombre sous les images du contenu principal :
<pre>
<source>
#mw-content-text img {
#mw-content-text img {
   box-shadow: 3px 3px 4px #555;
   box-shadow: 3px 3px 4px #555;
}
}
</pre>
</source>


=== Personnalisation ===
=== 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 <code>theme.less</code> qui fixe la taille :
* ancienne valeur : <code>@media (max-width: 768px)</code>
* nouvelle valeur : <code>@media (max-width: 500px)</code>
==== 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 : <code>..\extensions\NoTitle\NoTitle.body.php</code> :
<source>
<?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;
}
}
</source>
Après modification : <code>..\extensions\NoTitle\NoTitle.body.php</code> :
<source>
<?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;
}
}
</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>
<pre>
<source>
wfLoadExtension ('VisualEditor');
wfLoadExtension ('VisualEditor');
// Enable by default for everybody
// Enable by default for everybody
Ligne 141 : Ligne 231 :
     );
     );
$wgVirtualRestConfig['modules']['parsoid']['forwardCookies'] = true;
$wgVirtualRestConfig['modules']['parsoid']['forwardCookies'] = true;
</pre>
</source>


==== Autre ====
==== Autre ====
Ligne 167 : 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 173 : 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 : <code>if ( $mw->addInlineStyle...</code>
** ajouter la ligne suivante après la ligne : <source inline>if ( $mw->addInlineStyle...</source>
** <code>$text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text;</code>
** <source inline>$text = "<style>.firstHeading, .subtitle, #siteSub, #contentSub, .pagetitle { display: none; }</style>" . $text;</source>


=== Charte graphique ===
=== Charte graphique ===
Ligne 212 : Ligne 303 :
Pivot
Pivot
* https://pivot.wikiproject.net/wiki/Pivot_features
* https://pivot.wikiproject.net/wiki/Pivot_features
== Voir aussi ==
* &nbsp;
[[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

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

  •