Context Navigation

← Previous Changeset
Next Changeset →

Changeset 2506644

Timestamp:

03/31/2021 10:50:02 AM (5 years ago)

Author:

aurelienpierre

Message:

Version 1.0

Location:

photographers-galleries/trunk

Files:

: 1 deleted
: 4 edited

admin/media-admin.php (deleted)
css/pg-style.css (modified) (3 diffs)
includes/shortcodes.php (modified) (1 diff)
photographers-galleries.php (modified) (5 diffs)
readme.txt (modified) (17 diffs)

Legend:

: Unmodified
: Added
: Removed

photographers-galleries/trunk/css/pg-style.css

-                      r1404381
+                      r2506644
+/* Galleries layout */
+.gallery-columns-1 {
+  column-count: 1;
+}
+.gallery-columns-2 {
+  column-count: 2;
+}
+.gallery-columns-3 {
+  column-count: 3;
+}
+.gallery-columns-4 {
+  column-count: 4;
+}
+.gallery-columns-5 {
+  column-count: 5;
+}
+.gallery-columns-6 {
+  column-count: 6;
+}
+.gallery-columns-7 {
+  column-count: 7;
+}
+.gallery-columns-8 {
+  column-count: 8;
+}
+.gallery-columns-9 {
+  column-count: 9;
+}
 .gallery {
+        width: 100%;
+        display: table;
+        max-width: 100%;
+}
+.gallery .gallery-item {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 2px;
+        display: inline-table;
+        text-align: center;
+}
+.gallery-columns-2 .gallery-item {
+        width: 50%;
+        max-width: 50%;
+}
+.gallery-columns-3 .gallery-item {
+        width: 33.33%;
+        max-width: 33.33%;
+}
+.gallery-columns-4 .gallery-item {
+        width: 25%;
+        max-width: 25%;
+}
+.gallery-columns-5 .gallery-item {
+        width: 20%;
+        max-width: 20%;
+}
+.gallery-columns-6 .gallery-item {
+        width: 16.67%;
+        max-width: 16.67%;
+}
+.gallery-columns-7 .gallery-item {
+        width: 14.28%;
+        max-width: 14.28%;
+}
+.gallery-columns-8 .gallery-item {
+        width: 12.5%;
+        max-width: 12.5%;
+}
+.gallery-columns-9 .gallery-item {
+        width: 11.11%;
+        max-width: 11.11%;
+}
+.gallery img {
+        max-width: none;
+        width: 100%;
+        height: auto;
+  column-gap: 10px;
+}
+.gallery figure {
+  margin-bottom: 10px;
+  break-after: column;
+}
 .wp-caption-text {
+        padding: 1ex;
+        font-size: 0.9em;
+        color: #666;
+        text-align: center;
+  white-space: normal;
+  display: block;
+}
 …
 .pg-align_caption .gallery {
+        display: grid;
+}
+.pg-align_caption .gallery .gallery-item {
+        display: inline-block;
+  display: grid;
+}
 …
 .pg-no_caption .wp-caption-text {
         display: none;
         padding: 0;
+}
 .pg-carousel-wrapper .pg-no_caption img {
         height: calc(100vh - 50px);
+  display: none;
+  padding: 0;
+}
+.pg-carousel-wrapper .pg-no_caption img {
+  height: calc(100vh - 50px);
+}
 /* HOVER CAPTION */
