Différences

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

--- dokuwiki [2019/11/06 16:10] – [Plugins intéressants] sebsauvage
+++ dokuwiki [2022/03/01 13:52] (Version actuelle) – [Plugins intéressants] sebsauvage
@@ Ligne 1: / Ligne 1: @@
 ====== Dokuwiki ======
 Le wiki que vous êtes en train de lire fonctionne sous DokuWiki. C'est un wiki sans base de données, très rapide et facile à mettre en place. Voici quelques informations concernant Dokuwiki que je me garde sous le coude.
+===== Astuces en vrac =====
   * Le gestionnaire de fichiers n'autorise l'upload que des fichiers d'un certain type (png, jpg...). Pour autoriser l'upload d'autres types, il faut créer le fichier ''/conf/mime.local.conf'' et y ajouter les types voulus. Exemple:\\ <code>exe     application/octet-stream</code>
@@ Ligne 8: / Ligne 12: @@
   * **Déplacer une page:** Il n'est pas actuellement possible de déplacer un document d'un namespace à un autre, encore moins en corrigeant automatiquement tous les liens qui pointent dessus. Il faut re-créer la page. C'est un des aspects un peu lourds de DokuWiki (même si c'est pas bien grave).
   * **DokuWiki chez free.fr**: DokuWiki ne fonctionne tel quel pas chez Free (*.free.fr). Il est nécessaire de le patcher. Les infos devraient se retrouver en googlant.
+===== Personnalisation =====
   * **Largeur à l'écran**:
-    * Solution 1 : Aller dans l'administration > //Paramètres de style du thème (template)// > //Largeur du site complet// > mettre //100%//.
+    * Solution 1 : Aller dans l'administration > //Paramètres de style du thème (template)// > //Largeur du site complet// ou //%%__site_width__%%// > mettre //100%//.
     * Solution 2 : Patcher DokuWiki
       * Dans ''/dokuwiki/lib/tpl/dokuwiki/style.ini'', changer:<code>__site_width__      = "75em"            ; @ini_site_width</code> en <code>__site_width__      = "100%"            ; @ini_site_width</code>puis allez dans l'écran de configuration et re-validez le (Cela va purger le cache).  Et voilà !
@@ Ligne 18: / Ligne 24: @@
     * Cette feuille de style survivra aux mises à jour DokuWiki.
     * (Je ne suis pas fan d'//Arial//)
   * **Retirer les marges gauche/droite sur les petits écrans:**
     * Dans mon ''userstyle.css'', j'ajoute:<code css>@media screen and (max-width: 700px) {
@@ Ligne 26: / Ligne 33: @@
 }</code>
     * Pour voir le résultat, diminuez la largeur de la fenêtre du navigateur: En dessous d'une certaine largeur, ça retirer les marges gauche et droite. C'est plus sympa pour les petits écrans.
