Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
utilisateurs:fabux:emeht [Le 23/02/2018, 17:54]
Fabux Retrait FIXME pour useLocalBootswatch
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 15: Ligne 15:
 <​file>​$conf['​template'​] ​   = '​bootstrap3';</​file>​ <​file>​$conf['​template'​] ​   = '​bootstrap3';</​file>​
 </​note>​ </​note>​
-  * Activer le thème //​[[https://​bootswatch.com/​united/​|United]]//​ depuis les paramètres de configuration ​ +  * 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  <note tip>​Celà correspondra à [[:​tutoriel:​comment_modifier_un_fichier|modifier dans le fichier]] **local.protected.php** les lignes comme suit 
 <​file>​ <​file>​
Ligne 26: Ligne 26:
  
 ===== Personnalisation des feuilles de style ===== ===== Personnalisation des feuilles de style =====
-Il est tout à fait possible de partir d'un thème existant pour l'​adapter à vos envies. ​+Il est tout à fait possible de partir d'un thème existant pour l'​adapter à vos envies.
  
 ==== Récupérer un thème ==== ==== 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>​ <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>​   * 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. $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 :  +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 ​+ <​note tip>​Celà correspondra à ajouter dans **conf/​local.protected.php** les lignes
 <​file>​ <​file>​
 $conf['​tpl'​]['​bootstrap3'​]['​showThemeSwitcher'​] = 1; $conf['​tpl'​]['​bootstrap3'​]['​showThemeSwitcher'​] = 1;
Ligne 57: Ligne 58:
  
 ===== Barre de navigation ===== ===== 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: Dans le fichier **lib/​tpl/​bootstrap3/​tpl_navbar.php** remplacer les lignes 33 à 53 par le contenu suivant:
 <file php> <file php>
       <?php       <?php
-   ​+
  $logo_accueil=tpl_getMediaFile(array(':​wiki:​accueil.png',​ ':​accueil.png',​ '​images/​accueil.png'​),​ false, $logoSize);  $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_forum=tpl_getMediaFile(array(':​wiki:​forum.png',​ ':​forum.png',​ '​images/​forum.png'​),​ false, $logoSize);
Ligne 110: Ligne 113:
 </​file>​ </​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]] Autre 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>​ <​file>​$conf['​loadBootstrap'​] = 1;</​file>​
 </​note>​ </​note>​
Ligne 134: Ligne 187:
 <​file>​$conf['​useLegacyNavbar'​] ​            = 1;</​file>​ <​file>​$conf['​useLegacyNavbar'​] ​            = 1;</​file>​
  
-<​file>​+<​file ​php>
 <nav type="​tabs">​ <nav type="​tabs">​
   * [[:start]]   * [[:start]]
Ligne 144: Ligne 197:
 </​nav>​ </​nav>​
 </​file>​ </​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 
  • utilisateurs/fabux/emeht.1519404891.txt.gz
  • Dernière modification: Le 23/02/2018, 17:54
  • par Fabux