Daniel Floeter

<p>Adds styles, image filters and sorting by images for the WordPress core/gallery.</p>
<h4>Features</h4>
<ul>
<li>Animated, inside lines style</li>
<li>Cross hover style</li>
<li>Disable captions</li>
<li>Foreground-, background and text colorpicker</li>
<li>Filter duotone, multiply, luminosity</li>
<li>Font-size, font blend-mode</li>
<li>Sort by: As uploaded, Media Id, Title, Filename, Exif created, WordPress date, WordPress modified</li>
</ul>
<h4>Demo</h4>
<p>Please check out our demos: <a href="https://demo.tiptoppress.com/gallery-styles/" rel="nofollow ugc">demo.tiptoppress.com/gallery-styles/</a></p>
<h4>Tip Top Press</h4>
<p>We’re <a href="http://tiptoppress.com/" rel="nofollow ugc">Tip Top Press</a> and create Gutenberg Blocks for WordPress. If you want to know about what we’re working on and you are interested in backgrounds then you can read all newes storys on our <a href="http://tiptoppress.com/blog/?utm_source=wp.org&utm_medium=readme.txt&utm_campaign=category+archives+block" rel="nofollow ugc">blog</a>.</p>
<h4>Contribute</h4>
<p>While using this plugin if you find any bug or any conflict, please submit an issue at <a href="https://github.com/DanielFloeter/gallery-styles" rel="nofollow ugc">Github</a> (If possible with a pull request).</p>


Gallery Styles

Additional Styles for the WordPress core/gallery.

Katsushi Kawamori

<p>Get detailed Exif information about the media file.</p>
<h4>Data Selection</h4>
<ul>
<li>FILE</li>
<li>EXIF</li>
<li>GPS</li>
</ul>
<h4>Sibling plugin</h4>
<ul>
<li>Can use the tags generated by this plugin in the following plugin.</li>
<li><a href="https://wordpress.org/plugins/exif-caption/" rel="ugc">Exif Caption</a>.</li>
</ul>
<h4>Special Thanks! Test data provider</h4>
<ul>
<li><a href="https://profiles.wordpress.org/sysbird/" rel="nofollow ugc">sysbird</a></li>
</ul>
<h4>Sample using snippet 1 & 3</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/QofOiCf-BPc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Sample of how to use the filter hook and action hook</h4>
<ul>
<li>Sample snippet 1</li>
</ul>
<pre><code>/**  ==================================================
 * Sample snippet 1
 *
 * The original filter hook('exif_details_data'),
 * which changes the display when retrieving an Exif and storing it in metadata.
 * The following changes the display of the shooting date and time.
 *
 * @param array $exifdatas  exifdatas.
 * @param int   $id  id.
 */
function exif_details_change( $exifdatas, $id ) {
    if ( array_key_exists( 'DateTimeOriginal', $exifdatas ) ) {
        $shooting_date = str_replace( ':', '-', substr( $exifdatas['DateTimeOriginal'], 0, 10 ) );
        $shooting_time = substr( $exifdatas['DateTimeOriginal'], 10 );
        $exifdatas['DateTimeOriginal'] = $shooting_date . $shooting_time;
    }
    return $exifdatas;
}
add_filter( 'exif_details_data', 'exif_details_change', 10, 2 );
</code></pre>
<ul>
<li>Sample snippet 2</li>
</ul>
<pre><code>/**  ==================================================
 * Sample snippet 2
 *
 * Retrieve the post metadata and add the date and time of the shooting to the title of the media page.
 * Execute the original action hook('exif_details_update') in the function.
 *
 * @param array $title  title.
 * @param int   $id  id.
 */
function media_title( $title, $id ) {
    $datetime = null;
    if ( is_attachment() ) {
        do_action( 'exif_details_update', $id );
        $exifdatas = get_post_meta( $id, '_exif_details', true );
        if ( ! empty( $exifdatas ) && array_key_exists( 'DateTimeOriginal', $exifdatas ) ) {
            $datetime = ' Date:' . $exifdatas['DateTimeOriginal'];
        }
    }
    return $title . $datetime;
}
add_filter( 'the_title', 'media_title', 10, 2 );
</code></pre>
<ul>
<li>Sample snippet 3</li>
</ul>
<pre><code>/**  ==================================================
 * Sample snippet 3
 *
 * When adding new media, insert the processed data into the caption.
 * Use the original action hook ('exif_details_update') with function.
 *
 * @param array $metadata  metadata.
 * @param int   $id  id.
 */
function media_caption( $metadata, $id ) {
    $mime_type = get_post_mime_type( $id );
    if ( in_array( $mime_type, array( 'image/jpeg', 'image/tiff' ) ) ) {
        do_action( 'exif_details_update', $id );
        $exifdatas = get_post_meta( $id, '_exif_details', true );
        if ( ! empty( $exifdatas ) ) {
            $camera = null;
            $f_number = null;
            $s_speed = null;
            $iso = null;
            $date = null;
            $googlemap = null;
            if ( array_key_exists( 'Model', $exifdatas ) ) {
                $camera = 'Camera:' . $exifdatas['Model'];
            }
            if ( array_key_exists( 'ApertureFNumber', $exifdatas ) ) {
                $f_number = 'F-number:' . $exifdatas['ApertureFNumber'];
            }
            if ( array_key_exists( 'ExposureTime', $exifdatas ) ) {
                $s_speed = 'Shutter speed:' . $exifdatas['ExposureTime'];
            }
            if ( array_key_exists( 'ISOSpeedRatings', $exifdatas ) ) {
                $isodata = json_decode( $exifdatas['ISOSpeedRatings'] );
                if ( is_array( $isodata ) ) {
                    $iso = 'ISO:' . $isodata[0];
                } else {
                    $iso = 'ISO:' . $isodata;
                }
            }
            if ( array_key_exists( 'DateTimeOriginal', $exifdatas ) ) {
                $date = 'Date:' . $exifdatas['DateTimeOriginal'];
            }
            if ( array_key_exists( 'latitude_dd', $exifdatas ) && array_key_exists( 'longtitude_dd', $exifdatas ) ) {
                $googlemap = '<a href="https://www.google.com/maps?q=' . $exifdatas['latitude_dd'] . ',' . $exifdatas['longtitude_dd'] . '">Google Map</a>';
            }
            $caption = sprintf( '%1$s %2$s %3$s %4$s %5$s %6$s', $camera, $f_number, $s_speed, $iso, $date, $googlemap );
            $caption = rtrim( $caption );
            $caption = preg_replace( '/\s(?=\s)/', '', $caption );
            $media_post = array(
                'ID'           => $id,
                'post_excerpt' => $caption,
            );
            wp_update_post( $media_post );
        }
    }
    return $metadata;
}
add_filter( 'wp_generate_attachment_metadata', 'media_caption', 10, 2 );
</code></pre>


Exif Details

Get detailed Exif information about the media file.

Gallery Styles vs Exif Details