Différences

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

--- utilisateurs:fabux:emeht [Le 23/02/2018, 17:54] – Retrait FIXME pour useLocalBootswatch Fabux
+++ utilisateurs:fabux:emeht [Le 11/09/2022, 13:14] (Version actuelle) – 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) moths-art
@@ Ligne 15: / 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 26: / 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 44: / 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
-    * activer le répertoire local de Bootswatch
+  * activer le répertoire local de Bootswatch
  <note tip>Celà correspondra à ajouter dans **conf/local.protected.php** les lignes
 <file>
 $conf['tpl']['bootstrap3']['showThemeSwitcher'] = 1;
@@ Ligne 57: / 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);
@@ Ligne 110: / Ligne 113: @@
 </file>
-Il vous faudra mettre les icônes suivantes: FIXME  lien et chemin exact à remplacer
+Il vous faudra mettre les icônes suivantes: FIXME  lien provisoire et chemin exact à remplacer
-  * lien|accueil.png : dans les dossiers data/wiki/ , data/ , images/
+  * [[https://pixabay.com/fr/ic%C3%B4ne-accueil-maison-1289758/|accueil.png]] : dans les dossiers data/wiki/ , data/ , images/
-  * lien|forum.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/
-  * lien|planet.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/
-  * lien|guide.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
-<note>FIXME Je garde ça sous le coude
+FIXME Je garde la suite ça sous le coude pour le moment
 Autre Installer le Plugin [[https://www.dokuwiki.org/%3Aplugin%3Abootswrapper|Bootswrapper]]
 <note tip>Celà correspondra à ajouter dans **conf/local.protected.php** la ligne suivante :
 <file>$conf['loadBootstrap'] = 1;</file>
 </note>
@@ Ligne 134: / Ligne 187: @@
 <file>$conf['useLegacyNavbar']             = 1;</file>
-<file>
+<file php>
 <nav type="tabs">
   * [[:start]]
@@ Ligne 144: / Ligne 197: @@
 </nav>
 </file>
-</note>
-===== Logo et favicon ====
+===== Local.protected.php =====
-Pour mettre en place le logo et le favicon FIXME
+ <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;
-===== DIVERS =====
+    //passer en dev sinon ???
+$conf['is_dev'] = 1;
-FIXME voir si c'est utile ou pas de noter ça:
+    //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';
-Option sur bootswatch
+//barre de navigation fixe
-  * //open in jsfiddle// : Permet de FIXME
+$conf['tpl']['bootstrap3']['fixedTopNavbar'] = 1;
-  * //bootstrap.min.css// : FIXME semble être la version non indenté de bootstrap.css
+//$conf['loadBootstrap'] = 1;
-  * //bootstrap.css// : FIXME le fichier [[wpfr>Feuilles_de_style_en_cascade|de feuilles de style]]
-  * //_variable.scss// : FIXME
-  * //_bootswatch.scss// : FIXME
+     //Reactive toutes les actions
+$conf['disableactions']='';
+    //* 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

Différences

Outils pour utilisateurs

Outils du site

Outils de la page

Divers