Custom Facebook Feed - Version 1.9.5

Version Description

  • New: Added an option to set a height on the Like box. This allows you to display more faces of your fans if you have that option selected.
  • Tweak: Added a few stricter CSS styles to help minimize the chance of theme stylesheets distorting post formatting
  • Tweak: Added a span to the header text to allow CSS to be applied
  • Fix: Fixed a bug with the post author text bumping down below the author image in the Firefox browser
  • Fix: Corrected a bug which caused some links not to have the color applied
  • Fix: Fixed a float issue in Firefox which sometimes caused the feed to be pushed off the page
Download this release

Release Info

Developer smashballoon
Plugin Icon 128x128 Custom Facebook Feed
Version 1.9.5
Comparing to
See all releases

Code changes from version 1.9.4 to 1.9.5

Files changed (4) hide show
  1. README.txt +9 -1
  2. css/cff-style.css +16 -15
  3. custom-facebook-feed-admin.php +13 -1
  4. custom-facebook-feed.php +9 -5
README.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: smashballoon
3
  Tags: Facebook, Facebook feed, Facebook posts, Facebook wall, Facebook events, Facebook page, Facebook group, Facebook Like box, Customizable Facebook Feed, custom, customizable, seo, responsive, mobile, social
4
  Requires at least: 3.0
5
  Tested up to: 3.9
6
- Stable tag: 1.9.4
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -269,6 +269,14 @@ Credit [iMarketing Factory](http://www.imarketingfactory.com/facebook/ "The Impo
269
  9. It's super easy to display your Facebook feed in any page or post
270
 
271
  == Changelog ==
 
 
 
 
 
 
 
 
272
  = 1.9.4 =
273
  * New: Added background and border styling options to shared links
274
  * Tweak: Reduced the clickable area of the post author
3
  Tags: Facebook, Facebook feed, Facebook posts, Facebook wall, Facebook events, Facebook page, Facebook group, Facebook Like box, Customizable Facebook Feed, custom, customizable, seo, responsive, mobile, social
4
  Requires at least: 3.0
5
  Tested up to: 3.9
6
+ Stable tag: 1.9.5
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
269
  9. It's super easy to display your Facebook feed in any page or post
270
 
271
  == Changelog ==
272
+ = 1.9.5 =
273
+ * New: Added an option to set a height on the Like box. This allows you to display more faces of your fans if you have that option selected.
274
+ * Tweak: Added a few stricter CSS styles to help minimize the chance of theme stylesheets distorting post formatting
275
+ * Tweak: Added a span to the header text to allow CSS to be applied
276
+ * Fix: Fixed a bug with the post author text bumping down below the author image in the Firefox browser
277
+ * Fix: Corrected a bug which caused some links not to have the color applied
278
+ * Fix: Fixed a float issue in Firefox which sometimes caused the feed to be pushed off the page
279
+
280
  = 1.9.4 =
281
  * New: Added background and border styling options to shared links
282
  * Tweak: Reduced the clickable area of the post author
css/cff-style.css CHANGED
@@ -3,9 +3,10 @@
3
  /**************/
4
  /* Feed container */
5
  #cff {
6
- /*float: left;*/
7
  width: 100%;
8
  margin: 0 auto;
 
9
  -webkit-box-sizing: border-box;
10
  -moz-box-sizing: border-box;
11
  box-sizing: border-box;
@@ -21,6 +22,7 @@
21
  width: 100%;
22
  clear: both;
23
  padding: 20px 0 15px 0;
 
24
  border-bottom: 1px solid #ddd;
25
  }
26
  #cff .cff-item:first-child{
@@ -30,13 +32,15 @@
30
  .cff-header{
31
  width: 100%;
32
  margin: 0 0 15px 0;
 
33
  line-height: 1;
34
  -webkit-box-sizing: border-box;
35
  -moz-box-sizing: border-box;
36
  box-sizing: border-box;
37
  }
