The Latest Instagram Posts Block lets you display your most recent images from Instagram on your site.
The block update automatically updates when you post new images to Instagram, with the option to optimize the images with our lazy load images feature.
The Latest Instagram Posts Block is available on all Jetpack-connected sites.
Adding the Latest Instagram Posts Block
You can add the Latest Instagram Posts Block by searching and/or selecting it from the Jetpack section of the block selector:
See Jetpack Blocks for detailed instructions on adding blocks.
Configuring a Latest Instagram Posts Block
After adding the block, a ‘Connect to Instagram’ button will open up an Instagram log-in window.
After logging in, you’ll need to click the Authorize button to allow Jetpack to access your Instagram posts.
Every block has specific options in the editor sidebar and options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.
Under Display Settings, you can modify the number of posts, the number of columns, and the amount of space between each image. Modifying the number of posts alters the number of images shown in this block.
The ‘Stack on mobile’ option determines whether or not each post (image) will display on its own line or whether the columns you’ve pre-selected will remain when viewing your posts from a mobile device.
The Advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.
If you want to disconnect from Instagram, perhaps so you can connect to a different Instagram account instead, log into your WordPress.com account and follow these steps:
- Go to My Site(s), and select the site you’re working on.
- Go to Tools → Marketing, and click the Connections tab.
- Locate Instagram in the Manage Connections section, and click the Disconnect button.
This feature is activated by default. It cannot be deactivated.
We send an API request (HTTP) from your site directly to Instagram.
The images are loaded into the post content with an API request in PHP.
Data Synced (Read More)
We sync the Instagram URL as part of the post content.