+@media screen and (min-width: 799px) {
+        .pg-hover_caption .wp-caption-text {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                display: none;
+                background: rgba(255, 255, 255, 0.75);
+                z-index:9999;
+                color: black;
+        }
+        .pg-hover_caption .gallery-item:hover .wp-caption-text,
+        .pg-hover_caption .gallery-item:focus .wp-caption-text,
+        .pg-hover_caption .gallery-item:active .wp-caption-text {
+                display: block;
+        }
+        .pg-hover_caption .gallery img {
+                height: calc(100vh - 50px);
+        }
+}
+/* CAROUSEL */
+.pg-hover_caption .wp-caption-text {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: none;
+  background: rgba(255, 255, 255, 0.75);
+  z-index:9999;
+  color: black;
+  text-align: center;
+}
+.pg-hover_caption .gallery-item:hover .wp-caption-text,
+.pg-hover_caption .gallery-item:focus .wp-caption-text,
+.pg-hover_caption .gallery-item:active .wp-caption-text {
+  display: block;
+}
+.pg-hover_caption .gallery img {
+  height: calc(100vh - 50px);
+}
+/* CAROUSEL AND EXHIBITION BASICS */
+html {
+  scroll-snap-type: block proximity;
+  scroll-behavior: smooth;
+}
+.pg-exhibition-wrapper {
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
+}
 .pg-carousel-wrapper {
+        position: relative;
+}
+.pg-carousel {
+        width: 100%;
+        height: auto;
+        overflow-x: scroll;
+    overflow-y: hidden;
+  scroll-snap-align: center;
+  scroll-snap-stop: always;
+}
+.pg-carousel .gallery figure.gallery-item,
+.pg-exhibition .gallery figure.gallery-item,
+.pg-carousel .gallery figure.gallery-item .gallery-icon,
+.pg-exhibition .gallery figure.gallery-item .gallery-icon,
+.pg-carousel .gallery figure.gallery-item .gallery-icon img,
+.pg-exhibition .gallery figure.gallery-item .gallery-icon img,
+.pg-carousel .gallery figure.gallery-item figcaption.wp-caption-text,
+.pg-exhibition .gallery figure.gallery-item figcaption.wp-caption-text {
+  /* nuke theme borders */
+  border: none;
+}
+.pg-carousel .wp-caption-text, .pg-exhibition .wp-caption-text {
+  text-align: right;
+}
+.pg-carousel.pg-hover_caption .wp-caption-text,
+.pg-exhibition.pg-hover_caption .wp-caption-text {
+  text-align: center;
+}
+.pg-carousel-wrapper, .pg-exhibition-wrapper {
+  box-sizing: border-box;
+  display: block;
+  max-height: 100vh;
+  max-width: 100vw;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+.pg-exhibition-wrapper {
+  height: 100vh;
+}
+.pg-carousel, .pg-exhibition {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow-x: scroll;
+  overflow-y: visible;
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+  touch-action: pan-x;
+  padding: 0;
+  box-sizing: border-box;
+  transition: transform .5s ease-out;
+}
+.pg-exhibition {
+  padding: 4em;
+}
 .pg-carousel header {
+        position: absolute;
+        font-size: 1.1em;
+        display: block;
+        z-index:9999;
+        font-variant: small-caps;
+        -moz-font-feature-settings: 'smcp' on;
+        -webkit-font-feature-settings: 'smcp' on;
+        -ms-font-feature-settings: 'smcp' on;
+        font-feature-settings: 'smcp' on;
+}
+@media screen and (min-width: 800px) {
+        .pg-carousel header {
+                top: 0;
+                left: 0;
+                right: 0;
+                background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0)75%);
+                padding: 0.5ex 1ex 1ex 1ex;
+                color: #f2f2f2;
+        }
+        .pg-carousel:hover header,
+        .pg-carousel:focus header,
+        .pg-carousel:active header {
+                display: none;
+        }
+}
+@media (max-width: 799px) {
+        .pg-carousel header {
+                top: -2em;
+                left: 0;
+                right: 0;
+                padding: 0.5ex 0;
+                color: #333;
+        }
+        .pg-carousel-wrapper {
+                margin-top: 4em;
+        }
+}
+.pg-carousel .gallery {
+        display: inline;
+        height: 100%!important;
+        width: auto;
+        max-width: none;
+        max-height: 100vh;
+        overflow: hidden;
+        white-space: nowrap;
+        position: relative;
+        margin: -2px -2px 0 -2px;
+        padding-right: -10px;
+}
+.pg-carousel .gallery-item {
+        display: inline-table!important;
+        float: none;
+        white-space: normal;
+        width: auto!important;
+        height: 100%;
+        margin: 0;
+        padding: 0 4px 0 0;
+        position: relative;
+}
+.pg-carousel .gallery img {
+        max-height: 100%;
+        width: auto;
+        height: 91vh; /* for older browsers compatibility */
+        height: calc(100vh - 0.9em - 2ex - 50px);
+        max-width: none;
+}
+  position: absolute;
+  font-size: 1.1em;
+  display: block;
+  z-index:9999;
+  font-variant: small-caps;
+  -moz-font-feature-settings: 'smcp' on;
+  -webkit-font-feature-settings: 'smcp' on;
+  -ms-font-feature-settings: 'smcp' on;
+  font-feature-settings: 'smcp' on;
+}
+.pg-carousel header {
+  top: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0)75%);
+  padding: 0.5ex 1ex 1ex 1ex;
+  color: #f2f2f2;
+}
+.pg-carousel:hover header,
+.pg-carousel:focus header,
+.pg-carousel:active header {
+  display: none;
+}
+.pg-carousel .gallery {
+  display: table;
+  height: 100%;
+  width: 100%;
+  white-space: nowrap;
+  position: relative;
+  margin: 10px -20px 10px -10px;
+  padding: 0;
+  box-sizing: border-box;
+  overflow: visible;
+}
+.pg-exhibition .gallery,
+.pg-exhibition .gallery * {
+  display: flex;
+  justify-content: center;
+  width: auto;
+  height: auto;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+.pg-exhibition.pg-no_caption .gallery .wp-caption-text {
+  display: none;
+}
+.pg-exhibition .gallery .wp-caption-text {
+  display: block;
+  text-align: right;
+  line-height: 2;
+  margin-top: 1em;
+}
+.pg-exhibition .gallery {
+  flex-direction: row;
+  align-items: center;
+  overflow: visible;
+  height: 100%;
+  width: 100%;
+  max-width: 100vw;
+  max-height: 100vh;
+}
+.pg-carousel .gallery .gallery-item {
+  display: inline-table;
+  float: none;
+  white-space: normal;
+  width: auto;
+  height: 100%;
+  padding: 0;
+  margin: 0 10px;
+  position: relative;
+  box-sizing: border-box;
+  border: none;
+}
+.pg-exhibition .gallery .gallery-item {
+  display: none;
+  flex-direction: column;
+  align-items: center;
+  overflow: visible;
+}
+.pg-exhibition-wrapper .gallery .gallery-icon {
+  overflow: hidden;
+}
+.pg-exhibition .gallery figure.active {
+  display: flex;
+}
+.pg-carousel .gallery .gallery-item:first-child {
+  margin-left: 0px;
+}
+.pg-carousel .gallery .gallery-item:last-child {
+  margin-right: 0px;
+}
+.pg-carousel .gallery img {
+  max-height: calc(90vh - 40px);
+  max-width: none;
+  min-width: 150px;
+  min-height: 150px;
+  width: auto;
+  height: calc(90vh - 40px);
+  box-sizing: border-box;
+  border: none;
+  pointer-events: none;
+}
+.pg-exhibition .gallery img {
+  display: inline-flex;
+  align-self: center;
+  max-width: none;
+  max-height: none;
+  pointer-events: none;
+}
+/* Looks */
+.pg-exhibition-wrapper .look-modern,
+.pg-exhibition-wrapper .look-classic,
+.pg-exhibition-wrapper .look-box,
+.pg-exhibition-wrapper .look-box-dark,
+.pg-exhibition-wrapper .look-box-bright {
+  background: linear-gradient(180deg, rgb(255, 255, 255), rgba(0, 0, 0, 0.005)),
+  radial-gradient(circle at center, rgb(255, 255, 255) 0,
+  rgba(255, 255, 255, 0.5) 50%,
+  rgba(200, 200, 200, 0.67) 67%,
+  rgba(200, 200, 200, 0.75) 75%,
+  rgb(255, 255, 255) 100%);
+}
+.pg-no_caption.look-classic .pg-exhibition,
+.pg-no_caption.look-box .pg-exhibition,
+.pg-no_caption.look-box-bright .pg-exhibition,
+.pg-no_caption.look-box-dark .pg-exhibition {
+  padding: 4em;
+}
+.pg-show_caption.look-classic .pg-exhibition,
+.pg-show_caption.look-box .pg-exhibition,
+.pg-show_caption.look-box-bright .pg-exhibition,
+.pg-show_caption.look-box-dark .pg-exhibition {
+  padding: 6em;
+}
+.pg-exhibition-wrapper .look-modern .gallery .gallery-icon {
+  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.25),
+1em 2em rgba(0, 0, 0, 0.25),
+0.25em 0.5em rgba(0, 0, 0, 0.25);
+}
+.pg-exhibition-wrapper .look-classic .gallery figure.gallery-item .gallery-icon {
+  padding: 1em;
+  background-color: #ededeb;
+  border: 0.25em solid #333;
+  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.25),
+1em 2em rgba(0, 0, 0, 0.25),
+0.25em 0.5em rgba(0, 0, 0, 0.25);
+}
+.pg-exhibition-wrapper .look-classic .gallery img {
+  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1),inset 0px 2px 2px rgba(0, 0, 0, 0.05);
+  border-right: 0.1em solid #fcfcfa;
+  border-left: 0.1em solid #fcfcfa;
+  border-top: 0.1em solid #f2f2f0;
+  border-bottom: 0.1em solid #fdfdfb;
+  padding: 0.15em;
+  background-color: white;
+}
+.pg-exhibition-wrapper .look-box .gallery .gallery-icon,
+.pg-exhibition-wrapper .look-box-dark .gallery .gallery-icon,
+.pg-exhibition-wrapper .look-box-bright .gallery .gallery-icon {
+  padding: 1em;
+  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.25),
+1em 2em rgba(0, 0, 0, 0.25),
+0.25em 0.5em rgba(0, 0, 0, 0.25),
+              inset 0 0.25em 1.5em 0 rgba(0, 0, 0, 0.75);
+}
+.pg-exhibition-wrapper .look-box .gallery img,
+.pg-exhibition-wrapper .look-box-bright .gallery img,
+.pg-exhibition-wrapper .look-box-dark .gallery img {
+  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.75);
+}
+.pg-exhibition-wrapper .look-box .gallery figure.gallery-item .gallery-icon {
+  background-color: #777;
+  border: 0.25em solid #666;
+}
+.pg-exhibition-wrapper .look-box-dark .gallery figure.gallery-item .gallery-icon {
+  background-color: #555;
+  border: 0.25em solid #444;
+}
+.pg-exhibition-wrapper .look-box-bright .gallery figure.gallery-item .gallery-icon {
+  background-color: #999;
+  border: 0.25em solid #888;
+}
+/* Next & previous buttons */
+.gallery-prev, .gallery-next {
+  width: 12%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  cursor: pointer;
+  z-index: 999;
+}
+.gallery-prev { left: 0; }
+.gallery-next { right: 0; }
+.gallery-prev span, .gallery-next span {
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  margin-top: -15px;
+  padding: 15px;
+  color: white;
+  font-weight: bold;
+  font-size: 20px;
+  user-select: none;
+  box-sizing: border-box;
+  opacity: 50%;
+}
+.pg-exhibition .gallery-prev span, .pg-exhibition .gallery-next span {
+  color: black;
+}
+.gallery-next span{
+  right: 0;
+}
+.gallery-prev:hover span, .gallery-next:hover span {
+  opacity: 100%;
+}
+/* On hover, add a black background color with a little bit see-through */
+a.gallery-prev:hover span, a.gallery-next:hover span {
+  background-color: rgba(0,0,0,1);
+  opacity: 100%;
+  text-transform: none;
+  text-decoration: none!important;
+  color: white;
+}

