| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| utilisateurs:fabux:emeht [Le 02/03/2018, 18:42] – Ajout liens vers plugins principalement 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 |
|---|
| <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> |
| |
| ===== 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> |
| * 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; |
| <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); |
| * [[https://www.dokuwiki.org/plugin:talkpage|talkpage]] : créé une page dédiée | * [[https://www.dokuwiki.org/plugin:talkpage|talkpage]] : créé une page dédiée |
| * Voir le mode discussion intégré à bootstrap | * 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 ==== | ==== Onglet ==== |
| 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> |
| <file>$conf['useLegacyNavbar'] = 1;</file> | <file>$conf['useLegacyNavbar'] = 1;</file> |
| |
| <file> | <file php> |
| <nav type="tabs"> | <nav type="tabs"> |
| * [[:start]] | * [[:start]] |
| * [[:wiki:syntax]] | * [[:wiki:syntax]] |
| </nav> | </nav> |
| | </file> |
| | |
| | ===== Local.protected.php ===== |
| | |
| | <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; |
| | |
| | //passer en dev sinon ??? |
| | $conf['is_dev'] = 1; |
| | |
| | //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'; |
| | |
| | //barre de navigation fixe |
| | $conf['tpl']['bootstrap3']['fixedTopNavbar'] = 1; |
| | //$conf['loadBootstrap'] = 1; |
| | |
| | //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> | </file> |
| |