{"id":306,"date":"2020-05-18T22:03:47","date_gmt":"2020-05-18T22:03:47","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/instagram-feed-block\/"},"modified":"2026-03-20T11:34:30","modified_gmt":"2026-03-20T15:34:30","slug":"instagram-feed-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/instagram-feed-block\/","title":{"rendered":"Instagram Feed Block"},"content":{"rendered":"\n<p>The Instagram Feed block is a good option for displaying visual content from an Instagram feed, as well as driving users to view and engage with Instagram channel content. <\/p>\n\n\n\n<p>This block depends on installation and configuration of the <a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/smashballoon\/\" data-type=\"link\" data-id=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/smashballoon\/\">Instagram Feed Pro plugin from Smash Balloon<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"388\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-example-display-1024x388.png\" alt=\"Example display of the Instagram Feed Block\" class=\"wp-image-327\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-example-display-1024x388.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-example-display-300x114.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-example-display-768x291.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-example-display-1536x581.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-example-display-2048x775.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Feed Settings<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Source<\/h3>\n\n\n\n<p>Users may select from one of a variety of feed sources, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Primary Feed:<\/strong> The feed configured within the Instagram Feed plugin&#8217;s settings<\/li>\n\n\n\n<li><strong>User Account:<\/strong> One specific user account (must be registered within the plugin&#8217;s settings page)<\/li>\n\n\n\n<li><strong>Hashtag:<\/strong> A specific hashtag, resulting in all Instagram posts globally that match that hashtag (May use multiple hashtags separated by commas. Must have a connected business account)<\/li>\n\n\n\n<li><strong>Tagged:<\/strong> Displays photos that these accounts have been tagged in. (May use multiple accounts separated by commas. Must have a connected business account)<\/li>\n\n\n\n<li><strong>Mixed:<\/strong> A combination of the above<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Filters<\/h3>\n\n\n\n<p>Depending on the source selected, the filter field allows the user to enter specifics about their source. For example, if the source is &#8216;User Account&#8217;, the name of that user account is entered here.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sort By<\/h3>\n\n\n\n<p>Allows for chronological sorting from newest to oldest, or a random feed<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Media<\/h3>\n\n\n\n<p>Allows filtering of photos only, videos only, or all content<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Include Words<\/h3>\n\n\n\n<p>Allows for additional filtering based on the words included in the Instagram post. This is particularly useful for displaying hashtags contained within a single user&#8217;s feed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Layout Settings<\/h2>\n\n\n\n<p>Allows for mirroring of the displayed layout. This may be useful when sequentially displaying multiple blocks with similar layouts to create more visual variation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"248\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-mirror.gif\" alt=\"\" class=\"wp-image-325\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Color Settings<\/h2>\n\n\n\n<p>Allows for selection of background color from the NC State Theme palette.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Recommended Usage<\/h2>\n\n\n\n<p>The Instagram Feed block may be used for a variety of purposes, ranging from simply adding visual interest to a page to enticing users to interact more fully with a unit&#8217;s social channels. The type of feed may be customized to display more general content or to showcase a specific event or idea such as Red Letter Day or Graduation. <\/p>\n\n\n\n<p>With its small footprint, the Instagram Feed block may also be useful to drive users to secondary pages featuring more detailed displays. For example, a homepage may use the Instagram Feed block to preview and link to a full page dedicated to Graduation. To display larger amounts of photo content, larger scale feeds of Instagram content may be shown using supported <a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/smashballoon\/\">Smash Balloon shortcode functionality<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Have questions? Feel free to reach out with any questions or concerns at\u00a0<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"In conjunction with Smash Balloon Instagram Feed Pro, this block displays a short feed of Instagram content with additional surrounding context.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[49],"content-type":[51],"class_list":["post-306","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-theme","content-type-block"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":9,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/306\/revisions"}],"predecessor-version":[{"id":39561,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/306\/revisions\/39561"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=306"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=306"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}