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:

https://www.instagram.com/p/BJje1VVhD4G/

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=https://www.instagram.com/p/BJKqKAnBKdo/ 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.

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

What do you want to say about this post?

This site uses Akismet to reduce spam. Learn how your comment data is processed.