Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
utilisateurs:fabux:emeht [Le 19/02/2018, 09:47] fabux navbar |
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 à : | + | <note tip>Celà correspondra à ajouter dans **conf/local.protected.php** les lignes |
- | * ajouter dans **conf/local.protected.php** la ligne <file>$conf['tpl']['bootstrap3']['showThemeSwitcher'] = 1;</file> | + | <file> |
- | * à modifier dans **lib/tpl/boostrap3/conf/default.php** la ligne suivante: <file>$conf['useLocalBootswatch'] = 1;</file> | + | $conf['tpl']['bootstrap3']['showThemeSwitcher'] = 1; |
- | * FIXME tester l'ajout de ''$conf['tpl']['bootstrap3']['useLocalBootswatch'] = 1;'' pour ne pas toucher au default.php | + | $conf['tpl']['bootstrap3']['useLocalBootswatch'] = 1; |
+ | </file> | ||
</note> | </note> | ||
Ligne 56: | 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 109: | 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 133: | Ligne 187: | ||
<file>$conf['useLegacyNavbar'] = 1;</file> | <file>$conf['useLegacyNavbar'] = 1;</file> | ||
- | <file> | + | <file php> |
<nav type="tabs"> | <nav type="tabs"> | ||
* [[:start]] | * [[:start]] | ||
Ligne 143: | 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 |