Bootstrap Darkroom : un nouveau thème disponible sur Piwigo.com

Depuis le mois de janvier 2020, le thème Bootstrap Darkroom est disponible sur Piwigo.com. C’est une grande étape dans l’évolution de Piwigo, alors on vous dit tout dans cet article sur ce thème moderne, fonctionnel et adapté à toutes les tailles d’écrans.

Le thème Piwigo Bootstrap Darkroom est désormais accessible à tous

Développé par Thomas Kuther, Bootstrap Darkroom est un thème moderne, riche en fonctionnalités et adaptés aux mobiles. 

Il est disponible depuis quelque temps pour ceux qui hébergent eux-mêmes leur Piwigo; il était également disponible à la demande pour les clients Piwigo.com qui en faisaient la demande. 

La phase de “beta test” étant terminé, il est désormais accessible à tous sur la plateforme Piwigo.com !

Si vous voulez donner un coup de jeune à votre galerie, n’hésitez pas à le tester. Comme son nom l’indique, ce thème est basé sur Bootstrap (un framework utilisé depuis quelques années pour construire des sites web au look moderne et compatibles avec toutes les tailles d’écran).

Ses fonctionnalités :

  • Plus de 30 jeux de couleurs pour personnaliser votre galerie
  • Un magnifique diaporama en plein écran qui supporte la lecture automatique
  • 100 % responsive, c’est à dire qu’il s’adapte automatiquement à toutes les tailles d’écran
  • Une navigation aisée dans vos albums avec un carrousel de photos
  • De nombreuses options paramétrables…

Découvrez ci-dessous un exemple de galerie Piwigo basée sur Boostrap Darkroom, celle de La Seine à Vélo :

La page d’accueil de la galerie Piwigo La Seine à Vélo
Visualisation d’une image sur la galerie photo de La Seine à Vélo

Comment passer votre galerie sur Bootstrap Darkroom ?

Installation

Rendez-vous dans l’administration de Piwigo, menu Configuration > Thème.

Dans la liste des thèmes désactivés, activez le thème Bootstrap Darkroom.

Une fois le thème Bootstrap Darkroom activé, Vous pouvez le sélectionner comme thème “par défaut” (affiché par défaut à tous les visiteurs de votre galerie), et accéder aux options de configuration.

Plus de 30 jeux de couleurs

La configuration de Bootsrap Darkroom propose de nombreuses options, parmi lesquelles plus de 30 skins, ou jeux de couleurs différents pour votre galerie !

Le jeu de couleur Material Darkroom est activé par défaut, mais n’hésitez pas à naviguer dans la liste pour découvrir tous les autres styles proposés.

Voici quelques exemples :

Material Darkroom
Bootswatch United
Material Teal

Testez Bootstrap Darkroom sur votre galerie

Ne vous inquiétez pas, vous pouvez très bien tester ce nouveau thème sans mettre en danger votre galerie. Il suffit que vous laissiez votre thème actuel comme thème “par défaut”.

Une fois Bootstrap Darkroom activé, rendez-vous sur votre galerie et cliquez sur “Personnaliser” depuis le menu principal.

Vous avez alors accès à une page de configuration, qui contient un menu déroulant “Thème”: il vous permet de choisir le thème à afficher pour vous, parmi les thèmes activés sur votre galerie.

Sélection du thème parmi les thèmes activés sur votre galerie

Sélectionnez Bootstrap Darkroom et cliquez sur Valider : le thème Bootstrap Darkroom est désormais activé sur votre galerie Piwigo, mais seulement pour vous !

Si vous avez besoin d’aide ou si vous rencontrez le moindre problème, vous pouvez bien entendu faire appel à nous en contactant le support à l’adresse habituelle 😉

Alors ? Prêts à migrer votre galerie sur Bootstrap Darkroom ? Pour moi c’est déjà fait, et j’ai choisi le jeu de couleur Bootswatch Minty !