38
  .cff-header .fa{
39
- margin-right: 10px;
 
40
  }
41
  /******************/
42
  /*** TYPOGRAPHY ***/
@@ -86,18 +90,19 @@
86
  #cff .cff-author{
87
  float: left;
88
  clear: both;
89
- margin-bottom: 15px;
 
90
  line-height: 1.2;
91
  width: 100%;
92
  }
93
  #cff .cff-author a{
94
- float: left;
95
  display: block;
96
  min-width: 100%\9;
97
  }
98
  #cff .cff-author img{
99
  float: left;
100
- margin-right: 15px;
101
  }
102
  #cff .cff-author span{
103
  display: table-cell;
@@ -128,7 +133,7 @@
128
  float: left;
129
  clear: both;
130
  width: 100%;
131
- padding: 8px;
132
  margin: 10px 0 5px 0;
133
  background: rgba(0,0,0,0.02);
134
  border: 1px solid rgba(0,0,0,0.07);
@@ -146,7 +151,7 @@
146
  float: left;
147
  clear: both;
148
  max-width: 20%;
149
- margin-top: 10px;
150
  }
151
  #cff .cff-link img{
152
  max-width: 100%;
@@ -195,10 +200,6 @@
195
  padding: 10px 0 0 0;
196
  line-height: 1.2;
197
  }
198
- #cff .cff-details .cff-where,
199
- #cff .cff-details .cff-when{
200
- /*font-weight: bold;*/
201
- }
202
  /* Video */
203
  #cff .cff-desc-wrap{
204
  float: left;
@@ -210,8 +211,8 @@
210
  #cff .cff-viewpost-facebook{
211
  float: right;
212
  clear: none;
213
- padding-top: 4px;
214
- padding-left: 4px;
215
  font-size: 11px;
216
  }
217
 
@@ -219,8 +220,7 @@
219
  .cff-likebox{
220
  float: left;
221
  width: 100%;
222
- margin-left: -10px;
223
-
224
  position: relative;
225
  }
226
  .cff-likebox .fb_iframe_widget{
@@ -266,6 +266,7 @@
266
  overflow: hidden;
267
  overflow-y: auto;
268
  padding: 5px 10px;
 
269
  -webkit-box-sizing: border-box;
270
  -moz-box-sizing: border-box;
271
  box-sizing: border-box;
3
  /**************/
4
  /* Feed container */
5
  #cff {
6
+ float: left;
7
  width: 100%;
8
  margin: 0 auto;
9
+ padding: 0;
10
  -webkit-box-sizing: border-box;
11
  -moz-box-sizing: border-box;
12
  box-sizing: border-box;
22
  width: 100%;
23
  clear: both;
24
  padding: 20px 0 15px 0;
25
+ margin: 0;
26
  border-bottom: 1px solid #ddd;
27
  }
28
  #cff .cff-item:first-child{
32
  .cff-header{
33
  width: 100%;
34
  margin: 0 0 15px 0;
35
+ padding: 0;
36
  line-height: 1;
37
  -webkit-box-sizing: border-box;
38
  -moz-box-sizing: border-box;
39
  box-sizing: border-box;
40
  }
41
  .cff-header .fa{
42
+ margin: 0 10px 0 0;
43
+ padding: 0;
44
  }
45
  /******************/
46
  /*** TYPOGRAPHY ***/
90
  #cff .cff-author{
91
  float: left;
92
  clear: both;
93
+ margin: 0 0 15px 0;
94
+ padding: 0;
95
  line-height: 1.2;
96
  width: 100%;
97
  }
98
  #cff .cff-author a{
99
+ /*float: left;*/
100
  display: block;
101
  min-width: 100%\9;
102
  }
103
  #cff .cff-author img{
104
  float: left;
105
+ margin: 0 15px 0 0;
106
  }
107
  #cff .cff-author span{
108
  display: table-cell;
133
  float: left;
134
  clear: both;
135
  width: 100%;