photographers-galleries/trunk/includes/shortcodes.php

-                      r1404381
+                      r2506644
 // If this file is called directly, abort.
 if ( ! defined( 'WPINC' ) ) {
     die;
+  die;
+}
 /*
  * Carousel gallery
+ */
+* Carousel gallery
+*/
 function pg_carousel( $atts, $content ){
+    /**
+     * This shortcode is just intended to add classes to the gallery wrapper div
+     * Optionnaly, it adds a custom height and width to the unique carousel
+     */
+    // Set the container ID
+    new pg_Carousels();
+    $id = "pg-carousel-" . pg_Carousels::$counter;
+    // Extract the shortcode attributes
+    $a = shortcode_atts(
+            array(
+                    'w' => '',
+                    'h' => '',
+                    'align' => 'none',
+                    'title' => '',
+                    'caption' => 'below',
+                    'raw_css' => '',
+            ),
+            $atts );
+    // Floating options
+    $class = "align" . $a['align'];
+    // Caption style
+    if ( $a['caption'] == 'below' )     { $class = $class . " pg-show_caption"; }
+    if ( $a['caption'] == 'hide' )      { $class = $class . " pg-no_caption"; }
+    if ( $a['caption'] == 'hover' )     { $class = $class . " pg-hover_caption"; }
+    // Unique style if given : custom height and width, raw CSS code
+    $style = '';
+    if ( !empty( $a['h'] ) || !empty( $a['w'] ) || !empty( $a['raw_css'] ) ) {
+        $style = "<style> ";
+            if ( !empty( $a['h'] ) ) { $style = $style . "#" . $id . " img { height: " . $a['h'] . ";} "; }
+            if ( !empty( $a['w'] ) ) { $style = $style . "#" . $id . " { width: " . $a['w'] . ";} "; }
+            $style = $style . $a['raw_css'];
+        $style = $style . " </style>";
+    }
+    // Open markup
+    $before = "<div class='pg-carousel-wrapper'><section class='pg-carousel " . $class . "' id='" . $id . "' >";
+    // Optional title
+    if ( !empty($a['title']) ) { $before = $before . "<header>" . $a['title'] . "</header>"; }
+    // Content
+    $inside = do_shortcode( strip_tags( $content ) );
+    // Closing markup
+    $after = "</section></div>";
+    return $style . $before . $inside . $after;
+}
+add_shortcode( 'carousel', 'pg_carousel' );
+  /**
+  * This shortcode is just intended to add classes to the gallery wrapper div
+  * Optionnaly, it adds a custom height and width to the unique carousel
+  */
+  // Set the container ID
+  new pg_Carousels();
+  $counter = pg_Carousels::$counter;
+  $id = "pg-carousel-" . $counter;
+  // Extract the shortcode attributes
+  $a = shortcode_atts(
+    array(
+      'w' => '',
+      'h' => '',
+      'align' => 'none',
+      'title' => '',
+      'caption' => 'below',
+      'raw_css' => '',
+      'look' => 'default',
+    ),
+    $atts );
+    // Floating options
+    $class = "align" . $a['align'];
+    // Caption style
+    if ( $a['caption'] == 'below' )     { $class = $class . " pg-show_caption"; }
+    if ( $a['caption'] == 'hide' )      { $class = $class . " pg-no_caption"; }
+    if ( $a['caption'] == 'hover' )     { $class = $class . " pg-hover_caption"; }
+    $class .= ' look-'. $a['look'];
+    // Unique style if given : custom height and width, raw CSS code
+    $style = '';
+    $style_wrapper = '';
+    if ( !empty( $a['h'] ) || !empty( $a['w'] ) || !empty( $a['raw_css'] ) ) {
+      $style = "<style> ";
+      if ( !empty( $a['h'] ) ) { $style = $style . "#" . $id . " img { height: " . $a['h'] . ";} "; }
+      if ( !empty( $a['w'] ) ) { $style_wrapper = "style='width: ". $a['w'] . ";'"; }
+      $style = $style . $a['raw_css'];
+      $style = $style . " </style>";
+    }
+    // Open markup
+    $before = "<div class='pg-carousel-wrapper $class' $style_wrapper><section class='pg-carousel $class' id='$id' tabindex='$counter'>";
+    // Optional title
+    if ( !empty($a['title']) ) { $before = $before . "<header>" . $a['title'] . "</header>"; }
+    // Content
+    $inside = do_shortcode( strip_tags( $content ) );
+    // Navigation arrows
+    $nav = "<a class='gallery-prev' onclick='Scroll(-1,\"$id\")'><span>&#10094;</span></a>";
+    $nav .= "<a class='gallery-next' onclick='Scroll(+1,\"$id\")'><span>&#10095;</span></a>";
+    // Overlay
+    $over = "<div style='z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%'></div>";
+    // Closing markup
+    $after = $nav."</section></div>";
+    // Script
+    $script = "
+    <script>
+    var matte = document.getElementById('$id');
+    var arrow_left = matte.getElementsByClassName('gallery-prev')[0];
+    arrow_left.style.display = 'none';
+    matte.addEventListener('scroll', function(event) { updateArrows(event, '$id'); }, {passive: true});
+    matte.addEventListener('keydown', function(event) {
+      if(event.key == 'ArrowLeft') Scroll(-1, '$id');
+      if(event.key == 'ArrowRight') Scroll(+1, '$id');
+    });
+    </script>";
+    return $style . $before . $inside . $after . $script;
+  }
+  add_shortcode( 'carousel', 'pg_carousel' );
 /*
+ * Gallery with no caption
+ */
+function pg_no_caption( $atts, $content ){
+    $before = "<div class='pg-no_caption'>";
+    $inside = do_shortcode( strip_tags( $content ) );
+    $after = "</div>";
+    return $before . $inside . $after;
+}
+add_shortcode( 'nocaption', 'pg_no_caption' );
+/*
+ * Gallery where pictures are aligned along the bottom side
+ */
+function pg_align_caption( $atts, $content ){
+    $before = "<div class='pg-align_caption'>";
+    $inside = do_shortcode( strip_tags( $content ) );
+    $after = "</div>";
+    return $before . $inside . $after;
+}
+add_shortcode( 'aligncaption', 'pg_align_caption' );
+/*
+ * Dynamic gallery based on taxonomy
+ */
+function pg_dynamic_gallery( $atts ){
+    // Extract the shortcode attributes
+    $a = shortcode_atts(
+            array(  // Plugin specific keys
+                    'gallery' => '',
+                    'model' => '',
+                    'location' => '',
+                    'exif' => '',
+                    'author' => '',
+                    'tag' => '',
+                    // Standard WP Query keys
+                    'orderby' => 'date',
+                    'order' => 'ASC',
+                    // Stardard WP gallery shortcode keys
+                    'columns' => '',
+                    'size' => '',
+                    'link' => '',
+                    'type' => '' // for compatibility with Jetpack tiled galleries
+            ),
+            $atts );
+    // Prepare the query
+    $args = array(
+            'post_type' => 'attachment',
+            'post_parent' => 'null',
+            'post_per_page' => -1,
+            'author_name' => $a['author'],
+            'tag' => $a['tag'],
+            'orderby' => $a['orderby'],
+            'order' => $a['order'],
+            'perm'        => 'readable',
+            'tax_query' => array('relation' => 'AND'),
+            'post_mime_type'    => array(
+                    'image/jpeg',
+                    'image/jpg',
+                    'image/gif',
+                    'image/png',
+                    'image/bmp'
+            ),
+            'fields' => 'ids',
+    );
+    // Add the gallery
+    if ( !empty( $a['gallery'] ) ) {
+        $gal = array(
+            'taxonomy' => 'gallery',
+            'field'    => 'slug',
+            'terms'    => $a['gallery']
+        );
+        array_push( $args['tax_query'] , $gal);
+    }
+    // Add the model
+    if ( !empty( $a['model'] ) ) {
+        $mod = array(
+            'taxonomy' => 'model',
+            'field'    => 'slug',
+            'terms'    => $a['model']
+        );
+        array_push( $args['tax_query'] , $mod);
+    }
+    // Add the location
+    if ( !empty( $a['location'] ) ) {
+        $loc = array(
+            'taxonomy' => 'location',
+            'field'    => 'slug',
+            'terms'    => $a['location']
+        );
+        array_push( $args['tax_query'] , $loc);
+    }
+    // The query
+    $images = get_children( $args );
+    if ( empty($images) ) {
+        return __('No image found', 'photographers-galleries');
+    } else {
+        // Extract the relevant images IDS
+        $ids = implode ( ',', array_values( $images ) );
+        // Build the args array for WP gallery
+        $args = array(
+                'ids' => $ids,
+                'size' => $a['size'],
+                'columns' => $a['columns'],
+                'link' => $a['link'],
+                'type' => $a['type'] // for compatibility with Jetpack themes
+        );
+        // Print the standard WP gallery
+        return gallery_shortcode( $args );
+    }
+    // Restore original Post Data
+    wp_reset_postdata();
+}
+add_shortcode( 'dynamic_gallery', 'pg_dynamic_gallery' );
+* Exhibition gallery
+*/
+function pg_exhibition( $atts, $content ){
+  /**
+  * This shortcode is just intended to add classes to the gallery wrapper div
+  * Optionnaly, it adds a custom height and width to the unique carousel
+  */
+  // Set the container ID
+  new pg_Carousels();
+  $counter = pg_Carousels::$counter;
+  $id = "pg-exhibition-" . $counter;
+  // Extract the shortcode attributes
+  $a = shortcode_atts(
+    array(
+      'w' => '',
+      'h' => '',
+      'align' => 'none',
+      'title' => '',
+      'caption' => 'below',
+      'raw_css' => '',
+      'look' => 'modern',
+    ),
+    $atts );
+    // Floating options
+    $class = "align" . $a['align'];
+    // Caption style
+    if ( $a['caption'] == 'below' )     { $class = $class . " pg-show_caption"; }
+    if ( $a['caption'] == 'hide' )      { $class = $class . " pg-no_caption"; }
+    if ( $a['caption'] == 'hover' )     { $class = $class . " pg-hover_caption"; }
+    $class .= ' look-'. $a['look'];
+    // Unique style if given : custom height and width, raw CSS code
+    $style = '';
+    $style_wrapper = '';
+    if ( !empty( $a['h'] ) || !empty( $a['w'] ) || !empty( $a['raw_css'] ) ) {
+      $style = "<style> ";
+      if ( !empty( $a['h'] ) ) { $style = $style . "#" . $id . " img { height: " . $a['h'] . ";} "; }
+      if ( !empty( $a['w'] ) ) { $style_wrapper = "style='width: ". $a['w'] . ";'"; }
+      $style = $style . $a['raw_css'];
+      $style = $style . " </style>";
+    }
+    // Open markup
+    $before = "<div class='pg-exhibition-wrapper $class' $style_wrapper><section class='pg-exhibition $class' id='$id' tabindex='$counter'>";
+    // Optional title
+    if ( !empty($a['title']) ) { $before = $before . "<header>" . $a['title'] . "</header>"; }
+    // Content
+    $inside = do_shortcode( strip_tags( $content ) );
+    // Navigation arrows
+    $nav = "<a class='gallery-prev' onclick='ScrollInc(-1,\"$id\")'><span>&#10094;</span></a>";
+    $nav .= "<a class='gallery-next' onclick='ScrollInc(+1,\"$id\")'><span>&#10095;</span></a>";
+    // Closing markup
+    $after = $nav."</section></div>";
+    // Script
+    $script = "
+    <script>
+    var matte = document.getElementById('$id');
+    document.addEventListener('DOMContentLoaded', function() {
+      setTimeout(ScrollInc(0, '$id'), 500);
+    }, false);
+    matte.addEventListener('wheel', function(event) { jumpScroll(event, '$id'); });
+    matte.addEventListener('keydown', function(event) {
+      if(event.key == 'ArrowLeft') ScrollInc(-1, '$id');
+      if(event.key == 'ArrowRight') ScrollInc(+1, '$id');
+    });
+    </script>";
+    return $style . $before . $inside . $after . $script;
+  }
+  add_shortcode( 'exhibition', 'pg_exhibition' );
+  /*
+  * Gallery with no caption
+  */
+  function pg_no_caption( $atts, $content ){
+    $before = "<div class='pg-no_caption'>";
+    $inside = do_shortcode( strip_tags( $content ) );
+    $after = "</div>";
+    return $before . $inside . $after;
+  }
+  add_shortcode( 'nocaption', 'pg_no_caption' );
+  /*
+  * Gallery where pictures are aligned along the bottom side
+  */
+  function pg_align_caption( $atts, $content ){
+    $before = "<div class='pg-align_caption'>";
+    $inside = do_shortcode( strip_tags( $content ) );
+    $after = "</div>";
+    return $before . $inside . $after;
+  }
+  add_shortcode( 'aligncaption', 'pg_align_caption' );
+  /*
+  * Dynamic gallery based on taxonomy
+  */
+  function pg_dynamic_gallery( $atts ){
+    // Extract the shortcode attributes
+    $a = shortcode_atts(
+      array(        // Plugin specific keys
+        'gallery' => '',
+        'model' => '',
+        'location' => '',
+        'exif' => '',
+        'author' => '',
+        'tag' => '',
+        // Standard WP Query keys
+        'orderby' => 'date',
+        'order' => 'ASC',
+        // Stardard WP gallery shortcode keys
+        'columns' => '',
+        'size' => '',
+        'link' => '',
+        'type' => '' // for compatibility with Jetpack tiled galleries
+      ),
+      $atts );
+      // Prepare the query
+      $args = array(
+        'post_type' => 'attachment',
+        'post_parent' => 'null',
+        'post_per_page' => -1,
+        'author_name' => $a['author'],
+        'tag' => $a['tag'],
+        'orderby' => $a['orderby'],
+        'order' => $a['order'],
+        'perm'        => 'readable',
+        'tax_query' => array('relation' => 'AND'),
+        'post_mime_type'    => array(
+          'image/jpeg',
+          'image/jpg',
+          'image/gif',
+          'image/png',
+          'image/bmp'
+        ),
+        'fields' => 'ids',
+      );
+      // Add the gallery
+      if ( !empty( $a['gallery'] ) ) {
+        $gal = array(
+          'taxonomy' => 'gallery',
+          'field'    => 'slug',
+          'terms'    => $a['gallery']
+        );
+        array_push( $args['tax_query'] , $gal);
+      }
+      // Add the model
+      if ( !empty( $a['model'] ) ) {
+        $mod = array(
+          'taxonomy' => 'model',
+          'field'    => 'slug',
+          'terms'    => $a['model']
+        );
+        array_push( $args['tax_query'] , $mod);
+      }
+      // Add the location
+      if ( !empty( $a['location'] ) ) {
+        $loc = array(
+          'taxonomy' => 'location',
+          'field'    => 'slug',
+          'terms'    => $a['location']
+        );
+        array_push( $args['tax_query'] , $loc);
+      }
+      // The query
+      $images = get_children( $args );
+      if ( empty($images) ) {
+        return __('No image found', 'photographers-galleries');
+      } else {
+        // Extract the relevant images IDS
+        $ids = implode ( ',', array_values( $images ) );
+        // Build the args array for WP gallery
+        $args = array(
+          'ids' => $ids,
+          'size' => $a['size'],
+          'columns' => $a['columns'],
+          'link' => $a['link'],
+          'type' => $a['type'] // for compatibility with Jetpack themes
+        );
+        // Print the standard WP gallery
+        return gallery_shortcode( $args );
+      }
+      // Restore original Post Data
+      wp_reset_postdata();
+    }
+    add_shortcode( 'dynamic_gallery', 'pg_dynamic_gallery' );