21 réponses à “Bootstrap Darkroom : un nouveau thème disponible sur Piwigo.com”

  1. Bonjour,

    Je suis passé sur le nouveau thème bootstrap. Je le trouve très bien. J’ai cependant deux questions.

    1 – Est-il possible de réduire un peu la hauteur du bandeau de titre qui mange une bonne part de l’écran ? (avec un CSS, par exemple ?)

    2 – Ce n’est pas exactement lié au thème. Mais le changement vers celui-ci fait que le carrousel que j’ai sur ma page d’accueil fait un peu désuet maintenant. Y-a-t’il une autre solution de présentation qui date de 2012, date de création de ma galerie ?

    Merci d’avance pour vos réponses !

    Répondre

    1. Bonjour
      J’ai vu votre remarque sur le page d’accueil. Regardez mon site https://alexismaffre.piwigo.com et voyez si cela peut vous convenir. Je me ferais un plaisir de vous fournir le code de cette page html que vous pourrez modifier à votre convenance.

      Répondre

      1. Pas mal du tout ! J’ai bien envie de l’essayer. Pouvez-vous me faire parvenir le code ?

        Répondre

        1. Bonjour Jean-Pierre
          Désolé de vous répondre si tardivement, mais avec toutes ces histoires de confinement je ne suis pas chez moi et les mails arrivent sur une autre boite à lettre que je ne regarde pas très souvent.

          #menubar {display:none !important;}
          .titrePage {display:none}
          .content {max-width:1120px; margin:0 auto 10px auto !important;}
          .Online {display:none;}
          .content_block {max-width:none;}

          .myHomePage_photo {text-align: center; margin:1px 0 20px 0;}
          .myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#666;}
          .myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold; font-size:large}
          .myHomePage_vers_galerie {margin-top:10px; letter-spacing:5px; text-align:center; font-weight:bold; font-size:large; color:red}


          [slider album=87 nb_images=10 random=false size=L speed=3 title=false effect=sliceDown arrows=false elastic=true control=true thumbs_size=80]

          ►►► Valais Suisse (03/2020) ●●●

          GaleriesContactA propos du photographe  ● 

          Je ne sais pas si cela sera lisible dans cette petite fenetre. Sinon je vous l’enverrais par mail. Il faut créer une gallerie uniquement pour le carrousel, que vous référencez via son id. Il y a plusieurs mode de carrousel en commentaire

          Il faut ajouter le module Additionel Pages. N’hesitez pas à revenir vers moi. ALexis

          Répondre

  2. Je ne comprends pas trop la notion de nouveau thème car je l’utilise depuis de nombreux mois. Peut être ai-je bénéficié de ce thème après l’avoir demandé et peut être est-il resté en mode béta depuis.

    Mais pour ceux qui ne le connaissent pas, il est vrai que c’est le thème que je préfère et que j’utilise sur mon site. Moderne, configurable. En ce qui concerne ma page d’accueil j’ai ajouté un diaporama en code html.

    Répondre

    1. Je ne le connaissais pas avant de lire l’article que nous commentons. Et comme l’article est intitulé “Nouveau thème”…

      Répondre

    2. > Peut être ai-je bénéficié de ce thème après l’avoir demandé […]

      C’est exactement ça. On vous l’a rendu disponible en mai 2018. C’était encore la version 1.x. Là maintenant on est sur la 2.x donc pas mal de changements ! (et des personnalisations à refaire)

      Répondre

  3. Bon, ben j’ai perdu ! Après avoir installé les quelques lignes fournies par A.Maffre, j’ai voulu réduire la place prise par l’entête – avec le thème bootstap, une entête composée avec des images prend beaucoup de place. En cherchant un peu j’ai réussi à le faire pour la page d’accueil en rajoutant cette instruction “.jumbotron padding:0em” dans la configuration de ma page d’accueil personnalisée. Malheureusement cela ne fonctionne pas avec pour les entêtes de pages courantes. En bricolant pour essayer d’y arriver, j’ai pensé à ajouter cette instruction dans la zone titre de la galerie. Et c’est là que j’ai tout cassé : la galerie fonctionne, mais je n’ai plus du tout accès à administration. J’ai juste droit à un écran blanc. Je ne vois pas trop comment retrouver la main sur l’administration de la galerie. Pouvez vous m’aider ? Avec toutes mes excuses, merci d’avance !

    Répondre

    1. Je ne sais pas comment vous aider. Visiblement le

      n’est pas pris en compte puisqu’il est affiché sur la page d’accueil. Est ce que vous arrivez à vous connecter avec votre compte admin en passant par l’administration en bas ?

      Personnellement je garde toujours une fenêtre en admin sur un autre navigateur pour pouvoir reprendre la main en cas de problème. Cela permet de revenir en arrière. L’idéal étant d’utiliser un autre navigateur. Ainsi vous aurez toujours possibilité de supprimer vos modifs.
      Essayez de mettre directement l’adresse de l’admin comme ci dessous en mettant votre site a la place du mien
      https://alexismaffre.piwigo.com/admin.php

      Répondre

      1. Merci Alexis,
        Ne m’étant jamais fais prendre, je n’ai pas pris la précaution de la seconde fenêtre de navigateur. Malheureusement, quoi que je fasse, la fenêtre est toujours vide (sauf le lien visiter). Voulez vous une capture d’écran ? Il va vraiment falloir que j’attende une intervention de l’équipe de Piwigo.com.
        Merci pour votre aide.

        Répondre

  4. Merci à tout le monde pour l’aide apportée. Quelques moment de discussion avec Alexis m’ont permis de corriger la valeur erronée. tout est rentré dans l’ordre !

    Répondre

  5. J’ai voulu essayer ce nouveau thème, impossible de l’installer depuis ma galerie Piwigo 2 . 10 .1. Même problème avec d’autres thèmes mais pas tous : “Impossible de lire ou d’extraire l’archive.”

    Où peut-on le trouver en téléchargement pour l’installer par FTP?

    Répondre

  6. Comme je ne pouvais pas installer ce thème depuis ma galerie, j’ai cherché et j’ai fini par trouver le package correspondant que j’ai installé par FTP. Problème : il fonctionne bien sous Firefox mais pas sous Edge. Impossible de se connecter avec Edge (lien inactif pour entrer son identifiant et son mot de passe) et le champs “contacter” est légèrement décalé vers le haut (uniquement avec Edge). Une idée pour arranger ça?

    Répondre

    1. Bonjour
      J’avais exactement le même phénomène que toi, je pouvais me connecter sur Chrome, mais je ne pouvais pas cliquer sur IE ou Edge.
      J’ai changé le thème dans le paramètre “Aspect” de Bootstrap en mettant “Bootstrap Default” et ça fonctionne très bien.

      Merci beaucoup de l’avoir développé, c’est un très beau thème très élégant.

      Laurent

      Répondre

  7. Bonjour,

    je découvre Piwigo depuis quelques heures.
    Est-ce que que thème qui est évoqué ici est bien celui-ci?
    https://piwigo.org/ext/extension_view.php?eid=831

    Sur cette page je lis une que la révision la plus récente date du 19/10/2019

    Répondre

    1. Oui, tout à fait ! La dernière version de Boostrap Darkroom est accessible depuis octobre 2019 pour les utilisateurs qui hébergent et mettent à jour eux-même leur Piwigo (téléchargement gratuit sur piwigo.org). Comme l’indique cet article, il a été rendu disponible à partir de janvier 2020 pour les clients de Piwigo.com qui en faisaient la demande. Et une fois la phase de test passée, il a finalement été rendu accessible à tous et est devenu le thème par défaut sur piwigo.com, en mars 2020.

      Répondre

    2. J’utilise ce thème depuis très longtemps, l’ayant eu pour le tester bien avant la mise à disposition de la dernière version. Cela a mis du temps pour avoir les mises à jour, mais c’est celui vraiment que je préfère dans ceux qui sont fournis pour les personnes hébergées chez piwigo. Il n’y a pas beaucoup de thèmes corrects.
      Si vous voulez vous donner une idée : https://alexismaffre.piwigo.com/
      La gestion de la page du site doit être faite indépendamment du thème. N’hésitez pas à faire appel à la petite communauté

      Cordialement

      Répondre

  8. Bonjour,

    j’aurais voulu savoir comment modifier l’url du logo, en l’état il pointe vers ma vm piwigo mais j’aurais voulu faire pointer cette url vers la vm qui heberge le main site. J’ai farfouillé mais je ne trouve pas cette possibilité. Merci de votre aide.

    Répondre

    1. Bonjour Irwin,
      pour ce type de demande, je vous suggère de poser votre question sur le forum Piwigo : https://fr.piwigo.org/forum/

      Répondre

      1. Bonjour Claire,

        merci pour votre réponse

        Répondre

  9. […] galerie s’appuie sur le thème Bootstrap Darkoom, personnalisé aux couleurs de La Seine à […]

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.