{"id":306,"date":"2020-05-18T22:03:47","date_gmt":"2020-05-18T22:03:47","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/instagram-feed-block\/"},"modified":"2022-08-30T09:25:27","modified_gmt":"2022-08-30T13:25:27","slug":"instagram-feed-block","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-web-platform\/blocks\/instagram-feed-block\/","title":{"rendered":"Instagram Feed"},"content":{"rendered":"\n<p><strong>This block is only featured in the Premium Tier of the NC&#160;State Web Platform.<\/strong><\/p>\n\n\n\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 Instagram Feed Pro plugin from Smash Balloon.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"388\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/instagram-feed-block-example-display-1024x388.png\" alt=\"Example display of the Instagram Feed Block\" class=\"wp-image-327\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/instagram-feed-block-example-display-1024x388.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/instagram-feed-block-example-display-300x114.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/instagram-feed-block-example-display-768x291.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/instagram-feed-block-example-display-1536x581.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/instagram-feed-block-example-display-2048x775.png 2048w\" sizes=\"(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\"><li><strong>Primary Feed:<\/strong> The feed configured within the Instagram Feed plugin&#8217;s settings<\/li><li><strong>User Account:<\/strong> One specific user account (must be registered within the plugin&#8217;s settings page)<\/li><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><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><li><strong>Mixed:<\/strong> A combination of the above<\/li><\/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:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/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&#160;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:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/third-party-support\/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},"excerpt":{"rendered":"<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. This&hellip;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":178,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/306"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=306"}],"version-history":[{"count":5,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/306\/revisions"}],"predecessor-version":[{"id":2944,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/306\/revisions\/2944"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/178"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}