photographers-galleries/trunk/photographers-galleries.php

-                      r1405867
+                      r2506644
  * @license   GPL-2.0+
  * @link      https://wordpress.org/plugins/photographers-galleries/
  * @copyright 2016 Aurélien Pierre
+ * @copyright 2016-2021 Aurélien Pierre
+ *
  * @wordpress-plugin
 …
  * Plugin URI:  https://wordpress.org/plugins/photographers-galleries/
  * Description: Enhance your galleries with HTML5, metadata, dynamic galleries and add a lightweight carousel to display a sequence of pictures without distractions.
  * Version:     0.4.2
+ * Version:     1.0.0
  * Author:      Aurélien PIERRE
  * Author URI:  https://photo.aurelienpierre.com
 …
+}
-$VERSION = '0.4.2';
 /**
  * Register CSS
+ *
+ *
  * The styles are loaded with a priority of 20  :
  *  * to override the gallery styles of your theme, ensure your theme loads its own stylesheet with a greater priority (> 20),
 …
 */
+$PRIORITY = 20;
+add_action('wp_enqueue_scripts', 'register_pg_styles', 20 );
 function register_pg_styles() {
+        wp_register_style( 'pg-css', plugins_url( 'photographers-galleries/css/pg-style.css', $VERSION));
+        wp_enqueue_style( 'pg-css' );
+}
+add_action( 'wp_enqueue_scripts', 'register_pg_styles', $PRIORITY );
+  wp_register_style('pg-css', plugin_dir_url( __FILE__ ).'css/pg-style.min.css', array(), '1.0');
+  wp_register_script('pg-js', plugin_dir_url( __FILE__ ).'js/pg-script.min.js', array(), '1.0', true);
+}
+add_filter('the_content', 'enqueue_photographers_galleries', 100);
+function enqueue_photographers_galleries( $content )
+{
+  // Look for class="gallery" in post and load the CSS only if we have it
+  if(preg_match('/<(div|section).*class=([\'\"]).*gallery.*\1.*>/s', $content))
+  {
+    wp_enqueue_style('pg-css');
+    wp_enqueue_script('pg-js');
+  }
+  return $content;
+}
 /*
 …
 include 'admin/media-admin.php';
+function remove_post_custom_fields() {
+    remove_meta_box( 'attachment-compat' , 'attachment' , 'normal' );
+}
+add_action( 'admin_menu' , 'remove_post_custom_fields' );
+function add_media_categories($fields, $post) {
+    $categories = get_categories(array('taxonomy' => 'model', 'hide_empty' => 0));
+    $post_categories = wp_get_object_terms($post->ID, 'model', array('fields' => 'ids'));
+    $all_cats .= '<ul id="media-categories-list" style="width:500px;">';
+    foreach ($categories as $category) {
+        if (in_array($category->term_id, $post_categories)) {
+            $checked = ' checked="checked"';
+        } else {
+            $checked = '';
+        }
+        $option = '<li style="width:240px;float:left;"><input type="checkbox" value="'.$category->category_nicename.'" id="'.$post->ID.'-'.$category->category_nicename.'" name="'.$post->ID.'-'.$category->category_nicename.'"'.$checked.'> ';
+        $option .= '<label for="'.$post->ID.'-'.$category->category_nicename.'">'.$category->cat_name.'</label>';
+        $option .= '</li>';
+        $all_cats .= $option;
+    }
+    $all_cats .= '</ul>';
+    $categories = array('all_categories' => array (
+            'label' => __('Models'),
+            'input' => 'html',
+            'html' => $all_cats
+    ));
+    return array_merge($fields, $categories);
+}
+add_filter('attachment_fields_to_edit', 'add_media_categories', null, 2);
+function add_image_attachment_fields_to_save($post, $attachment) {
+    $categories = get_categories(array('taxonomy' => 'model', 'hide_empty' => 0));
+    $terms = array();
+    foreach($categories as $category) {
+        if (isset($_POST[$post['ID'].'-'.$category->category_nicename])) {
+            $terms[] = $_POST[$post['ID'].'-'.$category->category_nicename];
+        }
+    }
+    wp_set_object_terms( $post['ID'], $terms, 'model' );
+    return $post;
+}
+add_filter('attachment_fields_to_save', 'add_image_attachment_fields_to_save', null , 2);
+add_action( 'after_setup_theme', 'pg_custom_add_image_sizes' );
+function pg_custom_add_image_sizes() {
+  /*
+  https://www.w3counter.com/globalstats.php
+  repartition :
+     1366x768    10.09%
+     640x360     9.43%
+     1920x1080   7.32%
+     667x375     5.06%
+     896x414     4.44%
+     1024x768    4.00%
+     812x375     3.54%
+     780x360     3.26%
+     760x360     2.93%
+    1440x900    2.90%
+  */
+  add_image_size( 'portrait-7680', '7680', '0', false ); // 8K
+  add_image_size( 'portrait-4096', '4096', '0', false ); // 4K cinema
+  add_image_size( 'portrait-3840', '3840', '0', false ); // 4K
+  add_image_size( 'portrait-2560', '2560', '0', false ); // QHD / WQHD
+  add_image_size( 'portrait-2048', '2048', '0', false ); // 2K
+  add_image_size( 'portrait-1920', '1920', '0', false ); // Full HD
+  add_image_size( 'portrait-1680', '1680', '0', false ); // Desktop WSXGA+
+  add_image_size( 'portrait-1440', '1440', '0', false ); // Desktop WXGA+
+  add_image_size( 'portrait-1366', '1366', '0', false ); // HD-ish
+  add_image_size( 'portrait-1280', '1280', '0', false ); // WXGA - HD
+  add_image_size( 'portrait-1080', '1080', '0', false ); // Full HD height
+  add_image_size( 'portrait-960', '960', '0', false );   // DVGA - iPhone 4
+  add_image_size( 'portrait-800', '800', '0', false );   // WXGA - HD height
+  add_image_size( 'portrait-640', '640', '0', false );   // VGA - Standard definition
+  add_image_size( 'portrait-480', '480', '0', false );   // HVGA - Palm, iPhone 1
+  add_image_size( 'portrait-360', '360', '0', false );   // Old stuff
+  add_image_size( 'portrait-240', '240', '0', false );   // Very old stuff
+  // panoramic images
+  add_image_size( 'landscape-7680', '0', '7680', false ); // 8K
+  add_image_size( 'landscape-4096', '0', '4096', false ); // 4K cinema
+  add_image_size( 'landscape-3840', '0', '3840', false ); // 4K
+  add_image_size( 'landscape-2560', '0', '2560', false ); // QHD / WQHD
+  add_image_size( 'landscape-2048', '0', '2048', false ); // 2K
+  add_image_size( 'landscape-1920', '0', '1920', false ); // Full HD
+  add_image_size( 'landscape-1680', '0', '1680', false ); // Desktop WSXGA+
+  add_image_size( 'landscape-1440', '0', '1440', false ); // Desktop WXGA+
+  add_image_size( 'landscape-1366', '0', '1366', false ); // HD-ish
+  add_image_size( 'landscape-1280', '0', '1280', false ); // WXGA - HD
+  add_image_size( 'landscape-1080', '0', '1080', false ); // Full HD height
+  add_image_size( 'landscape-960', '0', '960', false );   // DVGA - iPhone 4
+  add_image_size( 'landscape-800', '0', '800', false );   // WXGA - HD height
+  add_image_size( 'landscape-640', '0', '640', false );   // VGA - Standard definition
+  add_image_size( 'landscape-480', '0', '480', false );   // HVGA - Palm, iPhone 1
+  add_image_size( 'landscape-360', '0', '360', false );   // Old stuff
+  add_image_size( 'landscape-240', '0', '240', false );   // Very old stuff
+}

