Michael Cannon

saurabhd

Subharanjan

Flickr Shortcode Importer imports [flickr], [flickrset], [flickr-gallery] shortcode and Flickr-sourced A/IMG tagged media into the Media Library. Furthermore, it transforms the post content [flickr] shortcodes into links containing the Media Library based image of the proper size and alignment.
Import can be run directly from edit page and post screens.
The first [flickr] image found in post content is set as the post’s Featured Image and removed from the post content. The remaining [flickr] shortcodes are then transformed as image links to their attachment page.
[flickrset] and [flickr-gallery] shortcodes are converted to [ gallery] after the Flickr set images have been added to the Media Library. If ‘Set Featured Image’ is checked in Options, then the first image of the [flickrset] is used as such.
Flickr-sourced A/IMG tagged media is converted into [flickr] and then imported as normal. Great for finally bringing into your control all of those media items you’ve been using, but now Flickr is giving you ‘Image is unavailable’ for. A/IMG tag is processed before IMG to prevent unexpected results.
Image attribution links can be added if enabled via Settings.
This plugin is handy for transitioning from plugin <code>wordpress-flickr-manager</code> and <code>flickr-gallery</code> to your own Media Library because you have CDN services or want to move off of third party software.
There is no restore functionality. Backup beforehand or be prepared to revert every transformed post by hand via the post revision tool.
<h4>Primary Features</h4>
<ul>
<li>API</li>
<li>Automatically adds media ids to newly inserted gallery shortcodes</li>
<li>Flickr-sourced A/IMG tagged media imported into WordPress</li>
<li>Media of [flick] shortcodes are imported and converted to locally hosted A/IMG</li>
<li>Media of [flickrset] and [flickr-gallery] shortcodes are imported and converted to [ gallery]</li>
<li>Settings export/import</li>
<li>Settings screen</li>
</ul>
<h4>Handled shortcode & media samples</h4>
<ul>
<li>[flickr size=”small” float=”left”]http://www.flickr.com/photos/dancoulter/2619594365/[/flickr] (image)</li>
<li>[flickr height=”300″ width=”400″]http://www.flickr.com/photos/dancoulter/2422361554/[/flickr] (video)</li>
<li>[flickr id=”5348222727″ thumbnail=”small” overlay=”false” size=”large” group=”” align=”none”]</li>
<li>[flickrset id=”72157631107721746″ thumbnail=”small” photos=”” overlay=”true” size=”large”]</li>
<li>[flickr-gallery mode=”photoset” photoset=”72157626302265777″]</li>
<li>[flickr-gallery mode=”tag” tags=”foo,bar” tag_mode=”all”]</li>
<li>[flickr-gallery mode=”interesting”]</li>
<li>[flickr-gallery mode=”recent”]</li>
<li>[flickr-gallery mode=”search” tags=”barcamp” group_id=”431412@N25″]</li>
<li><code><a class="tt-flickr tt-flickr-Medium" title="Khan Sao Road, Bangkok, Thailand" href="http://www.flickr.com/photos/comprock/4334303694/" target="_blank"><img class="alignnone" src="http://farm3.static.flickr.com/2768/4334303694_37785d0f0d.jpg" alt="Khan Sao Road, Bangkok, Thailand" width="500" height="375" /></a></code></li>
<li><code><img class="alignnone" src="http://farm3.static.flickr.com/2768/4334303694_37785d0f0d.jpg" alt="Khan Sao Road, Bangkok, Thailand" width="500" height="375" /></code></li>
</ul>
<h4>Settings Options</h4>
Import Settings
<ul>
<li>Skip Importing Videos – Importing videos from Flickr often fails. Shortcode is still converted to object/embed linking to Flickr.</li>
<li>Import Flickr-sourced A/IMG tags – Converts Flickr-sourced A/IMG tags to [flickr] and then proceeds with import.</li>
<li>Set Featured Image – Set the first [flickr] or [flickrset] image found as the Featured Image. Will not replace the current Featured Image of a post.</li>
<li>Force Set Featured Image – Set the Featured Image even if one already exists for a post.</li>
<li>Remove First Flickr Shortcode – Removes the first [flickr] from post content. If you use Featured Images as header or lead images, then this might prevent duplicate images in your post.</li>
<li>Make Nice Image Title? – Try to make a nice title if none is set. For Flickr set images, Flickr set title plus a numeric suffix is applied.</li>
<li>Replace Filename with Image Title? – Mainly for SEO purposes. This setting replaces the imported media filename with the media’s title. For non-images, this is always done.</li>
<li>Image Import Size – Size of image to import into media library from Flickr. If requested size doesn’t exist, then original is imported because it’s the closest to the requested import size.</li>
<li>Default Image Alignment – Default alignment of image displayed in post when no alignment is found.</li>
<li>Default Image Size – Default size of image displayed in post when no size is found.</li>
<li>Default A Tag Class – Inserts a class into links around imported images. Useful for lightbox’ing.</li>
<li>Link Image to Attachment Page? – If set, post single view images are linked to attachment pages. Otherwise the image links to its source file.</li>
<li>Image Wrap Class – If set, a span tag is wrapped around the image with the given class. Also wraps attribution if enabled. e.g. Providing <code>flickr-image</code> results in <code>&lt;span class="flickr-image"&gt;|&lt;/span&gt;</code></li>
<li>Set Captions – Uses media title as the caption.</li>
<li>Set Descriptions – Include Flickr descriptions in media information.</li>
<li>Include Flickr Author Attribution? – Appends Flickr username, linked back to Flickr image to the imported Flickr image.</li>
<li>Flickr Author Attribution Text</li>
<li>Flickr Author Attribution Wrap Class – If set, a span tag is wrapped around the attribution with the given class. e.g. Providing <code>flickr-attribution</code> results in <code>&lt;span class="flickr-attribution"&gt;|&lt;/span&gt;</code></li>
<li>Add Flickr Link in Description? – Like <code>Include Flickr Author Attribution</code> but appends the image description.</li>
<li>Flickr Link Text</li>
<li>Add Image License to Description? – Append image license and link to image description.</li>
<li>Flickr Image License Text</li>
</ul>
Posts Selection
<ul>
<li>Posts to Import – A CSV list of post ids to import, like ‘1,2,3’.</li>
<li>Skip Importing Posts – A CSV list of post ids not to import, like ‘1,2,3’.</li>
</ul>
Testing Options
<ul>
<li>Import Limit – Useful for testing import on a limited amount of posts. 0 or blank means unlimited.</li>
<li>Debug Mode – Bypass Ajax controller to handle posts_to_import directly for testing purposes.</li>
</ul>
Post Options
<ul>
<li>Post [flickr] Import Widget? – Minimum role to enable for [flickr] Import wi 
dget on posts and page edit screens.</li>
<li>Enable for Pages</li>
<li>Enable for Posts</li>
<li>Enable for Media</li>
<li>Enable for custom post types – if any</li>
</ul>
Flickr API
<ul>
<li>Flickr API Key – <a href="http://www.flickr.com/services/api/" rel="nofollow ugc">Flickr API Documentation</a></li>
<li>Flickr API Secret</li>
<li>Flickr User ID – For Flickr Gallery plugin. Example: 90901451@N00</li>
<li>Images Per Page – For Flickr Gallery plugin.</li>
</ul>
Reset
<ul>
<li>Reimport Flickr Source Images – Needed when changing the Flickr image import size from prior imports.</li>
<li>Export Settings – These are your current settings in a serialized format. Copy the contents to make a backup of your settings.</li>
<li>Import Settings – Paste new serialized settings here to overwrite your current configuration.</li>
<li>Remove Plugin Data on Deletion? – Delete all Flickr Shortcode Importer data and options from database on plugin deletion</li>
<li>Reset to Defaults? – Check this box to reset options to their defaults</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Backup your database before importing. You can use revision to revert individual posts, but doing so in mass is a major PITA.</li>
<li>During my own imports, a post with one [flickr] entry could take a minute. Then posts with many [flickr] entries, several Flickr-source’d A/IMG tags and [flickset] with 30 or so photos took over 10-minutes to import.</li>
<li>During import, it might look like nothing is happening. The progress bar only moves after each import succeeds or fails.</li>
<li>I recommend setting the limit in options to 1 and then testing your installation. That sure makes for easier recovery in case something goes wrong. If something doesn’t work, report it, https://wordpress.org/extend/plugins/flickr-shortcode-importer/.</li>
<li>It’s strongly recommended to deactivate plugins like WordSocial, WP Smush.it and similar to prevent extended import times. You can always enable them and run them enmasse later.</li>
<li>Make sure you have enough disk space. Figure on about 1 GB per 1,000 photos given your using Scissors-continued and have a maximum image size of 1280 x 1024. If your images can be larger, then you’ll probably need 1 GB per 250 photos imported.</li>
<li>Using your own Flickr API Key might be necessary. Test a single import and see the results before setting your own.</li>
</ul>
<h3>API</h3>
<ul>
<li>Read the <a href="https://github.com/michael-cannon/flickr-shortcode-importer/blob/master/API.md" rel="nofollow ugc">Flickr Shortcode Importer API</a>.</li>
</ul>
<h3>Localization</h3>
You can translate this plugin into your own language if it’s not done so already. The localization file <code>flickr-shortcode-importer.pot</code> can be found in the <code>languages</code> folder of this plugin. After translation, please <a href="https://axelerant.com/contact-axelerant/" rel="nofollow ugc">send the localized file</a> for plugin inclusion.
<a href="https://nodedesk.zendesk.com/hc/en-us/articles/202294892" rel="nofollow ugc">How do I localize?</a>
<h3>Thank You</h3>
<ul>
<li>Thank you for tobylewis for his file_get_contents_curl and custom post types contributions.</li>
<li>A big thank you to Željko Aščić of http://www.touristplayground.com/ for feedback and ideas.</li>
<li>Initial code is modeled after Viper007Bond’s class based Regenerate Thumbnails plugin. The AJAX status and single auto-submission operations were a big help.</li>
<li>[flickr] shortcode handling code copied from Trent Gardner’s very fine Flickr Manager plugin.</li>
<li>Hat’s off to Alison Barret for her Settings API tutorials and class My_Theme_Options.</li>
</ul>
Current development by <a href="https://axelerant.com/about-axelerant/" rel="nofollow ugc">Axelerant</a>.