136
+ padding: 5px 10px;
137
  margin: 10px 0 5px 0;
138
  background: rgba(0,0,0,0.02);
139
  border: 1px solid rgba(0,0,0,0.07);
151
  float: left;
152
  clear: both;
153
  max-width: 20%;
154
+ margin: 10px 0 0 0;
155
  }
156
  #cff .cff-link img{
157
  max-width: 100%;
200
  padding: 10px 0 0 0;
201
  line-height: 1.2;
202
  }
 
 
 
 
203
  /* Video */
204
  #cff .cff-desc-wrap{
205
  float: left;
211
  #cff .cff-viewpost-facebook{
212
  float: right;
213
  clear: none;
214
+ padding: 4px 0 0 4px;
215
+ margin: 0;
216
  font-size: 11px;
217
  }
218
 
220
  .cff-likebox{
221
  float: left;
222
  width: 100%;
223
+ /*margin-left: -10px;*/
 
224
  position: relative;
225
  }
226
  .cff-likebox .fb_iframe_widget{
266
  overflow: hidden;
267
  overflow-y: auto;
268
  padding: 5px 10px;
269
+
270
  -webkit-box-sizing: border-box;
271
  -moz-box-sizing: border-box;
272
  box-sizing: border-box;
custom-facebook-feed-admin.php CHANGED
@@ -453,6 +453,7 @@ function cff_settings_page() {
453
  'cff_like_box_position' => 'bottom',
454
  'cff_like_box_outside' => false,
455
  'cff_likebox_width' => '',
 
456
  'cff_like_box_faces' => false,
457
  'cff_like_box_border' => false,
458
 
@@ -641,6 +642,7 @@ function cff_style_page() {
641
  $cff_like_box_position = $options[ 'cff_like_box_position' ];
642
  $cff_like_box_outside = $options[ 'cff_like_box_outside' ];
643
  $cff_likebox_width = $options[ 'cff_likebox_width' ];
 
644
  $cff_like_box_faces = $options[ 'cff_like_box_faces' ];
645
  $cff_like_box_border = $options[ 'cff_like_box_border' ];
646
 
@@ -956,6 +958,7 @@ function cff_style_page() {
956
  if (isset($_POST[ 'cff_like_box_text_color' ])) $cff_like_box_text_color = $_POST[ 'cff_like_box_text_color' ];
957
 
958
  if (isset($_POST[ 'cff_likebox_width' ])) $cff_likebox_width = $_POST[ 'cff_likebox_width' ];
 
959
  (isset($_POST[ 'cff_like_box_faces' ])) ? $cff_like_box_faces = $_POST[ 'cff_like_box_faces' ] : $cff_like_box_faces = '';
960
  (isset($_POST[ 'cff_like_box_border' ])) ? $cff_like_box_border = $_POST[ 'cff_like_box_border' ] : $cff_like_box_border = '';
961
 
@@ -984,6 +987,7 @@ function cff_style_page() {
984
  $options[ 'cff_like_box_text_color' ] = $cff_like_box_text_color;
985
 
986
  $options[ 'cff_likebox_width' ] = $cff_likebox_width;
 
987
  $options[ 'cff_like_box_faces' ] = $cff_like_box_faces;
988
  $options[ 'cff_like_box_border' ] = $cff_like_box_border;
989
 
@@ -2235,6 +2239,13 @@ function cff_style_page() {
2235
  <span><span>Eg. 50%, 300px</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%'); ?></i></span>
2236
  </td>
2237
  </tr>
 
 
 
 
 
 
 
2238
  <tr valign="top">
2239
  <th class="bump-left" scope="row"><label><?php _e('Show faces of fans'); ?></label></th>
2240
  <td>
@@ -2252,6 +2263,8 @@ function cff_style_page() {
2252
  </tbody>
2253
  </table>
2254
 
 
 
2255
  <hr />
2256
  <h3><?php _e('Custom CSS'); ?></h3>
2257
  <table class="form-table">
@@ -2285,7 +2298,6 @@ function cff_style_page() {
2285
  </tr>
2286
  </tbody>
2287
  </table>
2288
- <?php submit_button(); ?>
2289
 
2290
 
2291
  <hr />
453
  'cff_like_box_position' => 'bottom',
454
  'cff_like_box_outside' => false,
455
  'cff_likebox_width' => '',
456
+ 'cff_likebox_height' => '',
457
  'cff_like_box_faces' => false,
458
  'cff_like_box_border' => false,
459
 
642
  $cff_like_box_position = $options[ 'cff_like_box_position' ];
643
  $cff_like_box_outside = $options[ 'cff_like_box_outside' ];
644
  $cff_likebox_width = $options[ 'cff_likebox_width' ];
645
+ $cff_likebox_height = $options[ 'cff_likebox_height' ];
646
  $cff_like_box_faces = $options[ 'cff_like_box_faces' ];
647
  $cff_like_box_border = $options[ 'cff_like_box_border' ];
648
 
958
  if (isset($_POST[ 'cff_like_box_text_color' ])) $cff_like_box_text_color = $_POST[ 'cff_like_box_text_color' ];
959
 
960
  if (isset($_POST[ 'cff_likebox_width' ])) $cff_likebox_width = $_POST[ 'cff_likebox_width' ];
961
+ if (isset($_POST[ 'cff_likebox_height' ])) $cff_likebox_height = $_POST[ 'cff_likebox_height' ];
962
  (isset($_POST[ 'cff_like_box_faces' ])) ? $cff_like_box_faces = $_POST[ 'cff_like_box_faces' ] : $cff_like_box_faces = '';
963
  (isset($_POST[ 'cff_like_box_border' ])) ? $cff_like_box_border = $_POST[ 'cff_like_box_border' ] : $cff_like_box_border = '';
964
 
987
  $options[ 'cff_like_box_text_color' ] = $cff_like_box_text_color;
988
 
989
  $options[ 'cff_likebox_width' ] = $cff_likebox_width;
990
+ $options[ 'cff_likebox_height' ] = $cff_likebox_height;
991
  $options[ 'cff_like_box_faces' ] = $cff_like_box_faces;
992
  $options[ 'cff_like_box_border' ] = $cff_like_box_border;
993
 
2239
  <span><span>Eg. 50%, 300px</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%'); ?></i></span>
2240
  </td>
2241
  </tr>
2242
+ <tr valign="top">
2243
+ <th class="bump-left" for="cff_likebox_height" scope="row"><label><?php _e('Custom Like Box Height'); ?></label></th>
2244
+ <td>
2245
+ <input name="cff_likebox_height" type="text" value="<?php esc_attr_e( $cff_likebox_height ); ?>" size="3" />
2246
+ <span>px</span>
2247
+ </td>
2248
+ </tr>
2249
  <tr valign="top">
2250
  <th class="bump-left" scope="row"><label><?php _e('Show faces of fans'); ?></label></th>
2251
  <td>
2263
  </tbody>
2264
  </table>
2265
 
2266
+ <?php submit_button(); ?>
2267
+
2268
  <hr />
2269
  <h3><?php _e('Custom CSS'); ?></h3>
2270
  <table class="form-table">
2298
  </tr>
2299
  </tbody>
2300
  </table>
 
2301
 
2302
 
2303
  <hr />
custom-facebook-feed.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Custom Facebook Feed
4
  Plugin URI: http://smashballoon.com/custom-facebook-feed
5
  Description: Add a completely customizable Facebook feed to your WordPress site
6
- Version: 1.9.4
7
  Author: Smash Balloon
8
  Author URI: http://smashballoon.com/
9
  License: GPLv2 or later
@@ -137,6 +137,7 @@ function display_cff($atts) {
137
  'likeboxcolor' => isset($options[ 'cff_likebox_bg_color' ]) ? $options[ 'cff_likebox_bg_color' ] : '',
138
  'likeboxtextcolor' => isset($options[ 'cff_like_box_text_color' ]) ? $options[ 'cff_like_box_text_color' ] : '',
139
  'likeboxwidth' => isset($options[ 'cff_likebox_width' ]) ? $options[ 'cff_likebox_width' ] : '',
 
140
  'likeboxfaces' => isset($options[ 'cff_like_box_faces' ]) ? $options[ 'cff_like_box_faces' ] : '',
141
  'likeboxborder' => isset($options[ 'cff_like_box_border' ]) ? $options[ 'cff_like_box_border' ] : '',
142
 
@@ -396,6 +397,9 @@ function display_cff($atts) {
396
  if ($cff_like_box_text_color == 'white') $cff_like_box_colorscheme = 'dark';
397
 
398
  $cff_likebox_width = $atts[ 'likeboxwidth' ];
 
 
 
399
  if ( !isset($cff_likebox_width) || empty($cff_likebox_width) || $cff_likebox_width == '' ) $cff_likebox_width = '100%';
400
  $cff_like_box_faces = $atts[ 'likeboxfaces' ];
401
  if ( !isset($cff_like_box_faces) || empty($cff_like_box_faces) ) $cff_like_box_faces = 'false';
@@ -408,7 +412,7 @@ function display_cff($atts) {
408
 
409
  //Compile Like box styles
410
  $cff_likebox_styles = 'style="width: ' . $cff_likebox_width . ';';
411
- if ( !empty($cff_likebox_bg_color) ) $cff_likebox_styles .= 'background-color: #' . str_replace('#', '', $cff_likebox_bg_color) . '; margin-left: 0; ';
412
  if ( empty($cff_likebox_bg_color) && $cff_like_box_faces == 'false' ) $cff_likebox_styles .= ' margin-left: -10px;';
413
  $cff_likebox_styles .= '"';
414
 
@@ -546,7 +550,7 @@ function display_cff($atts) {
546
  $like_box = '<div class="cff-likebox';
547
  if ($cff_like_box_outside) $like_box .= ' cff-outside';
548
  $like_box .= ($cff_like_box_position == 'top') ? ' top' : ' bottom';
549
- $like_box .= '" ' . $cff_likebox_styles . '><script src="https://connect.facebook.net/' . $cff_locale . '/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/' . $page_id . '" show_faces="'.$cff_like_box_faces.'" stream="false" header="false" colorscheme="'. $cff_like_box_colorscheme .'" show_border="'. $cff_like_box_border .'"></fb:like-box></div>';
550
  //Don't show like box if it's a group
551
  if($cff_is_group) $like_box = '';
552
 
@@ -572,7 +576,7 @@ function display_cff($atts) {
572
  if(!empty($cff_header_icon_size)) $cff_header .= ' font-size: ' . $cff_header_icon_size . 'px;';
573
  if(!empty($cff_header_icon_color) || !empty($cff_header_icon_size))$cff_header .= '"';
574
  $cff_header .= '></i>';
575
- $cff_header .= $cff_header_text;
576
  $cff_header .= '</h3>';
577
 
578
 
@@ -834,7 +838,7 @@ function display_cff($atts) {
834
 
835
  for($i = count($message_tags_arr); $i >= 1; $i--) {
836
 
837
- $b = '<a href="http://facebook.com/' . $message_tags_arr[$i]['id'] . '" target="_blank">' . $message_tags_arr[$i]['name'] . '</a>';
838
  $c = $message_tags_arr[$i]['offset'];
839
  $d = $message_tags_arr[$i]['length'];
840
 
3
  Plugin Name: Custom Facebook Feed
4
  Plugin URI: http://smashballoon.com/custom-facebook-feed
5
  Description: Add a completely customizable Facebook feed to your WordPress site
6
+ Version: 1.9.5
7
  Author: Smash Balloon
8
  Author URI: http://smashballoon.com/
9
  License: GPLv2 or later
137
  'likeboxcolor' => isset($options[ 'cff_likebox_bg_color' ]) ? $options[ 'cff_likebox_bg_color' ] : '',
138
  'likeboxtextcolor' => isset($options[ 'cff_like_box_text_color' ]) ? $options[ 'cff_like_box_text_color' ] : '',
139
  'likeboxwidth' => isset($options[ 'cff_likebox_width' ]) ? $options[ 'cff_likebox_width' ] : '',
140
+ 'likeboxheight' => isset($options[ 'cff_likebox_height' ]) ? $options[ 'cff_likebox_height' ] : '',
141
  'likeboxfaces' => isset($options[ 'cff_like_box_faces' ]) ? $options[ 'cff_like_box_faces' ] : '',
142
  'likeboxborder' => isset($options[ 'cff_like_box_border' ]) ? $options[ 'cff_like_box_border' ] : '',
143
 
397
  if ($cff_like_box_text_color == 'white') $cff_like_box_colorscheme = 'dark';
398
 
399
  $cff_likebox_width = $atts[ 'likeboxwidth' ];
400
+ $cff_likebox_height = $atts[ 'likeboxheight' ];
401
+ $cff_likebox_height = preg_replace('/px$/', '', $cff_likebox_height);
402
+
403
  if ( !isset($cff_likebox_width) || empty($cff_likebox_width) || $cff_likebox_width == '' ) $cff_likebox_width = '100%';
404
  $cff_like_box_faces = $atts[ 'likeboxfaces' ];
405
  if ( !isset($cff_like_box_faces) || empty($cff_like_box_faces) ) $cff_like_box_faces = 'false';
412
 
413
  //Compile Like box styles
414
  $cff_likebox_styles = 'style="width: ' . $cff_likebox_width . ';';
415
+ if ( !empty($cff_likebox_bg_color) ) $cff_likebox_styles .= ' background-color: #' . str_replace('#', '', $cff_likebox_bg_color) . ';';
416
  if ( empty($cff_likebox_bg_color) && $cff_like_box_faces == 'false' ) $cff_likebox_styles .= ' margin-left: -10px;';
417
  $cff_likebox_styles .= '"';
418
 
550
  $like_box = '<div class="cff-likebox';
551
  if ($cff_like_box_outside) $like_box .= ' cff-outside';
552
  $like_box .= ($cff_like_box_position == 'top') ? ' top' : ' bottom';
553
+ $like_box .= '" ' . $cff_likebox_styles . '><script src="https://connect.facebook.net/' . $cff_locale . '/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/' . $page_id . '" show_faces="'.$cff_like_box_faces.'" stream="false" header="false" colorscheme="'. $cff_like_box_colorscheme .'" show_border="'. $cff_like_box_border .'" data-height="'.$cff_likebox_height.'"></fb:like-box></div>';
554
  //Don't show like box if it's a group
555
  if($cff_is_group) $like_box = '';
556
 
576
  if(!empty($cff_header_icon_size)) $cff_header .= ' font-size: ' . $cff_header_icon_size . 'px;';
577
  if(!empty($cff_header_icon_color) || !empty($cff_header_icon_size))$cff_header .= '"';
578
  $cff_header .= '></i>';
579
+ $cff_header .= '<span class="header-text" style="height: '.$cff_header_icon_size.'px;">' . $cff_header_text . '</span>';
580
  $cff_header .= '</h3>';
581
 
582
 
838
 
839
  for($i = count($message_tags_arr); $i >= 1; $i--) {
840
 
841
+ $b = '<a href="http://facebook.com/' . $message_tags_arr[$i]['id'] . '" style="color: #'.str_replace('#', '', $atts['textlinkcolor']).';" target="_blank">' . $message_tags_arr[$i]['name'] . '</a>';
842
  $c = $message_tags_arr[$i]['offset'];
843
  $d = $message_tags_arr[$i]['length'];
844