Using Instagram WordPress Embeds

WordPress makes it easy to embed Instagram content. All I have to do is to copy the Instagram URL of the media page and paste it on its own line in the WordPress editor. For example:

This will display the following image.

[fusion_builder_container hundred_percent="yes" overflow="visible"][fusion_builder_row][fusion_builder_column type="1_1" background_position="left top" background_color="" border_size="" border_color="" border_style="solid" spacing="yes" background_image="" background_repeat="no-repeat" padding="" margin_top="0px" margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3" animation_direction="left" hide_on_mobile="no" center_content="no" min_height="none"]

By default, the URL embeds the largest size of the image available, which is currently 1080px. However, I can also use a WordPress shortcode with modifiers to remove the caption or manually specify the width. The benefit of using the short code is that I don't have to use it on a line by itself. For example:

[instagram url= hidecaption=true width=960]

The WordPress documentation has more information on how to use and customize embedded posts.

Here are more examples using some of my recent images.


Author: Khürt Williams

A human who works in information security and enjoys photography, Formula 1 and craft ale.