Différences

Ci-dessous, les différences entre deux révisions de la page.

--- utilisateurs:fabux:emeht [Le 15/02/2018, 20:35]
Fabux Choix de thèmes perso
+++ utilisateurs:fabux:emeht [Le 11/09/2022, 13:14] (Version actuelle)
moths-art Suppression des espaces en fin de ligne (détecté et corrigé via le bot wiki-corrector (https://forum.ubuntu-fr.org/viewtopic.php?id=2067892)
@@ Ligne 1: / Ligne 1: @@
 FIXME tag
+----
 ====== Modification du thème de la documentation Ubuntu-fr ======
@@ Ligne 14: / Ligne 15: @@
 <file>$conf['template']    = 'bootstrap3';</file>
 </note>
   * Activer le thème //[[https://bootswatch.com/united/|United]]// depuis les paramètres de configuration
 <note tip>Celà correspondra à [[:tutoriel:comment_modifier_un_fichier|modifier dans le fichier]] **local.protected.php** les lignes comme suit
 <file>
@@ Ligne 25: / Ligne 26: @@
 ===== Personnalisation des feuilles de style =====
 Il est tout à fait possible de partir d'un thème existant pour l'adapter à vos envies.
 ==== Récupérer un thème ====
-D'autres [[:navigateurs]] le font mais [[:Firefox]] avec ses outils de développement web déjà présent par défaut, permet de récupérer la feuille de style pour l'adapter à vos envies et créer ainsi votre propre thème.
-Une fois le thème //United// en place :
+Vous pouvez créer votre propre thème en vous basant et adaptant le fichier **bootstrap.min.css** d'un des thèmes qui se trouve dans **/lib/tpl/bootstrap3/assets/bootstrap/**.
-  - ouvrez l'éditeur de style depuis le menu développement web de Firefox accessible directement avec le raccourci clavier Maj + F7.
-  - enregistrez le fichier **bootstrap.min.css** où vous le souhaitez.
+<note tip>D'autres [[:navigateurs]] le font mais [[:Firefox]] avec ses outils de développement web déjà présent par défaut, permet également de récupérer une feuille de style basé sur bootstrap.</note>
-     * Pour la suite il sera placé dans un dossier dédié de notre documentation local : **lib/tpl/bootstrap3/assets/bootstrap/themeperso1/**
-  - [[:tutoriel:comment_modifier_un_fichier|modifiez le fichier]] **bootstrap.min.css** à votre convenance.
+Pour la suite ce fichier **bootstrap.min.css** sera placé dans un dossier dédié de notre documentation local : **lib/tpl/bootstrap3/assets/bootstrap/themeperso1/**.
+[[:tutoriel:comment_modifier_un_fichier|Modifiez le fichier]] **bootstrap.min.css** à votre convenance pour en faire un thème à votre goût.
 <note tip>C'est le nom de votre dossier qui défini celui de votre thème. Ne renommez en aucun cas le fichier **bootstrap.min.css** sans quoi il ne sera pas reconnu.</note>
@@ Ligne 43: / Ligne 45: @@
   * Modifier dans le fichier **lib/tpl/bootstrap3/conf/metadata.php** la ligne suivante <file>
 $meta['bootswatchTheme']     = array('multichoice', '_choices' => array( 'darkly', 'united', 'themeperso1'));</file> C'est d'ailleurs cette même ligne qui défini la liste des thèmes que vous rendez disponible.
 Ensuite depuis les paramètres de configuration :
-    * activer le menu pour les thèmes de bootswatch.com
+  * activer le menu pour les thèmes de bootswatch.com
-<note tip>Celà correspondra à ajouter dans **conf/local.protected.php** la ligne
+  * activer le répertoire local de Bootswatch
-<file>$conf['tpl']['bootstrap3']['showThemeSwitcher'] = 1;</file></note>
+ <note tip>Celà correspondra à ajouter dans **conf/local.protected.php** les lignes
-    * activer le répertoire local de Bootswatch
+<file>
-<note tip>Celà correspondra à modifier dans **lib/tpl/boostrap3/conf/default.php** la ligne suivante:
+$conf['tpl']['bootstrap3']['showThemeSwitcher'] = 1;
-<file>$conf['useLocalBootswatch']          = 1;</file>
+$conf['tpl']['bootstrap3']['useLocalBootswatch'] = 1;
+</file>
 </note>
@@ Ligne 55: / Ligne 58: @@
 ===== Barre de navigation =====
+<note> La suite fonctionne pour le moment mais des tests sont fait -02/2017- avec les [[https://fontawesome.com/|font awesome]] plus pratique et fourni avec bootstrap</note>
+Dans le fichier **lib/tpl/bootstrap3/tpl_navbar.php** remplacer les lignes 33 à 53 par le contenu suivant:
+<file php>
+      <?php
+	$logo_accueil=tpl_getMediaFile(array(':wiki:accueil.png', ':accueil.png', 'images/accueil.png'), false, $logoSize);
+	$logo_forum=tpl_getMediaFile(array(':wiki:forum.png', ':forum.png', 'images/forum.png'), false, $logoSize);
+	$logo_planet=tpl_getMediaFile(array(':wiki:planet.png', ':planet.png', 'images/planet.png'), false, $logoSize);
+        // get logo either out of the template images folder or data/media folder
+        $logoSize  = array();
+        $logo      = tpl_getMediaFile(array(':wiki:logo.png', ':logo.png', 'images/logo.png'), false, $logoSize);
+        $title     = $conf['title'];
+        $tagline   = ($conf['tagline']) ? '<span id="dw__tagline">'.$conf['tagline'].'</span>' : '';
+        $logo_size = 'height="20"';
+        if ($tagline) {
+          $logo_size = 'height="32" style="margin-top:-5px"';
+        }
+        // display logo and wiki title in a link to the home page
+        tpl_link(
+            '//www.ubuntu-fr.org',
+            '<img src="'.$logo_accueil.'" alt="Accueil" class="pull-left" id="dw__accueil" '.$logo_size.' /> ',
+            'accesskey="a" title="[A]" class="navbar-brand"'
+        );
+	tpl_link(
+            wl(),
+            '<img src="'.$logo.'" alt="'.$title.'" class="pull-left" id="dw__logo" '.$logo_size.' /> ',
+            'accesskey="h" title="[H]" class="navbar-brand"'
+        );
+	tpl_link(
+            '//forum.ubuntu-fr.org',
+            '<img src="'.$logo_forum.'" alt="Forum" class="pull-left" id="dw__forum" '.$logo_size.' /> ',
+            'accesskey="f" title="[F]" class="navbar-brand"'
+        );
+	tpl_link(
+            '//planet.ubuntu-fr.org',
+            '<img src="'.$logo_planet.'" alt="Planet" class="pull-left" id="dw__planet" '.$logo_size.' /> ',
+            'accesskey="p" title="[P]" class="navbar-brand"'
+        );
+	tpl_link(
+            wl(),
+            '<span id="dw__title" '.($tagline ? 'style="margin-top:-5px"': '').'>'. $title . $tagline .'</span>',
+            'accesskey="t" title="[T]" class="navbar-brand"'
+        );
+      ?>
+</file>
+Il vous faudra mettre les icônes suivantes: FIXME  lien provisoire et chemin exact à remplacer
+  * [[https://pixabay.com/fr/ic%C3%B4ne-accueil-maison-1289758/|accueil.png]] : dans les dossiers data/wiki/ , data/ , images/
+  * [[https://pixabay.com/fr/phylactères-conversation-black-310399/|forum.png]] : dans les dossiers data/wiki/ , data/ , images/
+  * [[https://pixabay.com/fr/terre-planet-ic%C3%B4ne-boule-globe-1341377/|planet.png]] : dans les dossiers data/wiki/ , data/ , images/
+  * [[https://commons.wikimedia.org/wiki/File:Book_designed_by_Benny_Forsberg_from_the_Noun_Project.svg|guide.png]] : dans les dossiers data/wiki/ , data/ , images/
+===== Logo et favicon ====
+Pour mettre en place le logo et le favicon FIXME
+===== Plugins utilisés / tentés / à tester =====
+Pour avoir les liens sous la main :)
+==== Template ====
+  * [[https://www.dokuwiki.org/template:bootstrap3|Boostrap3]] avec thème united
+==== Numérotation titre / tdm ====
+  * [[https://www.dokuwiki.org/fr:tips:numbered_headings|Modif dans conf/userstyle.css]]
+  * [[https://www.dokuwiki.org/plugin:numberedheadings|numberedheadings]]
+==== Discussion ====
+  * [[https://www.dokuwiki.org/plugin:discussion|discussion]] : ajoute une section en bas ou  en haut
+  * [[https://www.dokuwiki.org/plugin:talkpage|talkpage]] : créé une page dédiée
+  * Voir le mode discussion intégré à bootstrap
+  * dans bootstrap activer l'option discussion. ''$conf['tpl']['bootstrap3']['showDiscussion'] = 1;''
+  * dans plugin discussion: ne pas activer sur toutes les pages et ajouter dans exclude_ns /discussion/.\\ ''$conf['plugin']['discussion']['excluded_ns'] = '/discussion/';''
+Piste: https://www.dokuwiki.org/plugin:newpagetemplate
+==== Onglet ====
+  * [[https://www.dokuwiki.org/plugin:tabinclude|tabinclude]]
+==== WYISWYG ====
+  * [[https://www.dokuwiki.org/plugin:ckgedit|CKGedit]]
+==== Scriptage ====
+  * [[https://www.dokuwiki.org/plugin:batchedit|batchedit]]
+==== Multi-composents ====
+  * [[https://www.dokuwiki.org/plugin:bootswrapper|bootswrapper]]
+===== Autres liens =====
+[[:utilisateurs/aldian/chantier_responsive_design|Chantier du design]] chez aldian
+===== DIVERS =====
+FIXME voir si c'est utile ou pas de noter ça:
+Option sur bootswatch
+  * //open in jsfiddle// : Permet de FIXME
+  * //bootstrap.min.css// : FIXME semble être la version non indenté de bootstrap.css
+  * //bootstrap.css// : FIXME le fichier [[wpfr>Feuilles_de_style_en_cascade|de feuilles de style]]
+  * //_variable.scss// : FIXME
+  * //_bootswatch.scss// : FIXME
+FIXME Je garde la suite ça sous le coude pour le moment
+Autre Installer le Plugin [[https://www.dokuwiki.org/%3Aplugin%3Abootswrapper|Bootswrapper]]
-Installer le Plugin [[https://www.dokuwiki.org/%3Aplugin%3Abootswrapper|Bootswrapper]]
+<note tip>Celà correspondra à ajouter dans **conf/local.protected.php** la ligne suivante :
-<note tip>Celà correspondra à ajouter dans **conf/local.protected.php** la ligne suivante :
 <file>$conf['loadBootstrap'] = 1;</file>
 </note>
@@ Ligne 69: / Ligne 187: @@
 <file>$conf['useLegacyNavbar']             = 1;</file>
-<file>
+<file php>
 <nav type="tabs">
   * [[:start]]
@@ Ligne 80: / Ligne 198: @@
 </file>
+===== Local.protected.php =====
-===== Logo et favicon ====
+ <file php 20180302_local.protected.php>
+<?php
+    /*
+     * Paramètres de configuration propres à votre serveur de travail
+     * Attention les options principales sont dans local.php qu'il ne faut pas modifier
+     * Penser à en faire une sauvegarde avant une màj
+    */
+    //Le fichier userscripts.js sert pour les bouton en mode édition (exemple modifier un fichier, installer un paquet)
+    //https://www.dokuwiki.org/fr:rewrite pour pas avoir doku.php?id=nompage
+    //https://www.dokuwiki.org/rewrite#discussion pour php
+    //0: pas de rewrite / 1:passe par lighttpd.conf/ 2:interne à dokuwiki
+    //dans local.php ->= 1 car rewrite fait sur le serveur. Risque 404-not found en localhost
+    // donc:
+$conf['userewrite'] = 2;
-Pour mettre en place le logo et le favicon FIXME
+    //passer en dev sinon ???
+$conf['is_dev'] = 1;
-===== DIVERS =====
+    //Gestion du thème
+    //Choix du template
+ //$conf['template']    = 'adoradark';
+//$conf['template']    = 'dokuwiki';
+$conf['template']    = 'bootstrap3';
+$conf['tpl']['bootstrap3']['showThemeSwitcher'] = 1;
+$conf['tpl']['bootstrap3']['bootstrapTheme'] = 'bootswatch';
-FIXME voir si c'est utile ou pas de noter ça:
+//barre de navigation fixe
+$conf['tpl']['bootstrap3']['fixedTopNavbar'] = 1;
+//$conf['loadBootstrap'] = 1;
-Option sur bootswatch
+     //Reactive toutes les actions
-  * //open in jsfiddle// : Permet de FIXME
+$conf['disableactions']='';
-  * //bootstrap.min.css// : FIXME semble être la version non indenté de bootstrap.css
-  * //bootstrap.css// : FIXME le fichier [[wpfr>Feuilles_de_style_en_cascade|de feuilles de style]]
-  * //_variable.scss// : FIXME
-  * //_bootswatch.scss// : FIXME
+    //* Gestion de connexion utilisateur pour le serveur de DEV.
+$conf['authtype']='authplain'; //pour la connexion sans la base du forum
+    //remplir users.auth.php en faisant un sha1 sur le net.
+    //par exemple le login+mdp y on été mis à testeur/testeur avec
+    //testeur:0dd3d8466da1d1b581d8b1036f24ef43d37c7974:Moi:moi@nawak.og:members
+    //pour être admin et pas simple user
+$conf['superuser']= 'testeur';
+    // Suivi des modifications non nécessaires en DEV
+$conf['notify'] = '';
+// Lieu des données. Ici Lien symbolique
+$conf['savedir']= './data';
+</file>
-===== Autres liens =====
-[[:utilisateurs/aldian/chantier_responsive_design|Chantier du design]] chez aldian