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

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#x2F;', '', $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