Notice: wp_enqueue_style was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or login_enqueue_scripts hooks. This notice was triggered by the contentstudio-dashboard handle. Please see Debugging in WordPress for more information. (This message was added in version 3.3.0.) in /home/www/francisco/wp-includes/functions.php on line 5229

Notice: Trying to access array offset on value of type bool in /home/www/francisco/wp-content/plugins/Ebor-Framework-master/ebor_cpt.php on line 788
Elements – Instagram – Francisco Otto
Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/wp-less/vendor/oyejorge/less.php/lib/Less/Parser.php on line 1740

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64

Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64


Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64

Instagram

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →


Notice: Trying to access array offset on value of type null in /home/www/francisco/wp-content/plugins/js_composer/include/autoload/vc-shortcode-autoloader.php on line 64

Basic Feed

Stack uses the Spectragram plugin in conjunction with the Instagram Developer API to create galleries that pull media from your Instagram account.

Once you’ve set up your developer account and obtained your Client ID and Access token, the feed is controlled by data attributes on the .instafeed element.

The most basic usage requires the data-user-name attribtue which specifies the Instagram account to pull images from.

Specifying Count

By default, the feed will pull in the 12 most recent images on your account. You can specify the exact amount (20 being the maximum) to pull in using the data-amount attribute. This attribute should be a numerical value from 1 – 20.

Specifying Grid

By default, the images will stack vertically on top of one another. To arrange the images in a grid, use the data-grid attribute. The value will specify how many images will be placed in each row.

In the example below, data-grid is set to 5, hence each row containes 5 images.

Gapless Grid

Add the class .instafeed–gapless to the .instafeed element to remove the gaps between each of the grid times.

Looking for styled Instagram sections?

View Instagram Sections

or try the admin demo ↗