shrimp2t

<p>See demo: http://shrimp2t.com/gallery-one/</p>
<p><iframe loading="lazy" title="gallery one" width="750" height="563" src="https://www.youtube.com/embed/MpicnbcGsUo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></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.

andreyk

<p>Use this plugin instead of tiresome saving images from the internet and uploading them to your blog. You learn the value of this grabber e.g. when you need to move your old non-WordPress site with many pictures to the WordPress-based.<br />
The plugin recognizes images by the presence (jpg|jpeg|gif|png) in URLs.</p>
<p>If you like this plugin please vote for it.</p>
<p>Please feel free to contact me with your questions or suggestions.</p>


Remote Images Grabber

Fetches images from an URL or a piece of html-code, saves them directly into your blog media directory, and attaches to the appointed post.

Gallery One vs Remote Images Grabber