photographers-galleries/trunk/readme.txt

-                      r1405167
+                      r2506644
 Tags: gallery, html5, carousel, pictures, responsive, jetpack, photo, taxonomy, exif
 Requires at least: 3.6
 Tested up to: 4.5
+Tested up to: 5.7
 Stable tag: trunk
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Enhance your galleries with HTML5 and add a lightweight CSS3 carousel to display a sequence of pictures without distractions.
+Enhance your galleries with HTML5 and add a lightweight CSS3 carousel to display a sequence of pictures without distraction.
 == Description ==
+*Most gallery plugins are made for pictures. This one is made for photographers by a photographer.*
+**Photographers** usualy need to show their pictures without adding distracting effects such as transitions, frames, shadows, autoplay etc. They are cool though, but visitors may want to look at the pics, not at the fanciness of the latest top-notch trendy slider plugin which might, by the way, slow down their mobile device.
+Native WordPress galleries are a bit too basic to achieve this but in the other hand, galleries plugins are often too heavy and overcomplicated. Photo websites are heavy enough because of the pictures, it's a good idea to keep them as light as possible.
+**Photographers galleries** helps photographers to organize their media library and to display dynamic galleries. It is built
+with the needs of professional photographers in mind, with the use paradigms you already find in Flickr or 500px.
+It shows nothing but the pictures, with a clean minimalist and responsive design that will fit flawless in most themes,
+trying to reproduce the user experience you could get at a museum exhibition or in a fashion magazine.
+To stay lightweight and compatible with every modern browser (mobile and desktop), it only takes advantage of native
+Wordpress 3.6+, HTML5, PHP and CSS3 capabilities. No additional javascript is required. The styling is consistent with Jetpack galleries.
+Most fancy gallery plugins will add their gallery manager on top of WordPress, which already has one… Then, they will crop images to fit within their fancy layout.
+Unfortunately, if you are an artist, the way you composed and framed your picture is no accident and should be honored by whatever display system you use.
+After all that, they will add an awful bloat of jQuery madness that will put a hole in your [Page Speed](https://developers.google.com/speed/pagespeed/insights/) score
+and kill your [loading time](https://tools.pingdom.com/). Finally, they will distract visitors from your content with all their fancy effects that make your CPU overheat for nothing.
+We need better.
+Photographers galleries extends native WordPress galleries with EXIF support and taxonomies, and uses native browser technologies (CSS and HTML), with only a bit of native Javascript to extend them (no additional lib, no jQuery dependency).
+This ensures fast loading, fast execution, and will take advantage of hardware-accelerated animations, which happen to be more energy-efficient.
+It also loads minified CSS and Javascript, only on the pages that actually make use of galleries. It's fast, minimalist, simple, robust, and good for your SEO (which is now a factor in [Google Page Rank](https://tools.pingdom.com/)).
+The look is inspired by art books and museums exhibitions, meant to allow a flawless and non-intrusive full-screen experience, so you can design your website as a webapp.
 [Demo](https://photo.aurelienpierre.com/photographers-galleries-demo/)
+= Quick features overview =
+* Lightweight and robust : no javascript, it uses browsers, CSS3, HTML5 and WordPress native features,
+= Quick features overview =
 * Ready to use with caching, minification and lazy loading plugins : WP Super Cache, W3 Total Cache, WP Rocket, etc.,
 * Compatible with Jetpack tiled galleries and every lightbox plugin, consistent with Jetpack tiled galleries styling,
 * Fully responsive (width and height),
+* The JS weighs only 4.7 kB, and the CSS 7 kB. JS is loaded in page footer and supports deferring.
 * Theme-agnostic design, classy minimalist look.
 = Attachements improvements =
+= Attachements improvements =
 **Photographers galleries** enhances the WordPress attachments from the media library by enabling regular posts properties on them :
 …
 * models (**who** is on the picture).
 These taxonomies are hierarchical, meaning that a "USA" parent location can have "Texas" and "Nevada" children locations which can have children themselves.
+These taxonomies are hierarchical, meaning that a "USA" parent location can have "Texas" and "Nevada" children locations which can have children themselves.
 Taxonomies and tags make the attachments queryable in archives, just like posts categories, so they allow you to display dynamic galleries either through custom
 …
 multiple galleries in one step, during its upload in a post editor or in the media library.
 To add taxonomies terms to your pictures during their upload in posts editor, use the plugin [Media Library Assistant](https://wordpress.org/plugins/media-library-assistant/).
+To add taxonomies terms to your pictures during their upload in posts editor, use the plugin [Media Library Assistant](https://wordpress.org/plugins/media-library-assistant/).
 It will help you to bulk edit your media library too. See [Other notes](https://wordpress.org/plugins/photographers-galleries/other_notes/) to find how to set MLA.
 = Galleries improvements =
+**Photographers galleries** enable the WordPress built-in HTML5 support for pictures and galleries to produce `<figure>` and `<figcaption>` tags to increase
+the SEO and get rid of WordPress default gallery layout (which width is set by the global variable `$content_width`) and adds a fully responsive
+stylesheet to fit the galleries along the borders of the container.
+**Photographers galleries** enable the WordPress built-in HTML5 support for pictures and galleries to produce `<figure>` and `<figcaption>` tags to increase
+the SEO and get rid of WordPress default gallery layout (which width is set by the global variable `$content_width`). They add a fully responsive
+stylesheet to fit the galleries along the borders of the container.
+It also adds more thumbnails sizes for the responsive `srcset` HTML attribute of images, allowing browsers to load exactly the right image size for the current viewport size.
+These sizes go all the way from 240×360px to 4096×2160px, so don't be afraid to upload high-resolution images, your visitors will only see the image size relevant for their screen size and pixel density.
 No particular operation is required, just use your regular WordPress gallery builder inside the post editor.
 …
 = Extra layouts & shortcodes wrappers for WordPress galleries =
 **Photographers galleries** uses only regular WordPress galleries, called by the `[gallery]` shortcode, and does not rewrite them.
+**Photographers galleries** uses only regular WordPress galleries, called by the `[gallery]` shortcode, and does not rewrite them.
 This is intended to ensure maximum compatibility with other plugins (lightboxes, etc.) as well at with future WordPress versions. The extra gallery layouts are
 provided by extra shortcodes to wrap around the WordPress galleries.
+**Note : this makes use of the classic editor gallery, not the Gutenberg block. For what Photographers galleries does, the Gutenberg gallery block adds no benefit over the classic gallery.**
 Extra gallery layouts :
 …
 = Carousel =
+**Photographers galleries** has a fixed-height carousel which takes by default 100 % of the container width and 92 % of the viewport height
+(99 % if captions are not displayed). It uses the native scollbars of the browser to ensure compatibility with every device, mobile or desktop.
+The pictures are fitted to the same height so the layout is flawless and continuous, perfect to display a serie
+**Photographers galleries** has a fixed-height carousel which takes by default 100 % of the container width and 92 % of the viewport height
+(99 % if captions are not displayed). It uses the native browser scrolling, supporting horizontal scrolling (touchpad and mouse wheel),
+swiping gestures (touch screens), click/tap on the next/previous buttons, as well as keyboard arrow keys (left and right).
+The pictures are fitted to the same height so the layout is flawless and continuous, perfect to display a serie
 or a portfolio. Every carousel instance on a same page can have its own style. This carousel was inspired by [Format](https://format.com/themes#horizon).
 See [Installation](https://wordpress.org/plugins/photographers-galleries/installation/) tab for use details.
+= Exhibitions =
+Exhibitions are a new mode of the 1.0 that enables a full-width and full-height experience with a framing look reproducing museum framings.
+They come in-place of usual lightboxes and gives your pictures maximal impact with minimal clutter, assuming you will use them in a full-width theme template.
+They support keyboard arrow keys interactions, as well as horizontal scrolling and click/tap on the buttons.
 = Media library improvements =
 …
 * time and date of the capture,
 * camera,
 * focal length,
+* camera,
+* focal length,
 * ISO,
 * aperture,
 …
 * author credit.
+= Upcoming features =
+We are in dev phase so kep in touch. If you are a dev, you are welcome to contribute !
+. A theme template part for attachments taxonomies archives,
+. A bulk edit option to add multiple images in batch to attachments taxonomies (thus galleries),
+. A hook to add taxonomies directly in the post editor (while uploading them) without Media Library Assistant (overkill) plugin,
+. Workarounds with Exifography plugin to build dynamic galleries based on Exif metadata (shot date, ISO, aperture, camera, GPS, etc.).
+= Coding philosophy =
+**1. Never overwrite WordPress core functions** : that's nasty and garanteed to break other plugins now or in the future.
+Moreover, as soon as these WP functions will be rewritten, our code would be obsolete. You would be suprised to know how many
+plugins overwrite the native `[gallery]` shortcode, for example. That's bad.
+All we do is building around WP core with wrappers, passing to them the right inputs and getting the right outputs.
+**2. Separating the form and the content** : that means that you will always be able to use your own style over PG's one while
+using it without nasty tricks (usefull for theme developpers). We will use filters as much as possible so themes developpers
+could modify them on the fly.
+**3. Never have a settings page*** : we will always add options on standard WP admin pages so you should never have to mess up
+with complex settings. The paradigm choosen is very similar to the 500 px or Flickr one, keeping in mind the professional photographer needs.
+So let's stuck to something you already know : WP default interface.
+**4. Build on top of WordPress** : my secret wish is to get this functions natively into WordPress core so we will keep it
+modular.
+**5. Every part of the code is commented with docstrings** : because I code for others.
+== Caveats ==
+Using native WordPress galleries, Photographers Galleries need to overwrite theme styling, which might still compete with it.
+Some CSS tuning might be necessary
 == Installation ==
 . Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly.
 . Activate the plugin through the 'Plugins' screen in WordPress
+. Activate the plugin through the 'Plugins' screen in WordPress.
 The plugin has no configuration page.
 …
 = Dynamic gallery =
 This shortcode fetches all the pictures from a taxonomy (galleries, models, locations, tags) to build a dynamic gallery
+This shortcode fetches all the pictures from a taxonomy (galleries, models, locations, tags) to build a dynamic gallery
 (which will be updated as soon as you add a picture to the corresponding taxonomy). All the display is processed by the regular
 WordPress shortcode, we just give it the pictures to show (meaning that your default styles, Jetpack, lightboxes etc. will work).
 …
 **Arguments** :
 * DISPLAY ARGUMENTS *optionnal*
+* DISPLAY ARGUMENTS *optional*
     * Standard WordPress gallery arguments (See [the WP Codex](http://codex.wordpress.org/Gallery_Shortcode)):
         * `columns`
 …
     * Jetpack argument (See [the Jetpack Support](https://en.support.wordpress.com/gallery/#adding-a-gallery-or-slideshow)) :
         * `type`
 * CONTENT ARGUMENTS
+* CONTENT ARGUMENTS
     * Photographers galleries arguments : *they are all optional but you have to set at least one of them*
         * `gallery` : the term (slug) of the gallery whose pictures you want to show
 …
         * `exif` : not yet implemented
     * Standard WordPress query arguments (See [the WP Codex](https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters)) :
         * `order` : *default : ASC*
+        * `order` : *default : ASC*
         * `orderby` : *default : date*
         * For these two arguments, you can directly pass any of the allowed values described in the `WP_Query` documentation.
 Note that if you give more than one condition, the conditions are added with `AND`. There is no way to exlude pictures for now.
 = Galleries aligned by their caption =
 By default, pictures of different heights are aligned along their top border. To align them along their bottom border
 (meaning to have all the captions on the same line), use the `[aligncaption]` shortcode like this : `[aligncaption][gallery ids=""][/aligncaption]`.
 Please be aware that other galleries types may be more suitable if you have different heights on the same gallery (e.g. tiled or masonry galleries),
+By default, pictures of different heights are aligned along their top border. To align them along their bottom border
+(meaning to have all the captions on the same line), use the `[aligncaption]` shortcode like this : `[aligncaption][gallery ids=""][/aligncaption]`.
+Please be aware that other galleries types may be more suitable if you have different heights on the same gallery (e.g. tiled or masonry galleries),
 this is just a quick hook to improve captions readability.
 …
 = Carousel =
 Just put your regular gallery shortcode in `[carousel]` shortcode like this : `[carousel][gallery ids=""][/carousel]`
+Just put your regular gallery shortcode in `[carousel]` shortcode like this : `[carousel][gallery ids="" size="full"][/carousel]`
 Ensure your picture resolution is high enough to fit modern screens without stretching (2048 px on the large side is recommended).
 …
     * `center`
 * `raw_css` = raw CSS code — default : `none`
     * provide an easy way to quickly add custom CSS to a container
     * if you want to style only one specific carousel, use the id `pg-carousel-X` where `X` is the order of your carousel on your page (from 1)
+    * provide an easy way to quickly add custom CSS to a container
+    * if you want to style only one specific carousel, use the id `pg-carousel-X` where `X` is the order of your carousel on your page (from 1)
 Please notice that the height argument sets the actual image height, not the whole carousel height, so don't forget to leave some room for the captions (0.9em + 2ex) and the scrolling bar (around 20px).
 …
 Each carousel on the page gets its own ID and settings, meaning that you can use several carousels on the same page with various settings.
+= Exhibitions =
+They work very similarly to carousels : `[exhibition][gallery ids="" size="full"][/exhibition]`.
+**Arguments** :
+All the same as carousels, plus a `look` argument to choose the styling :
+* `modern` : similar to an alu-dibond mounting,
+* `classic` : similar to a classical framing with a passe-partout,
+* `box`, `box-dark`, `box-bright` : similar to a shadow box (called American box in Europe), in 3 shades,
+* `plain` : no styling at all,
+* `custom`, etc : you can create your own CSS looks by setting `look="your-name"` in the shortcode, and style the CSS selector `.pg-exhibition-wrapper .look-your-name`.
 == Other notes ==
 = Configuring Media Library Assistant for PG =
+= Configuring Media Library Assistant for PG =
 . Go to "General tab"
 …
 == Changelog ==
+= 1.0 =
+* Fix Safari issues with picture height in carousels
+* Add keyboard, touch swipe and horizontal scroll support in carousels
+* Add exhibition mode
+* Add thumbnail sizes for common screen resolutions, to fit in `scrset` of responsive images
 = 0.4 =
 …
 Minor default style tweaks
 = 0.3 =
+= 0.3 =
 Add custom taxonomies, tags, comments and categories to attachments
 …
 = 0.1 =
 Initial version

Note: See TracChangeset for help on using the changeset viewer.

Trac UI Preferences

Plugin Directory

Context Navigation

Changeset 2506644

Legend:

photographers-galleries/trunk/css/pg-style.css

photographers-galleries/trunk/includes/shortcodes.php

photographers-galleries/trunk/photographers-galleries.php

photographers-galleries/trunk/readme.txt

Download in other formats: