{"id":1373,"date":"2020-03-12T15:17:48","date_gmt":"2020-03-12T15:17:48","guid":{"rendered":"https:\/\/piwigo.com\/blog\/?p=1373"},"modified":"2020-03-13T10:27:42","modified_gmt":"2020-03-13T10:27:42","slug":"bootstrap-darkroom-new-theme-piwigo-com","status":"publish","type":"post","link":"https:\/\/piwigo.com\/blog\/2020\/03\/12\/bootstrap-darkroom-new-theme-piwigo-com\/","title":{"rendered":"Bootstrap Darkroom: a new theme available on Piwigo.com"},"content":{"rendered":"\n<p><strong>Since January 2020, the Bootstrap Darkroom theme is available on Piwigo.com. It&#8217;s a big step in the evolution of Piwigo, so we will tell you in this blog post everything there is to know about this modern, functional and mobile friendly theme for your Piwigo gallery.<\/strong><\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">The Piwigo Bootstrap Darkroom theme is now available for everyone<\/h2>\n\n\n\n<p>Developed by Thomas Kuther, <strong>Bootstrap Darkroom<\/strong> is a modern, feature-rich and mobile-friendly theme for Piwigo.&nbsp;<\/p>\n\n\n\n<p>It has been available for some time for those who host their Piwigo by themselves; it was also available on demand for Piwigo.com customers who requested it.&nbsp;<\/p>\n\n\n\n<p>The &#8220;beta test&#8221; phase is over and it is now available to everyone on the Piwigo.com platform!<\/p>\n\n\n\n<p>If you want to give your gallery a facelift, don&#8217;t hesitate to test it. As its name suggests, this theme is based on Bootstrap (a framework used to build websites with a modern look and compatible with all screen sizes).<\/p>\n\n\n\n<p><strong>Its features :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>More than 30 color schemes to customize your gallery<\/li><li>A beautiful full screen slideshow that supports auto play<\/li><li>100 % responsive, i.e. it automatically adapts to all screen sizes<\/li><li>Easy navigation in your albums with a photo carousel<\/li><li>Many configurable options&#8230;<\/li><\/ul>\n\n\n\n<p>Discover below an example of a Piwigo gallery based on Boostrap Darkroom, La Seine \u00e0 V\u00e9lo :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"922\" height=\"1024\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-922x1024.jpg\" alt=\"\" class=\"wp-image-1376\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-922x1024.jpg 922w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-270x300.jpg 270w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-768x853.jpg 768w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-1383x1536.jpg 1383w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-1200x1333.jpg 1200w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-1400x1555.jpg 1400w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo-300x333.jpg 300w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo.jpg 1665w\" sizes=\"auto, (max-width: 922px) 100vw, 922px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"933\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo2-1024x933.png\" alt=\"Visualisation d'une image sur la galerie photo de La Seine \u00e0 V\u00e9lo\" class=\"wp-image-1377\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo2-1024x933.png 1024w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo2-300x273.png 300w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo2-768x700.png 768w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo2-1200x1094.png 1200w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo2-1400x1276.png 1400w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/la-seine-a-velo-piwigo2.png 1425w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How do you switch your Piwigo gallery to Bootstrap Darkroom?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Setup<\/h3>\n\n\n\n<p>Go to Piwigo administration, menu Configuration &gt; Themes.<\/p>\n\n\n\n<p>In the list of inactive themes, activate the Bootstrap Darkroom theme.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"259\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/activate-bootstrap-darkroom.png\" alt=\"\" class=\"wp-image-1398\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/activate-bootstrap-darkroom.png 414w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/activate-bootstrap-darkroom-300x188.png 300w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/figure><\/div>\n\n\n\n<p>Once the Bootstrap Darkroom theme is activated, you can set it as the &#8220;default&#8221; theme (displayed by default to all visitors of your gallery), and access the configuration options.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"348\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/configuration-bootstrap-darkroom.png\" alt=\"\" class=\"wp-image-1399\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/configuration-bootstrap-darkroom.png 629w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/configuration-bootstrap-darkroom-300x166.png 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More than 30 colour schemes<\/h2>\n\n\n\n<p>The configuration of Bootstrap Darkroom offers many options, including more than 30 skins or color schemes for your gallery!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/boostrap-darkroom-colour-schemes-1024x711.png\" alt=\"\" class=\"wp-image-1400\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/boostrap-darkroom-colour-schemes-1024x711.png 1024w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/boostrap-darkroom-colour-schemes-300x208.png 300w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/boostrap-darkroom-colour-schemes-768x533.png 768w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/boostrap-darkroom-colour-schemes.png 1086w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>The Material Darkroom color scheme is enabled by default, but feel free to browse through the list to discover all the other styles offered.<\/p>\n\n\n\n<p>Here are a few examples:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"389\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/material-darkroom.png\" alt=\"\" class=\"wp-image-1387\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/material-darkroom.png 688w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/material-darkroom-300x170.png 300w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><figcaption>Material Darkroom<br><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"384\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootswatch-united.png\" alt=\"\" class=\"wp-image-1388\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootswatch-united.png 683w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootswatch-united-300x169.png 300w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><figcaption>Bootswatch United<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"689\" height=\"390\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/material-teal.png\" alt=\"\" class=\"wp-image-1389\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/material-teal.png 689w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/material-teal-300x170.png 300w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><figcaption>Material Teal<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Test Bootstrap Darkroom on your gallery<\/h2>\n\n\n\n<p>Don&#8217;t worry, <strong>you can of course test this new theme without endangering your gallery<\/strong>. Just leave your current theme as the &#8220;default&#8221; theme.<\/p>\n\n\n\n<p>Once Bootstrap Darkroom is activated, go to your gallery and click on &#8220;Customise&#8221; from the main menu.<\/p>\n\n\n\n<p>This will bring you to a configuration page, which contains a &#8220;Theme&#8221; drop-down menu: it allows you to choose the theme you want to display just for you, among the activated themes on your gallery.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"504\" height=\"431\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/preferences-theme.png\" alt=\"\" class=\"wp-image-1401\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/preferences-theme.png 504w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/preferences-theme-300x257.png 300w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><\/figure><\/div>\n\n\n\n<p>Select Bootstrap Darkroom and click Submit: the Bootstrap Darkroom theme is now activated on your Piwigo gallery, but only for you!<\/p>\n\n\n\n<p>If you need help or if you encounter any problem, you can of course contact us by reaching support at the usual email address \ud83d\ude09.<\/p>\n\n\n\n<p><strong>So what? Ready to migrate your gallery to Bootstrap Darkroom? For me it&#8217;s already done, and I&#8217;ve chosen the Bootswatch Minty color scheme!<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-minty-fr-1024x640.png\" alt=\"bootswatch minty\" class=\"wp-image-1393\" srcset=\"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-minty-fr-1024x640.png 1024w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-minty-fr-300x188.png 300w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-minty-fr-768x480.png 768w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-minty-fr-1200x750.png 1200w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-minty-fr-1400x875.png 1400w, https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-minty-fr.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Since January 2020, the Bootstrap Darkroom theme is available on Piwigo.com. We will tell you in this blog post everything there is to know about this modern, functional and mobile friendly theme for your Piwigo gallery.<\/p>\n","protected":false},"author":2,"featured_media":1375,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Bootstrap Darkroom: a new theme available on Piwigo.com","_seopress_titles_desc":"Since January 2020, the Bootstrap Darkroom theme is available on Piwigo.com. We will tell you everything about this modern, functional and mobile friendly theme for your Piwigo gallery.","_seopress_robots_index":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_s2mail":"yes","footnotes":""},"categories":[41],"tags":[4],"class_list":{"0":"post-1373","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-news","8":"tag-theme-2","10":"with-featured-image"},"author_meta":{"display_name":"Claire Michard","author_link":"https:\/\/piwigo.com\/blog\/author\/claire\/"},"featured_img":"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-theme-300x197.jpg","featured_image_src":"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-theme.jpg","featured_image_src_square":"https:\/\/piwigo.com\/blog\/wp-content\/uploads\/2020\/03\/bootstrap-darkroom-theme.jpg","author_info":{"display_name":"Claire Michard","author_link":"https:\/\/piwigo.com\/blog\/author\/claire\/"},"coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/piwigo.com\/blog\/category\/news\/\" class=\"advgb-post-tax-term\">News and updates<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">News and updates<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/piwigo.com\/blog\/category\/news\/\" class=\"advgb-post-tax-term\">theme<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">theme<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 6 years ago","modified":"Updated 6 years ago"},"absolute_dates":{"created":"Posted on March 12, 2020","modified":"Updated on March 13, 2020"},"absolute_dates_time":{"created":"Posted on March 12, 2020 3:17 pm","modified":"Updated on March 13, 2020 10:27 am"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/posts\/1373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/comments?post=1373"}],"version-history":[{"count":8,"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/posts\/1373\/revisions"}],"predecessor-version":[{"id":1406,"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/posts\/1373\/revisions\/1406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/media\/1375"}],"wp:attachment":[{"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/media?parent=1373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/categories?post=1373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/piwigo.com\/blog\/wp-json\/wp\/v2\/tags?post=1373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}