Instagram Feed - Version 1.1.1

Version Description

  • Pre-tested for the upcoming WordPress 4.0 update
  • Fix: Fixed an uncommon issue related to the output of the Instagram content
Download this release

Release Info

Developer smashballoon
Plugin Icon 128x128 Instagram Feed
Version 1.1.1
Comparing to
See all releases

Code changes from version 1.1 to 1.1.1

Files changed (2) hide show
  1. README.txt +66 -14
  2. instagram-feed.php +3 -8
README.txt CHANGED
@@ -1,9 +1,9 @@
1
  === Instagram Feed ===
2
  Contributors: smashballoon
3
- Tags: Instagram, Instagram feed, Instagram photos, Instagram plugin
4
  Requires at least: 3.0
5
- Tested up to: 3.9.1
6
- Stable tag: 1.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -14,10 +14,23 @@ Add a beautifully clean, customizable, and responsive Instagram feed to your web
14
  Display the Instagram photo feed of any non-private Instagram account.
15
 
16
  = Features =
17
- * Super simple to set up
18
- * Completely responsive and mobile ready
19
- * Display multiple Instagram feeds on the same page or on different pages throughout your site
20
- * Customize the width, height, number of phtos, number of columns, image size, background color, image spacing and more!
 
 
 
 
 
 
 
 
 
 
 
 
 
21
 
22
  Lots more features coming soon!
23
 
@@ -27,13 +40,29 @@ Lots more features coming soon!
27
  2. Activate the plugin through the 'Plugins' menu in WordPress.
28
  3. Navigate to the 'Instagram Feed' settings page to configure your Instagram feed.
29
  4. Use the shortcode `[instagram-feed]` in your page, post or widget to display your photos.
30
- 5. You can display multiple Instagram feeds by using shortcode options, for example: `[instagram-feed id=1234567 cols=3 width=50 widthunit=%]`
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
31
 
32
  == Frequently Asked Questions ==
33
 
34
- = Can I display multiple Instagram feeds on my site? =
35
 
36
- Yep. You can display multiple Instagram feeds by using shortcode options, for example: `[instagram-feed id=1234567 cols=3 width=50 widthunit=%]`.
37
 
38
  = How do I find my Instagram Access Token and User ID =
39
 
@@ -45,20 +74,43 @@ You can also display photos from other peoples Instagram accounts. To find their
45
 
46
  Nope. The Access Token used in the plugin is a "read only" token, which means that it could never be used maliciously to manipulate your Instagram account.
47
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
48
  == Screenshots ==
49
 
50
  1. Display your Instagram photos in multiple columns and with a scrollbar if desired.
51
- 2. Customize the number of columns, colors and size of the Instagram feed.
52
  3. An example of two columns with no space between photos.
53
  4. The Instagram Settings page. Super simple to set up and customize.
54
 
55
  == Changelog ==
56
 
 
 
 
 
57
  = 1.1 =
58
- * New: Added an option to set the number of photos to be initially displayed
59
  * New: Added an option to show or hide the 'Load More' button
60
  * New: Added 'Step 3' to the Settings page explaining how to display your feed using the [instagram-feed] shortcode
61
- * New: Added a full list of all available shortcode options to help you if customizing multiple feeds
62
 
63
  = 1.0.2 =
64
  * Fix: Fixed an issue with the Instagram login URL on the Settings page
@@ -67,4 +119,4 @@ Nope. The Access Token used in the plugin is a "read only" token, which means th
67
  * Fix: Fixed an issue with the 'Load More' button opening an empty browser window in Firefox
68
 
69
  = 1.0 =
70
- * Launch!
1
  === Instagram Feed ===
2
  Contributors: smashballoon
3
+ Tags: Instagram, Instagram feed, Instagram photos, Instagram plugin, Instagram stream, Custom Instagram Feed, responsive Instagram, mobile Instagram, Instagram posts, Instagram wall, Instagram account
4
  Requires at least: 3.0
5
+ Tested up to: 4.0
6
+ Stable tag: 1.1.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
14
  Display the Instagram photo feed of any non-private Instagram account.
15
 
16
  = Features =