Flickr Shortcode Importer

Flickr Shortcode Importer imports [flickr], [flickrset], [flickr-gallery] shortcodes and Flickr-sourced media into the Media Library.

A WP Life

Alexander

Sharik Khan

Pathhan

fkfaisalkhan007

mohammadhanif

FARAZFRANK

zish

If you want to show your artwork or Instagram & Flickr Feed with a great looking animated gallery or you want to display your photo feeds from social platforms like Instagram and Flickr then Animated live wall is a perfect solution for you. It can show your Album of feed on any page with an eye catchy animated layout. 
The animated live wall can create animated switching photos with CSS animation like fade, scale, hide show with a specific time interval. 
You can also show your Instagram gallery or Flickr feed with masonry layout.
<iframe loading="lazy" title="How To Create Auto Animated Gallery - Animated Live Wall Free WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/27nMZma9x78?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>
Animated live wall also comes with a beautiful Lightbox which can show your gallery in a larger popup mode.
Animated live wall is a great responsive gallery that works according to your devices display resolution i.e. it can adjust its size automatically according to screen size. The plugin allows you to select from different thumbnail sizes and column sizes. Not only images, but you can also add video, text, and link to your animated wall.
This WordPress plugin allows you to change image titles with ease, you can also select from “gap” and “no gap” option to display or hide spaces between your media. Custom CSS field is also provided for advanced users so they can make changes according to yo their requirement and needs.
<ul>
<li><a href="https://awplife.com/demo/animated-live-wall-free-wordpress-plugin/" rel="nofollow ugc">Free Version Demo</a></li>
<li><a href="https://awplife.com/demo/animated-live-wall-premium/" rel="nofollow ugc">Pro Version Demo</a></li>
<li><a href="https://awplife.com/wordpress-plugins/animated-live-wall-premium/" rel="nofollow ugc">Upgrade</a></li>
<li><a href="https://wordpress.org/support/plugin/animated-live-wall" rel="ugc">Support</a></li>
</ul>
Plugin Features:
<ul>
<li>Add unlimited amount of gallery content</li>
<li>Image / video option for gallery content / project</li>
<li>Grid and Masonry views </li>
<li>Multiple switching image animation options</li>
<li>Fully responsive</li>
<li>Loading icon</li>
<li>Title option</li>
<li>Lightbox option</li>
<li>Photo/video URLs</li>
<li>Column layout option</li>
<li>Thumbnail / Image size option</li>
<li>Gap option between images</li>
<li>Link redirection option</li>
<li>Add photo galleries to a Post/Page with short-code</li>
<li>Instagram feed option</li>
<li>Flickr feed option</li>
<li>Social redirection option</li>
<li>Beautiful user interface</li>
<li>Custom CSS field</li>
<li>Fast & friendly support</li>
</ul>
Pro Feature
<ul>
<li>Fully responsive – compatible with all devices </li>
<li>Multiple Layout with Mosaic and Masonry</li>
<li>Grid – Live switching animation – +15 animation effect </li>
<li>Grid – Max Step (Choose how many photos you want to animate at a time ( grid layout ) Range 1 to 100)</li>
<li>Grid – Animation speed ( Change animation speed of switching the photos)</li>
<li>Grid – Animation interval of changing the photos </li>
<li>Grid – No change photos (You can set the images by there ID that never be switched)</li>
<li>Change the image gap with a range between 0 to 15px</li>
<li>Fixed square cropped Images option for lightbox </li>
<li>Column layout</li>
<li>Thumbnail Size option</li>
<li>Hover effect – Beautiful hover effect with great transition</li>
<li>Multi Layout option with Instagram & Flickr feed</li>
<li>Preloader effect </li>
<li>Load More option </li>
<li>Fast loading on the page</li>
<li>Show your portfolio also</li>
<li>Loading limit option available</li>
</ul>
Animation Grid Live
Showcase your images with a great looking animated grid gallery that switches images with a specific time interval. Animated live wall gallery sets a list of images and defines the number of columns and rows which arrange the images into a grid layout. 
This grid changes its objects with different animation effects like fade, scale, hide show. In the live animated grid, gallery sets images in a grid layout or masonry arrangement that can resize itself according to your devices.
When you create your photo gallery with a greater number of images than your grid size, an animated gallery will be created according to row and columns you select and remaining images will be left to be switched with elements of the grid. That means if you have 50 images and define a 5×4 grid, the remaining 30 images will replace your grid images randomly one by one and so on.
Multi Layouts
You can show your image also in masonry layout. Masonry is an arrangement where you can show your images with uneven vertical or horizontal layout. Layout option will also work with Instagram and Flickr feed
Instagram Feed
<iframe loading="lazy" title="How to get your Instagram Access Token: A Step-By-Step Guide | generate the Instagram Access Token" width="750" height="422" src="https://www.youtube.com/embed/IEXDGIeIq_8?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>
Instagram Feed is a place where you can share and connect with the people and things you care about. When you open Instagram or refresh your feed, the photos and videos we think you care about most will appear towards the top of your feed. … All posts from accounts you follow on Instagram will appear in your feed. 
Showcase your Instagram feed easily with Animated live wall, it automatically fetches your Instagram feed to your page. It can show your Instagram feed with your desirable layouts like grid or masonry. 
You will find the easiest way to show your Instagram feed in the animated live wall, You can easily generate access token with Pixel Union, 
After generating access token save and publish your gallery and you can show your Instagram stories in a beautiful way.
Flickr Feed
Animated live wall can automatically fetch your Flickr feed to any page you want just with the help of shortcode. You can show your Flickr feed with your desirable layouts like grid or masonry. 
If you want to show your Flickr as an animated wall or in other layouts of the gallery. You need your Flickr API key and your Flickr user ID. You can generate your API key and get Flickr user Id with an easy way step by step 
with our blogs. After generated both user ID and API key you need to save it with gallery and show your Flickr feed.
Lightbox
Animated live wall comes with a great looking and responsive Lightbox. Litebox helps the user to display a larger view of the image with a popup. In the lightbox, you can show your images in a beautiful way and 
you can also show your Youtube or Vimeo videos. In the gallery Lightbox, it is a responsive lightbox and it has the transition type. Can be set to “elastic”, “fade”, or “none”. It has both navigation right and left 
and it can also be navigated by the keyboard key. This lightbox is also great for Instagram and Flickr feed.
Link Option
Animated gallery have also “link” option so you can display an external link to your project with your image. You will get the option to open the link into the same or a new window. You can link the images and open with the Lightbox with the same gallery. The links of Instagram and Flickr will automatically work.
Grid
The grid layout is a really popular layout you can show your gallery with a square shape (same image size). It gives a great layout for your gallery. you can set rows and column from the settings. you can also set the spacing limit from the setting. 
The grid is fully responsive that work according to the device type. With responsive, it feels more attractive with a small device. You can also set the image quality of your photos. If you have many photos to show and the gallery takes more time to load because of the high-resolution image then you can set low-resolution photos to fast loading. In the pro version of Animated gallery, you can set pre cropping images also. 
If you want to show your Instagram and Flickr work then it will the best plugin with grid layout.
Masonry
Masonry is also a great layout to show your photos and it positions the image in vertical space. Masonry layout is also a popular layout of them in the gallery. You can also set the spacing between photos and the column size. 
Masonry is responsive it sets images according to the device width. 
The term Masonry layout probably owes its name to the popular jQuery Masonry plugin that is used to generate this type of layout. Masonry layout is also referred to as the Pinterest Style Layout, as www.pinterest.com was the first major website to use this layout style. 
Animated gallery masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed height rows. Basically, the Masonry layout optimizes the use of space inside the web page by reducing any unnecessary gaps. Without this type of layout, certain restrictions are required to maintain the structure of the layout. 
Developers and designers are accustomed to seeing web pages laid out with CSS floats. But this common type of layout doesn’t take the size of the elements into consideration. Instead, it adds elements one after another, first in the horizontal direction, then vertically.
Load More
Animated gallery wall plugin has ajax load more option that loads the images or content with a specific limit that user sets. 
AJAX stands for Asynchronous JavaScript and XML. It is a jquery feature used to make webpages faster to use. If they are programmed with AJAX, 
they seem to react faster. They only send small bits of information to the web server. 
That prevent to reload the pages and loads only small parts of it. 
For Instagram and Flickr feed you will find vwery useful ajax load more for save loading time if you have thousends of photos.
Load More Button
You have the option to change the color of the load more button. If you want to more changes then you can change it with the custom CSS option. You will also get a preloader icon with this plugin.
How It WOrks
Animated grid wall is a cross-browser and responsive plugin to help you create many types of grid layouts with nice CSS3 animation effects and call back events. 
this plugin is an all-in-one solution for creating dynamic grid layouts for desktop, mobile, and tablet. 
Based on the width (or height) of a container and the width (height) of a cell unit, It will create a virtual matrix. 
Scanning the matrix at each cell will find a free cell around to make a free area, then try to fit a block element into it. 
In case no block can fit the gap, it will resize the block to fill the gap (that is one of the options).
SHORTCODE
Animated Wall Gallery offers an easy-to-use Insert Gallery, which means you never need to work with shortcodes again when inserting and manageing galleries. You just need to copy and paste gallery shortcode into the gallery. 
It does’t matter wahat you want to show a gallery or your Instagram feed or Flickr Feed. 
If you do want to work with shortcodes, there is a powerful shortcode system as you’d expect of a popular WordPress gallery plugin. 
For more information, feel free to visit the official website for animated live wall gallery.
WORLD CLASS CUSTOMER SUPPORT
Low response time 
We always try to respond within hours or within a day. 
Resolving an issue within 24 hours.
<h3>WordPress Dashboard:</h3>
Install Animated Live Wall Plugin with the following steps-
<ul>
<li>
<ol>
<li>From Your Dashboard Go To Plugins </li>
</ol>
</li>
<li>
<ol>
<li>Search for “Animated Live Wall” after clicking on “Add New” button</li>
</ol>
</li>
<li>
<ol>
<li>Install the plugin</li>
</ol>
</li>
<li>
<ol>
<li>Activate it right away</li>
</ol>
</li>
<li>
<ol>
<li>And find the plugin on your dashboard.</li>
</ol>
</li>
</ul>
After these steps, you can make your desirable gallery/project in a few clicks 
From WordPress.org:
Installation from WordPress.org
<ul>
<li>
<ol>
<li>Download Animated Live Wall on WordPress</li>
</ol>
</li>
<li>
<ol>
<li>Upload to your plugin directory</li>
</ol>
</li>
<li>
<ol>
<li>Activate from the Plugin page </li>
</ol>
</li>
</ul>
Now you are ready to use Animated Live Wall plugin
If you still face any issues <a href="https://www.awplife.com/contact/" rel="nofollow ugc">get in contact</a> with us.

Animated Live Wall – Photo Animation, Feed Gallery Image Change Animation

Animated live wall gallery creates a dynamic photo wall with animated blocks from Instagram, Flickr, or uploaded media.

Flickr Shortcode Importer vs Animated Live Wall – Photo Animation, Feed Gallery Image Change Animation