This page will evolve as we find out what users want to know!
Here is some helpful information in the meantime:
- Short Tutorial about editing WordPress pages
- Please note: Although you can upload images to the media library in the WordPress editor, please be aware that any images in the media library can be used by others at this website as well. If you don’t want others using your images from the media library, you can store your images elsewhere (like Google Drive, etc.) and use the Add Media > Insert from URL option in the WordPress page editor.
- Authorize this website (via the Smash Balloon plugin) to access your Instagram photos
- Use this utility to find your Instagram User ID
- Below are options for using the Smash Balloon Instagram Feed shortcode on your page
Shortcode Options
Basic Display
- Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID"]
Photo Options
- sortby – Sort the Instagram posts by Newest to Oldest (none) or Random (random) – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" sortby=random]
- num – The number of Instagram posts to display initially. Maximum is 33 – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" num=10]
- cols – The number of columns in your Instagram feed. 1 – 10 – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" cols=5]
- imageres – The resolution/size of the Instagram photos. ‘auto’, full’, ‘medium’ or ‘thumb’ – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" imageres=full]
- imagepadding – The spacing around your Instagram photos – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" imagepadding=10]
- imagepaddingunit – The unit of the padding in your Instagram feed. ‘px’ or ‘%’ – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" imagepaddingunit=px]
- disablemobile – Disable the mobile layout for your Instagram feed. ‘true’ or ‘false’ – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" disablemobile=true]
Header Options
- showheader – Whether to show the Instagram feed Header. ‘true’ or ‘false’ – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" showheader=false]
- headercolor – The color of the Instagram feed Header text. Any hex color code – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" headercolor=#333]
‘Load More’ Button Options
- showbutton – Whether to show the ‘Load More’ button. ‘true’ or ‘false’ – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" showbutton='false']
- buttoncolor – The background color of the button. Any hex color code – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" buttoncolor=#000]
- buttontextcolor – The text color of the button. Any hex color code – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" buttontextcolor=#fff]
- buttontext – The text used for the button – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" buttontext="Load More Photos"]
‘Follow on Instagram’ Button Options
- showfollow – Whether to show the ‘Follow on Instagram’ button. ‘true’ or ‘false’ – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" showfollow=true]
- followcolor – The background color of the ‘Follow on Instagram’ button. Any hex color code – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" followcolor=#ff0000]
- followtextcolor – The text color of the ‘Follow on Instagram’ button. Any hex color code – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" followtextcolor=#fff]
- followtext – The text used for the ‘Follow on Instagram’ button – Example:
[instagram-feed accesstoken="YOUR_TOKEN" id="YOUR_INSTAGRAM_USER_ID" followtext="Follow me"]