17
+ * Super **simple to set up**
18
+ * Completely **responsive** and mobile ready - layout looks great on any screen size and in any container width
19
+ * **Completely customizable** - Customize the width, height, number of photos, number of columns, image size, background color, image spacing and more!
20
+ * Display **multiple Instagram feeds** on the same page or on different pages throughout your site
21
+ * Use the built-in **shortcode options** to completely customize each of your Instagram feeds
22
+ * Display thumbnail, medium or **full-size photos** from your Instagram feed
23
+ * **Infinitely load more** of your Instagram photos with the 'Load More' button
24
+
25
+ = Benefits =
26
+ * Increase your Instagram followers by displaying your Instagram content on your website
27
+ * Save time and increase efficiency by only posting your photos to Instagram and automatically displaying them on your website
28
+
29
+ = Featured Review =
30
+ "**Great instagram plugin & support** - Was looking for a plugin that gave me control over how it displayed (specifically, 3-columns). This plugin did the trick quite nicely! And when I had a minor issue with obtaining the code I needed from Instagram to get it working, a quick email to support at smash balloon was replied to within hours. Good plugin, good support!" - [olivmich](http://wordpress.org/support/topic/great-instagram-plugin-support 'Great instagram plugin & support')
31
+
32
+ = Feedback or Support =
33
+ We're dedicated to providing the most customizable, robust and well supported Instagram feed plugin in the world, so if you have an issue or have any feedback on how to improve the plugin then please open a ticket in the [Support forum](http://wordpress.org/support/plugin/instagram-feed 'Instagram Feed Support Forum').
34
 
35
  Lots more features coming soon!
36
 
40
  2. Activate the plugin through the 'Plugins' menu in WordPress.
41
  3. Navigate to the 'Instagram Feed' settings page to configure your Instagram feed.
42
  4. Use the shortcode `[instagram-feed]` in your page, post or widget to display your photos.
43
+ 5. You can display multiple Instagram feeds by using shortcode options, for example: `[instagram-feed id=YOUR_USER_ID_HERE cols=3 width=50 widthunit=%]`
44
+
45
+ = Shortcode Options =
46
+ * **id** - An Instagram User ID - Example: `[instagram-feed id=1234567]`
47
+ * **width** - The width of your feed. Any number - Example: `[instagram-feed width=50]`
48
+ * **widthunit** - The unit of the width. 'px' or '%' - Example: `[instagram-feed widthunit=%]`
49
+ * **height** - The height of your feed. Any number - Example: `[instagram-feed height=250]`
50
+ * **heightunit** - The unit of the height. 'px' or '%' - Example: `[instagram-feed heightunit=px]`
51
+ * **num** - The number of photos to display initially. Maximum is 33 - Example: `[instagram-feed num=10]`
52
+ * **cols** - The number of columns in your feed. 1 - 10 - Example: `[instagram-feed cols=5]`
53
+ * **imagepadding** - The spacing around your photos - Example: `[instagram-feed imagepadding=10]`
54
+ * **imagepaddingunit** - The unit of the padding. 'px' or '%' - Example: `[instagram-feed imagepadding=px]`
55
+ * **background** - The background color of the feed. Any hex color code - Example: `[instagram-feed background=#ffff00]`
56
+ * **showbutton** - Whether to show the 'Load More' button. 'true' or 'false' - Example: `[instagram-feed showbutton='false']`
57
+ * **buttoncolor** - The background color of the button. Any hex color code - Example: `[instagram-feed buttoncolor=#000]`
58
+ * **buttontextcolor** - The text color of the button. Any hex color code - Example: `[instagram-feed buttontextcolor=#fff]`
59
+ * **imageres** - The resolution/size of the photos. 'full', 'medium' or 'thumb' - Example: `[instagram-feed imageres=full]`
60
 
61
  == Frequently Asked Questions ==
62
 
63
+ = Can I display multiple Instagram feeds on my site or on the same page? =
64
 
65
+ Yep. You can display multiple Instagram feeds by using our built-in shortcode options, for example: `[instagram-feed id=YOUR_USER_ID_HERE cols=3 width=50 widthunit=%]`.
66
 
67
  = How do I find my Instagram Access Token and User ID =
68
 
74
 
75
  Nope. The Access Token used in the plugin is a "read only" token, which means that it could never be used maliciously to manipulate your Instagram account.
76
 
77
+ = What are the available shortcode options that I can use to customize my Instagram feed? =
78
+
79
+ The below options are available on the Instagram Feed Settings page but can also be used directly in the `[instagram-feed]` shortcode to customize individual Instagram feeds on a feed-by-feed basis.
80
+
81
+ * **id** - An Instagram User ID - Example: `[instagram-feed id=1234567]`
82
+ * **width** - The width of your feed. Any number - Example: `[instagram-feed width=50]`
83
+ * **widthunit** - The unit of the width. 'px' or '%' - Example: `[instagram-feed widthunit=%]`
84
+ * **height** - The height of your feed. Any number - Example: `[instagram-feed height=250]`
85
+ * **heightunit** - The unit of the height. 'px' or '%' - Example: `[instagram-feed heightunit=px]`
86
+ * **num** - The number of photos to display initially. Maximum is 33 - Example: `[instagram-feed num=10]`
87
+ * **cols** - The number of columns in your feed. 1 - 10 - Example: `[instagram-feed cols=5]`
88
+ * **imagepadding** - The spacing around your photos - Example: `[instagram-feed imagepadding=10]`
89
+ * **imagepaddingunit** - The unit of the padding. 'px' or '%' - Example: `[instagram-feed imagepadding=px]`
90
+ * **background** - The background color of the feed. Any hex color code - Example: `[instagram-feed background=#ffff00]`
91
+ * **showbutton** - Whether to show the 'Load More' button. 'true' or 'false' - Example: `[instagram-feed showbutton='false']`
92
+ * **buttoncolor** - The background color of the button. Any hex color code - Example: `[instagram-feed buttoncolor=#000]`
93
+ * **buttontextcolor** - The text color of the button. Any hex color code - Example: `[instagram-feed buttontextcolor=#fff]`
94
+ * **imageres** - The resolution/size of the photos. 'full', 'medium' or 'thumb' - Example: `[instagram-feed imageres=full]`
95
+
96
  == Screenshots ==
97
 
98
  1. Display your Instagram photos in multiple columns and with a scrollbar if desired.
99
+ 2. Customize the number of columns, colors and size of your Instagram feed.
100
  3. An example of two columns with no space between photos.
101
  4. The Instagram Settings page. Super simple to set up and customize.
102
 
103
  == Changelog ==
104
 
105
+ = 1.1.1 =
106
+ * Pre-tested for the upcoming WordPress 4.0 update
107
+ * Fix: Fixed an uncommon issue related to the output of the Instagram content
108
+
109
  = 1.1 =
110
+ * New: Added an option to set the number of Instagram photos to be initially displayed
111
  * New: Added an option to show or hide the 'Load More' button
112
  * New: Added 'Step 3' to the Settings page explaining how to display your feed using the [instagram-feed] shortcode
113
+ * New: Added a full list of all available shortcode options to help you if customizing multiple Instagram feeds
114
 
115
  = 1.0.2 =
116
  * Fix: Fixed an issue with the Instagram login URL on the Settings page
119
  * Fix: Fixed an issue with the 'Load More' button opening an empty browser window in Firefox
120
 
121
  = 1.0 =
122
+ * Launched the Instagram Feed plugin!
instagram-feed.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Instagram Feed
4
  Plugin URI: http://smashballoon.com/instagram-feed
5
  Description: Add a simple customizable Instagram feed to your website
6
- Version: 1.1
7
  Author: Smash Balloon
8
  Author URI: http://smashballoon.com/
9
  License: GPLv2 or later
@@ -95,14 +95,9 @@ function display_instagram($atts, $content = null) {
95
  $sb_instagram_content = '<div id="sb_instagram" class="sbi ';
96
  if ( !empty($sb_instagram_height) ) $sb_instagram_content .= 'sbi_fixed_height ';
97
  $sb_instagram_content .= 'sbi_col_' . trim($sb_instagram_cols);
98
- $sb_instagram_content .= '" '.$sb_instagram_styles;
99
 
100
- //Dats attrs
101
- $sb_instagram_content .= 'data-id="' . $sb_instagram_user_id . '"';
102
- $sb_instagram_content .= 'data-num="' . trim($atts['num']) . '"';
103
- $sb_instagram_content .= 'data-res="' . trim($atts['imageres']) . '"';
104
-
105
- $sb_instagram_content .= '><div id="sbi_images" style="padding: '.$sb_instagram_image_padding . $sb_instagram_image_padding_unit .';">';
106
 
107
  //Error messages
108
  if( empty($sb_instagram_user_id) || !isset($sb_instagram_user_id) ) $sb_instagram_content .= '<p>Please enter a User ID either on the Instagram plugin Settings page or directly in the shortcode, like so: [instagram-feed id=1234567]</p>';
3
  Plugin Name: Instagram Feed
4
  Plugin URI: http://smashballoon.com/instagram-feed
5
  Description: Add a simple customizable Instagram feed to your website
6
+ Version: 1.1.1
7
  Author: Smash Balloon
8
  Author URI: http://smashballoon.com/
9
  License: GPLv2 or later
95
  $sb_instagram_content = '<div id="sb_instagram" class="sbi ';
96
  if ( !empty($sb_instagram_height) ) $sb_instagram_content .= 'sbi_fixed_height ';
97
  $sb_instagram_content .= 'sbi_col_' . trim($sb_instagram_cols);
98
+ $sb_instagram_content .= '" '.$sb_instagram_styles .' data-id="' . $sb_instagram_user_id . '" data-num="' . trim($atts['num']) . '" data-res="' . trim($atts['imageres']) . '">';
99
 
100
+ $sb_instagram_content .= '<div id="sbi_images" style="padding: '.$sb_instagram_image_padding . $sb_instagram_image_padding_unit .';">';
 
 
 
 
 
101
 
102
  //Error messages
103
  if( empty($sb_instagram_user_id) || !isset($sb_instagram_user_id) ) $sb_instagram_content .= '<p>Please enter a User ID either on the Instagram plugin Settings page or directly in the shortcode, like so: [instagram-feed id=1234567]</p>';