Middlebury

Difference between revisions of "Drupal Instagram"

(Replaced content with "Due to a change in the [http://developers.instagram.com/post/133424514006/instagram-platform-update terms of service for the Instagram API], this feature is no longer avai...")
 
Line 1: Line 1:
The Instagram content type allows you to display a list of image from one or multiple Instagram accounts, ordered from most to least recent, at a variety of widths. When you first create your Instagram Widget we'll pull in all of the images from the accounts you specify and show a certain number of them, according to your settings. Every hour our site will check with Instagram to see if there are any new images from these accounts and, if so, add them.
+
Due to a change in the [http://developers.instagram.com/post/133424514006/instagram-platform-update terms of service for the Instagram API], this feature is no longer available.
 
 
= Creating an Instagram Widget =
 
 
 
Creating a new Instagram Widget works like creating any other type of content in our Drupal sites.
 
 
 
# Browse to the page where you want to add this item and log in.
 
# In the blue '''Content''' section of the Edit Console ribbon, click '''Add'''.
 
# Select '''Instagram''' from the list of content types in the center of the page.
 
# Give this item a '''Title''', e.g. "Midd on Instagram".
 
# (optional) Enter some body text. This will be displayed ''above'' the list of images from Instagram.
 
# Enter the '''Users''' on Instagram to pull images from. The values here are the usernames of the Instagram accounts, e.g. [https://instagram.com/middleburycollege/ middleburycollege].
 
## If you would like to show images from more than one Instagram account, click the '''Add another item''' button and add each of the usernames on their own line.
 
# Enter the number of '''Images to Show''' in your widget. The widget will show this many images, choosing the most recent images from the '''Users''' you added previously.
 
# Enter the '''Width of Images''', in pixels, as you'd like them to appear on the site. This, combined with the '''Images to Show''' setting will determine the number of rows and columns of images that will appear.
 
 
 
= Images to Show =
 
 
 
You can decide how many images will appear in your Instagram widget and that number will be selected from the most recent images of the users you specify, combined. Here's an example, using two accounts, [https://instagram.com/middleburycollege/ middleburycollege] and [https://instagram.com/middleburyinstitute/ middleburyinstitute]. Let's say you choose to show 6 images and the two accounts have images taken at these times (assume the time zone difference has been accounted for):
 
 
 
<table>
 
<tr>
 
<th>middleburycollege</th>
 
<th>middleburyinstitute</th>
 
</tr>
 
<tr>
 
<td>'''March 15 3pm'''</td>
 
<td>'''March 15 4pm'''</td>
 
</tr>
 
<tr>
 
<td>'''March 15 2pm'''</td>
 
<td>'''March 12 3pm'''</td>
 
</tr>
 
<tr>
 
<td>'''March 15 1pm'''</td>
 
<td>March 11 5pm</td>
 
</tr>
 
<tr>
 
<td>'''March 12 9am'''</td>
 
<td>March 10 6pm</td>
 
</tr>
 
<tr>
 
<td>March 5 8pm</td>
 
<td>March 1 2pm</td>
 
</tr>
 
</table>
 
 
 
The items in '''bold''' will be shown on the widget as they are the six most recent images from the two accounts, combined.
 
 
 
= Width of Images =
 
 
 
Combined with the '''Images to Show''' field, this can be used to create a grid of images with a certain number of rows and columns. Consider an Instagram Widget in a '''Right Sidebar''' region, which allows content to be 180px wide. If you set the '''Images to Show''' value to 12, you could do any of these configurations:
 
 
 
* 1 column, 12 rows of images at 180px wide
 
* 2 columns, 6 rows of images at 90px wide
 
* 3 columns, 4 rows of images at 60px wide
 
* 4 columns, 3 rows of images at 45px wide
 
 
 
And so on. See our [[Drupal Region Dimensions]] documentation to get the full content width values for each region on the page.
 
  
 
[[Category:Drupal]]
 
[[Category:Drupal]]
 
[[Category:Social Media]]
 
[[Category:Social Media]]

Latest revision as of 15:48, 8 June 2016

Due to a change in the terms of service for the Instagram API, this feature is no longer available.

Powered by MediaWiki