+==== Personnaliser une page ====
+Il m'arrive d'avoir besoin/envie de personnaliser une page unique. C'est assez facile: Vous pouvez inclure du code HTML directement dans votre page wiki (pensez à activer l'option dans l'administration du wiki) avec les balises ''%%<html>%%''/''%%</html>%%''. Exemple:
+  * Un dégradé de couleurs en fond (page [[jeux|Jeux]]) avec: <code html><html>
+<style type="text/css">
+body {
+/* Généré vite fait avec https://cssgradient.io/ */
+background: rgb(253,255,95);
+background: linear-gradient(180deg, rgba(253,255,95,1) 0%, rgba(151,135,238,0.9906163148853291) 13%, rgba(206,143,183,1) 23%, rgba(255,155,155,1) 36%, rgba(253,255,95,1) 50%, rgba(151,135,238,1) 69%, rgba(206,143,183,1) 83%, rgba(253,255,95,1) 100%);
+}
+</style>
+</html>
+</code>
+  * Un motif répétitif en fond, et ajustement de la transparence du bandeau ([[rimworld|RimWorld]]) avec: <code html><html>
+<style type="text/css">
+body { background: url("/galerie/photos/Wallpapers/Textures/red_mud_stones_diff_1k-lighter.jpg") repeat, #b48766; }
+.pad { background-color: rgb(255,255,255,0.5); }
+</style>
+</html></code>
+  * Personnaliser les sections (h1,h2...) ([[mint_customization|Linux Mint]]) avec: <code html><html>
+<style type="text/css">
+h2 {
+   padding: 5px 5px 5px 15px;
+   background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
+   border-radius: 0.8em;
+}
+h3 {
+   padding: 5px 5px 5px 15px;
+   margin-left: 20px;
+   background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
+   border-radius: 0.8em;
+   font-style: italic;
+}
+</style>
+</html></code>
 ===== Plugins intéressants =====
     * **[[http://www.dokuwiki.org/plugin:discussion|Discussion]]**: Permet d'ajouter un fil de discussion dans un article de Dokuwiki. Ajoutez juste ''%%~~DISCUSSION~~%%'' dans le corps de l'article.
@@ Ligne 41: / Ligne 89: @@
     * **[[https://www.dokuwiki.org/plugin:drawio|Draw.io]]**: Permet de dessiner des schémas directement dans vos pages ! Fantastique.
-<note warning>**NE PAS UTILISER POUR LE MOMENT** Le plugin marche, mais la sécurité n'a pas encore été implémentée, donc n'importe qui peut modifier les schémas ! (sauf si vous [[https://sebsauvage.net/links/?njBldw|bidouillez]])</note>
       * Démonstration:{{ :dokuwiki:dokuwiki-drawio.mp4?800 |}}
       * Après édition, ça génère directement un png.
@@ Ligne 67: / Ligne 114: @@
     * **[[https://www.dokuwiki.org/plugin:langdelete|langdelete]]**: Permet de supprimer les fichiers de langue inutile de votre wiki (pour l'alléger).
     * **[[https://www.dokuwiki.org/plugin:pageredirect|Page Redirect]]**, pratique pour rediriger vos anciennes pages vers les nouvelles.
+    * **[[https://www.dokuwiki.org/plugin:anchor|Anchor]]**, permet de poser des ancres html (#ancre) où on veut dans une page (et pas seulement là où DokuWiki a automatiquement mis les ancres liés aux titres de section). Syntaxe: ''%%{{anchor:NomDeLAncre}}%%''
+===== Bidouilles =====
+  * Masquer les liens "//Gestionnaire Multimédia / Plan du site//" pour les utilisateurs qui ne sont pas admin: Dans ''wiki/lib/tpl/dokuwiki/tpl_header.php'', modifier:<code diff>          <div id="dokuwiki__sitetools">
+              <h3 class="a11y"><?php echo $lang['site_tools']; ?></h3>
+              <?php tpl_searchform(); ?>
++             <?php if (auth_isadmin()): ?>
+              <div class="mobileTools">
+                  <?php echo (new \dokuwiki\Menu\MobileMenu())->getDropdown($lang['tools']); ?>
+              </div>
+              <ul>
+                  <?php echo (new \dokuwiki\Menu\SiteMenu())->getListItems('action ', false); ?>
+              </ul>
++             <?php endif ?>
+          </div>
+      </div>
+</code>
+  * Par défaut, toutes les miniature et images réduite créées par DokuWiki ne sont pas en jpeg progressif. Pour forcer en progressif, il faut:
+    * Modifier le fichier ''inc/media.php'' en ajoutant la ligne suivant:<code diff>--- media.php.original	2020-12-03 10:07:52.685477718 +0100
++++ media.php	2020-12-03 10:25:34.384486237 +0100
+@@ -2423,6 +2423,7 @@
+         if(!function_exists('imagejpeg')){
+             $okay = false;
+         }else{
++            imageinterlace($newimg,true);
+             $okay = imagejpeg($newimg, $to, $conf['jpg_quality']);
+         }
+     }elseif($ext == 'png') {</code>
+     * Puis en vidant le cache (supprimez tout le contenu du répertoire ''data/cache'' (mais sans supprimer le répertoire lui-même).
+  * Couper l'accès au gestionnaire de médias pour les utilisateurs non-admin: FIXME //à faire//
+  * Couper l'accès à l'historique sauf pour l'utilisateur admin: FIXME //à faire//