shrimp2t

<p>See demo: http://shrimp2t.com/gallery-one/</p>
<p><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/MpicnbcGsUo?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></p>
<h4>Features</h4>
<ul>
<li>Fully responsive, Touch enabled</li>
<li><strong>Unlimited albums</strong></li>
<li><strong>Unlimited images</strong></li>
<li>Carousel</li>
<li>Gird</li>
<li>Justified</li>
<li>Masonry</li>
<li>Slideshow</li>
<li>Blog style (comming soon )</li>
<li>JustifiedGallery Light box</li>
<li>Load Facebook album images</li>
<li>Load Flickr album images</li>
<li>Add image from url</li>
<li>Shortcode creator</li>
</ul>
<h4>Load Facebook Album</h4>
<p>Just paste your album url, example:</p>
<pre><code>https://www.facebook.com/BillGates/photos/?tab=album&album_id=10153110017351961
</code></pre>
<p>Note: Your album status must be public to load.</p>
<h4>Load Flickr Album</h4>
<p>Just paste your album url, example:</p>
<pre><code>https://www.flickr.com/photos/gianstefanofontana/albums/72157649693279051
</code></pre>
<p>Note: Your album status must be public to load.</p>
<h4>Adding your own view in your theme</h4>
<ul>
<li>Create a folder <code>gallery-one</code> on your theme.</li>
<li>Inside folder which created add a file and name <code>view.php</code></li>
<li>[Optional] Inside folder which created add a file and name <code>config.php</code></li>
</ul>
<p>Example file <code>view.php</code>:</p>
<pre><code><div class="my-view">
<?php
 var_dump( $this->settings ); /* You config data in file config.php
 var_dump( $this->media->get_data() ); // Gallery items data
 ?>
</div>
</code></pre>
<p>Example file <code>config.php</code>:</p>
<pre><code>$config = array(
    'name' => __( 'Justified', 'gallery-one' ), // view name
    'js' => 'js/js.js',
    'css' => 'css/css.css',
    'view_settings' => array(
        array(
            'id' => 'margins',
            'default' => '10',
            'label' => __( 'Margins', 'gallery-one' ),
            'type' => 'text'
        ),
        array(
            'id'        => 'lightbox',
            'default'   => '1',
            'label'     => __( 'Lightbox', 'gallery-one' ),
            'type'      => 'checkbox'
        ),

    ),
);
</code></pre>
<h4>Adding your own view in your plugin</h4>
<ul>
<li>Create new folder in your plugin, example: <code>my-cool-views</code>.</li>
<li>Add add new view folder example: <code>my-cool-views/full-screen</code>.</li>
<li>Add <code>view.php</code> file for you view <code>my-cool-views/full-screen/view.php</code>.</li>
<li>[Optional] Add <code>config.php</code> file for you view <code>my-cool-views/full-screen/config.php</code>.</li>
<li>
<p>Add your your views folder to view loader:</p>
<p>add_filter( ‘gallery_one_get_template_folders’, ‘my_cool_views_path’);</p>
<p>function my_cool_views_path( $view_paths ){<br />
    $view_paths[‘my_cool_view’] = PATH_TO_MY_PLUGIN.’/my-cool-views’;<br />
    return $view_paths;<br />
 }</p>
</li>
</ul>
<h4>Config Parameters</h4>
<p>name: (string) Name of your view.</p>
<p>css: (string/array) CSS files will enqueue when this view load.</p>
<p>js: (string/array) JS files will enqueue when this view load.</p>
<p>view_settings: (array) list field settings for your view.</p>
<p><strong>view_settings</strong> Parameters:</p>
<ul>
<li>id: Id of setting field.</li>
<li>label: Label of setting files.</li>
<li>default: Default value.</li>
<li>type: Field type: text|select|checkbox|textarea.</li>
<li>option: For field type select (array).</li>
<li>desc: Field description.</li>
</ul>


Gallery One

A cool responsive gallery plugin with beautifully views.

Mario Peshev

DevriX

<p>This plugin allows you to easily create an image gallery on any post, page or custom post type.<br />
Images are can be added and previewed from the metabox. Images can be re-ordered by drag and drop.</p>
<p>About:</p>
<p>There comes a time when you need more flexibility than the standard WP gallery offers, That’s when this plugin steps in.<br />
This plugin’s goal is to make it easy to create a gallery and place it wherever you need.<br />
A perfect example would be to create a product gallery for an ecommerce website and then<br />
have the flexibility to position it where you wanted to match your theme’s design.</p>
<p>Features:</p>
<ol>
<li>Added the possibility to add two or more different galleries on one page</li>
<li>Drag and drop re-ordering</li>
<li>Add gallery to any post, page or custom post type</li>
<li>If more than one image is added to the gallery, the images become grouped in the lightbox so you can easily view the next one</li>
<li>CSS and JS are only loaded on pages where needed</li>
<li>Images link to larger versions (can be turned off)</li>
<li>Fully Localized (translation ready) with .mo and .po files</li>
<li>Add multiple images to the gallery at once</li>
<li>Uses the thumbnail size specified in Settings -> Media</li>
<li>Custom webfont icon for hover effect</li>
</ol>
<h4>Whats’ New</h4>
<ol>
<li>Added Gutenberg Support</li>
<li>Added New Gallery – Luminous</li>
</ol>
<h4>Usage</h4>
<p>Use the shortcode or the function to show the gallery.</p>
<h4>Shortcode Usage</h4>
<p>Use the following shortcode anywhere in the content area to display the gallery</p>
<pre><code>[easy_image_gallery gallery="XXX"]
</code></pre>
<p>Where “XXX” is the ID of the gallery item.</p>
<h4>Template Tag Usage</h4>
<p>The following template tag is available to display the gallery</p>
<pre><code>if( function_exists( 'easy_image_gallery' ) ) {
    echo easy_image_gallery( "XXX" );
}
</code></pre>
<p>Where “XXX” is the ID of the gallery item.</p>
<p>If you use the template tag above, you will need to remove the default content filter:</p>
<h4>Developer Friendly</h4>
<ol>
<li>Modify the gallery HTML using filters</li>
<li>Developed with WP Coding Standards</li>
<li>Easily add your preferred lightbox script via hooks and filters</li>
<li>Easily unhook CSS and add your own styling</li>
<li>Pass in a different image size for the thumbnails via filter</li>
<li>Minimalistic markup and styling</li>
</ol>
<p><strong>Stay up to date</strong></p>
<p><em>Become a fan on Facebook</em><br />
<a href="https://www.facebook.com/DevriXLtd" title="Facebook Devrix" rel="nofollow ugc">https://www.facebook.com/DevriXLtd</a></p>
<p><em>Follow us on Twitter</em><br />
<a href="https://twitter.com/wpdevrix" rel="nofollow ugc">https://twitter.com/wpdevrix</a></p>


Easy Image Gallery

Easily create an image gallery on your posts, pages or any custom post type

Gallery One vs Easy Image Gallery