Custom Facebook Feed - Version 1.5.9

Version Description

Download this release

Release Info

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

Code changes from version 1.5.2 to 1.5.9

README.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: smashballoon
3
Tags: facebook, custom, customizable, feed, events, seo, search engine, responsive, mobile, shortcode, social, status
4
Requires at least: 3.0
5
Tested up to: 3.6.1
6
- Stable tag: 1.5.2
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
@@ -21,6 +21,7 @@ Display a **completely customizable**, **responsive** and **search engine crawla
21
* Display **feeds from multiple different Facebook pages** and use the shortcode to embed them into a page, post or widget anywhere on your site
22
* Show **events** from your Facebook feed with name, date/time, location and description
23
* Add your own **custom CSS**
24
* Show and hide certain parts of each post
25
* Choose to show the Facebook profile picture and name above each post
26
* Select whether to display posts by just the page owner, or everyone who posts on your Facebook page
@@ -88,12 +89,27 @@ You can embed the feed directly into a template file by using the WordPress do_s
88
4. Display Facebook events
89
5. Show and hide certain parts of the posts
90
6. Configuring the plugin
91
- 7. Use the styling options to customize your Facebook feed
92
- 8. It's super easy to display your Facebook feed in any page or post
93
- 9. Add the shortcode to a widget
94
95
== Changelog ==
96
97
= 1.5.2 =
98
* Fix: Fixed JavaScript error in previous update
99
3
Tags: facebook, custom, customizable, feed, events, seo, search engine, responsive, mobile, shortcode, social, status
4
Requires at least: 3.0
5
Tested up to: 3.6.1
6
+ Stable tag: 1.6.0
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
21
* Display **feeds from multiple different Facebook pages** and use the shortcode to embed them into a page, post or widget anywhere on your site
22
* Show **events** from your Facebook feed with name, date/time, location and description
23
* Add your own **custom CSS**
24
+ * **Caching** means that posts load lightning fast. Set your own caching time - check for new posts every few seconds, minutes, hours or days. You decide.
25
* Show and hide certain parts of each post
26
* Choose to show the Facebook profile picture and name above each post
27
* Select whether to display posts by just the page owner, or everyone who posts on your Facebook page
89
4. Display Facebook events
90
5. Show and hide certain parts of the posts
91
6. Configuring the plugin
92
+ 7. Layout & Style page - General options
93
+ 8. Layout & Style page - Post Layout options
94
+ 9. Layout & Style page - Typography options
95
+ 10. Layout & Style page - Misc options
96
+ 11. It's super easy to display your Facebook feed in any page or post
97
+ 12. You can add the shortcode to a widget to display it in your sidebar, footer or any other widgetized area
98
99
== Changelog ==
100
101
+ = 1.6.0 =
102
+ * New: Post caching now temporarily stores your post data in your WordPress database to allow for super quick load times
103
+ * New: Define your own caching time. Check for new posts every few seconds, minutes, hours or days. You decide.
104
+ * New: Define your own custom text for the 'See More' and 'See Less' buttons
105
+ * New: Add your own CSS class to your feeds
106
+ * New: Define a post limit which is higher or lower than the default 25
107
+ * New: Include the Like box inside or outside of the feed's container
108
+ * New: Customize the event date independently
109
+ * New: Improved layout of admin pages for easier navigation and customization
110
+ * Fix: Provided a fix for the Facebook API duplicate post bug
111
+ * Fix: Fixed bug which ocurred when multiple feeds are displayed on the same page with different text lengths defined
112
+
113
= 1.5.2 =
114
* Fix: Fixed JavaScript error in previous update
115
css/cff-style.css CHANGED
@@ -24,14 +24,19 @@
24
/******************/
25
/*** TYPOGRAPHY ***/
26
/******************/
27
/* Links */
28
#cff a {
29
- text-decoration:underline;
30
}
31
/* Post titles and body text */
32
#cff h3, #cff h4, #cff h5, #cff h6, #cff p{
33
float: left;
34
width: 100%;
35
padding: 0;
36
margin: 5px 0;
37
line-height: 1.4;
@@ -47,11 +52,9 @@
47
/* Date */
48
#cff .cff-date{
49
float: left;
50
- clear: left;
51
- width: auto;
52
font-size: 11px;
53
}
54
-
55
/************/
56
/***AUTHOR***/
57
/************/
@@ -76,12 +79,30 @@
76
#cff .cff-author a{
77
text-decoration: none;
78
}
79
-
80
/* Link */
81
#cff .cff-expand{
82
font-size: 11px;
83
font-weight: normal;
84
}
85
/*Link text*/
86
#cff .text-link{
87
float: left;
@@ -94,15 +115,12 @@
94
width: 100%;
95
margin-left: 0;
96
}
97
- #cff .break-word{
98
- word-break: break-all;
99
- }
100
- /* Event */
101
#cff .details{
102
float: left;
103
- clear: both;
104
width: 100%;
105
- padding: 15px 0 10px 0;
106
}
107
#cff .details h5{
108
margin: 0 0 5px 0;
@@ -117,24 +135,14 @@
117
}
118
#cff .details .where,
119
#cff .details .when{
120
- font-weight: bold;
121
- }
122
- #cff .details .where{
123
- margin-bottom: -4px;
124
- }
125
- /*****************/
126
- /*** POST META ***/
127
- /*****************/
128
- /* Meta container */
129
- #cff .meta-wrap{
130
- float: left;
131
- width: 100%;
132
}
133
/* View on Facebook / View Link text */
134
#cff .cff-viewpost{
135
float: right;
136
clear: none;
137
- padding-top: 5px;
138
font-size: 11px;
139
}
140
/* Like box */
@@ -146,6 +154,13 @@
146
width: 100%;
147
margin-left: -10px;
148
}
149
/* Clear fix */
150
.clear:after {
151
clear: both;
@@ -158,7 +173,6 @@
158
display: inline-block;
159
display: block;
160
}
161
-
162
/*********************/
163
/*** STYLE OPTIONS ***/
164
/*********************/
24
/******************/
25
/*** TYPOGRAPHY ***/
26
/******************/
27
+ /*See more/less links*/
28
+ #cff .less{
29
+ display: none;
30
+ }
31
/* Links */
32
#cff a {
33
+ text-decoration: underline;
34
}
35
/* Post titles and body text */
36
#cff h3, #cff h4, #cff h5, #cff h6, #cff p{
37
float: left;
38
width: 100%;
39
+ clear: both;
40
padding: 0;
41
margin: 5px 0;
42
line-height: 1.4;
52
/* Date */
53
#cff .cff-date{
54
float: left;
55
+ width: 100%;
56
font-size: 11px;
57
}
58
/************/
59
/***AUTHOR***/
60
/************/
79
#cff .cff-author a{
80
text-decoration: none;
81
}
82
+ /*************/
83
+ /*** MEDIA ***/
84
+ /*************/
85
+ #cff .break-word{
86
+ word-break: break-all;
87
+ }
88
/* Link */
89
#cff .cff-expand{
90
+ display: none;
91
+ }
92
+ #cff .cff-expand a{
93
font-size: 11px;
94
font-weight: normal;
95
}
96
+ /*Link image*/
97
+ #cff .link{
98
+ float: left;
99
+ clear: both;
100
+ max-width: 20%;
101
+ margin-top: 10px;
102
+ }
103
+ #cff .link img{
104
+ max-width: 100%;
105
+ }
106
/*Link text*/
107
#cff .text-link{
108
float: left;
115
width: 100%;
116
margin-left: 0;
117
}
118
+ /* Feed events */
119
#cff .details{
120
float: left;
121
+ clear: none;
122
width: 100%;
123
+ padding: 0 0 10px 0;
124
}
125
#cff .details h5{
126
margin: 0 0 5px 0;
135
}
136
#cff .details .where,
137
#cff .details .when{
138
+ /*font-weight: bold;*/
139
}
140
+
141
/* View on Facebook / View Link text */
142
#cff .cff-viewpost{
143
float: right;
144
clear: none;
145
+ padding-top: 12px;
146
font-size: 11px;
147
}
148
/* Like box */
154
width: 100%;
155
margin-left: -10px;
156
}
157
+ /*Like box is not inside of #cff*/
158
+ .cff-likebox.top.outside{
159
+ margin-bottom: 10px;
160
+ }
161
+ .cff-likebox.bottom.outside{
162
+ margin-top: 10px;
163
+ }
164
/* Clear fix */
165
.clear:after {
166
clear: both;
173
display: inline-block;
174
display: block;
175
}
176
/*********************/
177
/*** STYLE OPTIONS ***/
178
/*********************/
custom-facebook-feed-admin.php CHANGED
@@ -33,41 +33,69 @@ add_action('admin_menu', 'cff_styling_menu');
33
//Create Settings page
34
function cff_settings_page() {
35
//Declare variables for fields
36
- $hidden_field_name = 'cff_submit_hidden';
37
- $access_token = 'cff_access_token';
38
- $page_id = 'cff_page_id';
39
- $num_show = 'cff_num_show';
40
- $cff_show_others = 'cff_show_others';
41
-
42
// Read in existing option value from database
43
$access_token_val = get_option( $access_token );
44
$page_id_val = get_option( $page_id );
45
- $num_show_val = get_option( $num_show );
46
$cff_show_others_val = get_option( $cff_show_others );
47
-
48
// See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
49
if( isset($_POST[ $hidden_field_name ]) && $_POST[ $hidden_field_name ] == 'Y' ) {
50
// Read their posted value
51
$access_token_val = $_POST[ $access_token ];
52
$page_id_val = $_POST[ $page_id ];
53
$num_show_val = $_POST[ $num_show ];
54
$cff_show_others_val = $_POST[ $cff_show_others ];
55
-
56
// Save the posted value in the database
57
update_option( $access_token, $access_token_val );
58
update_option( $page_id, $page_id_val );
59
update_option( $num_show, $num_show_val );
60
update_option( $cff_show_others, $cff_show_others_val );
61
-
62
// Put an settings updated message on the screen
63
?>
64
<div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
65
<?php } ?>
66
67
- <div class="wrap">
68
- <h2><?php _e('Custom Facebook Feed Settings'); ?></h2>
69
<form name="form1" method="post" action="">
70
<input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
71
<h3><?php _e('Configuration'); ?></h3>
72
<table class="form-table">
73
<tbody>
@@ -75,74 +103,120 @@ function cff_settings_page() {
75
<th scope="row"><?php _e('Access Token'); ?></th>
76
<td>
77
<input name="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val ); ?>" size="60" />
78
- <a href="http://smashballoon.com/custom-facebook-feed/access-token/" target="_blank">How to get an Access Token</a>
79
</td>
80
</tr>
81
<tr valign="top">
82
- <th scope="row"><?php _e('Page ID'); ?></th>
83
<td>
84
<input name="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val ); ?>" size="60" />
85
- <a href="http://smashballoon.com/custom-facebook-feed/faq/" target="_blank">What's my Page ID?</a>
86
</td>
87
</tr>
88
<tr valign="top">
89
<th scope="row"><?php _e('Number of posts to display'); ?></th>
90
<td>
91
<input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val ); ?>" size="4" />
92
</td>
93
</tr>
94
<tr valign="top">
95
<th scope="row"><?php _e('Show posts by others on my page'); ?></th>
96
<td>
97
<input name="cff_show_others" type="checkbox" id="cff_show_others" <?php if($cff_show_others_val == true) echo "checked"; ?> />
98
- <i style="color: #666; font-size: 11px;">By default only posts by the page owner will be shown. Check this box to also show posts by others.</span>
99
</td>
100
</tr>
101
</tbody>
102
</table>
103
<?php submit_button(); ?>
104
</form>
105
<hr />
106
- <h4>Displaying your Feed</h4>
107
- <p>Copy and paste this shortcode directly into the page, post or widget where you'd like the feed to show up:</p>
108
- <input type="text" value="[custom-facebook-feed]" size="22" readonly="readonly" onclick="this.focus();this.select()" id="system-info-textarea" name="edd-sysinfo" title="To copy, click the field then press Ctrl + C (PC) or Cmd + C (Mac)." />
109
110
- <p>You can override the settings above directly in the shortcode like so:</p>
111
112
- <p>Eg: [custom-facebook-feed <b><span style='color: green;'>id=<i>Put_Your_Page_ID_Here</i></span> <span style='color: purple;'>num=3</span> <span style='color: blue;'>height=500px</span></b>]</p>
113
-
114
- <p><a href="http://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank">Click here</a> for a full list of shortcode options <i style="color: #666; font-size: 11px;">(Please note that some of them will only work with the Pro version of the plugin)</i></p>
115
- <br />
116
<hr />
117
- <br />
118
- <p><a href="http://smashballoon.com/custom-facebook-feed/support" target="_blank">Plugin Support</a> - Smash Balloon is committed to making this plugin better. Please let us know if you have had any issues when using this plugin so that we can continue to improve it!</p>
119
- <br /><br />
120
<a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
121
122
- <div class="wrap">
123
- <h2><?php _e('System Info'); ?></h2>
124
- <p>PHP Version: <b><?php echo PHP_VERSION . "\n"; ?></b></p>
125
- <p>Web Server Info: <b><?php echo $_SERVER['SERVER_SOFTWARE'] . "\n"; ?></b></p>
126
- <p>PHP allow_url_fopen: <b><?php echo ini_get( 'allow_url_fopen' ) ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>"; ?></b></p>
127
- <p>PHP cURL: <b><?php echo is_callable('curl_init') ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
128
- <p>JSON: <b><?php echo function_exists("json_decode") ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
129
- </div>
130
<?php
131
} //End Settings_Page
132
//Create Style page
133
function cff_style_page() {
134
//Declare variables for fields
135
- $style_hidden_field_name = 'cff_style_submit_hidden';
136
$defaults = array(
137
//Include
138
'cff_show_text' => true,
139
'cff_show_desc' => true,
140
'cff_show_date' => true,
141
'cff_show_event_title' => true,
142
'cff_show_event_details' => true,
143
'cff_show_link' => true,
144
'cff_show_like_box' => true,
145
//Typography
146
'cff_title_format' => 'p',
147
'cff_title_size' => 'inherit',
148
'cff_title_weight' => 'inherit',
@@ -150,15 +224,22 @@ function cff_style_page() {
150
'cff_body_size' => 'inherit',
151
'cff_body_weight' => 'inherit',
152
'cff_body_color' => '',
153
'cff_event_title_format' => 'p',
154
'cff_event_title_size' => 'inherit',
155
'cff_event_title_weight' => 'inherit',
156
'cff_event_title_color' => '',
157
'cff_event_details_size' => 'inherit',
158
'cff_event_details_weight' => 'inherit',
159
'cff_event_details_color' => '',
160
- 'cff_event_date_formatting' => '1',
161
- 'cff_event_date_custom' => '',
162
//Date
163
'cff_date_position' => 'below',
164
'cff_date_size' => 'inherit',
@@ -174,34 +255,57 @@ function cff_style_page() {
174
'cff_link_color' => '',
175
'cff_facebook_link_text' => 'View on Facebook',
176
'cff_view_link_text' => 'View Link',
177
//Misc
178
'cff_feed_width' => '',
179
'cff_feed_height' => '',
180
- 'cff_feed_padding' => '',
181
'cff_like_box_position' => 'bottom',
182
'cff_bg_color' => '',
183
'cff_likebox_bg_color' => '',
184
'cff_show_author' => false,
185
//New
186
'cff_custom_css' => '',
187
'cff_title_link' => false,
188
'cff_event_title_link' => false,
189
'cff_sep_color' => '',
190
'cff_sep_size' => '1'
191
);
192
- //Save layout options in an array
193
add_option( 'cff_style_settings', $options );
194
$options = wp_parse_args(get_option('cff_style_settings'), $defaults);
195
//Set the page variables
196
//Include
197
$cff_show_text = $options[ 'cff_show_text' ];
198
$cff_show_desc = $options[ 'cff_show_desc' ];
199
$cff_show_date = $options[ 'cff_show_date' ];
200
$cff_show_event_title = $options[ 'cff_show_event_title' ];
201
$cff_show_event_details = $options[ 'cff_show_event_details' ];
202
$cff_show_link = $options[ 'cff_show_link' ];
203
$cff_show_like_box = $options[ 'cff_show_like_box' ];
204
//Typography
205
$cff_title_format = $options[ 'cff_title_format' ];
206
$cff_title_size = $options[ 'cff_title_size' ];
207
$cff_title_weight = $options[ 'cff_title_weight' ];
@@ -209,16 +313,22 @@ function cff_style_page() {
209
$cff_body_size = $options[ 'cff_body_size' ];
210
$cff_body_weight = $options[ 'cff_body_weight' ];
211
$cff_body_color = $options[ 'cff_body_color' ];
212
$cff_event_title_format = $options[ 'cff_event_title_format' ];
213
$cff_event_title_size = $options[ 'cff_event_title_size' ];
214
$cff_event_title_weight = $options[ 'cff_event_title_weight' ];
215
$cff_event_title_color = $options[ 'cff_event_title_color' ];
216
$cff_event_details_size = $options[ 'cff_event_details_size' ];
217
$cff_event_details_weight = $options[ 'cff_event_details_weight' ];
218
$cff_event_details_color = $options[ 'cff_event_details_color' ];
219
- $cff_event_date_formatting = $options[ 'cff_event_date_formatting' ];
220
- $cff_event_date_custom = $options[ 'cff_event_date_custom' ];
221
-
222
//Date
223
$cff_date_position = $options[ 'cff_date_position' ];
224
$cff_date_size = $options[ 'cff_date_size' ];
@@ -234,155 +344,231 @@ function cff_style_page() {
234
$cff_link_color = $options[ 'cff_link_color' ];
235
$cff_facebook_link_text = $options[ 'cff_facebook_link_text' ];
236
$cff_view_link_text = $options[ 'cff_view_link_text' ];
237
//Misc
238
$cff_feed_width = $options[ 'cff_feed_width' ];
239
$cff_feed_height = $options[ 'cff_feed_height' ];
240
$cff_feed_padding = $options[ 'cff_feed_padding' ];
241
$cff_like_box_position = $options[ 'cff_like_box_position' ];
242
$cff_open_links = $options[ 'cff_open_links' ];
243
$cff_bg_color = $options[ 'cff_bg_color' ];
244
$cff_likebox_bg_color = $options[ 'cff_likebox_bg_color' ];
245
$cff_show_author = $options[ 'cff_show_author' ];
246
-
247
//New
248
$cff_custom_css = $options[ 'cff_custom_css' ];
249
$cff_title_link = $options[ 'cff_title_link' ];
250
$cff_event_title_link = $options[ 'cff_event_title_link' ];
251
$cff_sep_color = $options[ 'cff_sep_color' ];
252
$cff_sep_size = $options[ 'cff_sep_size' ];
253
-
254
- // Texts lengths
255
- $cff_title_length = 'cff_title_length';
256
$cff_body_length = 'cff_body_length';
257
// Read in existing option value from database
258
$cff_title_length_val = get_option( $cff_title_length );
259
$cff_body_length_val = get_option( $cff_body_length );
260
// See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
261
if( isset($_POST[ $style_hidden_field_name ]) && $_POST[ $style_hidden_field_name ] == 'Y' ) {
262
-
263
- // Read their posted value
264
- $cff_title_length_val = $_POST[ $cff_title_length ];
265
- $cff_body_length_val = $_POST[ $cff_body_length ];
266
- // Save the posted value in the database
267
- update_option( $cff_title_length, $cff_title_length_val );
268
- update_option( $cff_body_length, $cff_body_length_val );
269
-
270
- //Update the page variable
271
- //Include
272
- $cff_show_text = $_POST[ 'cff_show_text' ];
273
- $cff_show_desc = $_POST[ 'cff_show_desc' ];
274
- $cff_show_date = $_POST[ 'cff_show_date' ];
275
- $cff_show_event_title = $_POST[ 'cff_show_event_title' ];
276
- $cff_show_event_details = $_POST[ 'cff_show_event_details' ];
277
- $cff_show_link = $_POST[ 'cff_show_link' ];
278
- $cff_show_like_box = $_POST[ 'cff_show_like_box' ];
279
- //Typography
280
- $cff_title_format = $_POST[ 'cff_title_format' ];
281
- $cff_title_size = $_POST[ 'cff_title_size' ];
282
- $cff_title_weight = $_POST[ 'cff_title_weight' ];
283
- $cff_title_color = $_POST[ 'cff_title_color' ];
284
- $cff_body_size = $_POST[ 'cff_body_size' ];
285
- $cff_body_weight = $_POST[ 'cff_body_weight' ];
286
- $cff_body_color = $_POST[ 'cff_body_color' ];
287
- $cff_event_title_format = $_POST[ 'cff_event_title_format' ];
288
- $cff_event_title_size = $_POST[ 'cff_event_title_size' ];
289
- $cff_event_title_weight = $_POST[ 'cff_event_title_weight' ];
290
- $cff_event_title_color = $_POST[ 'cff_event_title_color' ];
291
- $cff_event_details_size = $_POST[ 'cff_event_details_size' ];
292
- $cff_event_details_weight = $_POST[ 'cff_event_details_weight' ];
293
- $cff_event_details_color = $_POST[ 'cff_event_details_color' ];
294
- $cff_event_date_formatting = $_POST[ 'cff_event_date_formatting' ];
295
- $cff_event_date_custom = $_POST[ 'cff_event_date_custom' ];
296
-
297
- //Date
298
- $cff_date_position = $_POST[ 'cff_date_position' ];
299
- $cff_date_size = $_POST[ 'cff_date_size' ];
300
- $cff_date_weight = $_POST[ 'cff_date_weight' ];
301
- $cff_date_color = $_POST[ 'cff_date_color' ];
302
- $cff_date_formatting = $_POST[ 'cff_date_formatting' ];
303
- $cff_date_custom = $_POST[ 'cff_date_custom' ];
304
- $cff_date_before = $_POST[ 'cff_date_before' ];
305
- $cff_date_after = $_POST[ 'cff_date_after' ];
306
- //View on Facebook link
307
- $cff_link_size = $_POST[ 'cff_link_size' ];
308
- $cff_link_weight = $_POST[ 'cff_link_weight' ];
309
- $cff_link_color = $_POST[ 'cff_link_color' ];
310
- $cff_facebook_link_text = $_POST[ 'cff_facebook_link_text' ];
311
- $cff_view_link_text = $_POST[ 'cff_view_link_text' ];
312
- //Misc
313
- $cff_feed_width = $_POST[ 'cff_feed_width' ];
314
- $cff_feed_height = $_POST[ 'cff_feed_height' ];
315
- $cff_feed_padding = $_POST[ 'cff_feed_padding' ];
316
- $cff_like_box_position = $_POST[ 'cff_like_box_position' ];
317
- $cff_open_links = $_POST[ 'cff_open_links' ];
318
- $cff_bg_color = $_POST[ 'cff_bg_color' ];
319
- $cff_likebox_bg_color = $_POST[ 'cff_likebox_bg_color' ];
320
- $cff_show_author = $_POST[ 'cff_show_author' ];
321
-
322
- //New
323
- $cff_custom_css = $_POST[ 'cff_custom_css' ];
324
- $cff_title_link = $_POST[ 'cff_title_link' ];
325
- $cff_event_title_link = $_POST[ 'cff_event_title_link' ];
326
- $cff_sep_color = $_POST[ 'cff_sep_color' ];
327
- $cff_sep_size = $_POST[ 'cff_sep_size' ];
328
- //Update the options in the array in the database
329
- //Include
330
- $options[ 'cff_show_text' ] = $cff_show_text;
331
- $options[ 'cff_show_desc' ] = $cff_show_desc;
332
- $options[ 'cff_show_date' ] = $cff_show_date;
333
- $options[ 'cff_show_event_title' ] = $cff_show_event_title;
334
- $options[ 'cff_show_event_details' ] = $cff_show_event_details;
335
- $options[ 'cff_show_link' ] = $cff_show_link;
336
- $options[ 'cff_show_like_box' ] = $cff_show_like_box;
337
- //Typography
338
- $options[ 'cff_title_format' ] = $cff_title_format;
339
- $options[ 'cff_title_size' ] = $cff_title_size;
340
- $options[ 'cff_title_weight' ] = $cff_title_weight;
341
- $options[ 'cff_title_color' ] = $cff_title_color;
342
- $options[ 'cff_body_size' ] = $cff_body_size;
343
- $options[ 'cff_body_weight' ] = $cff_body_weight;
344
- $options[ 'cff_body_color' ] = $cff_body_color;
345
- $options[ 'cff_event_title_format' ] = $cff_event_title_format;
346
- $options[ 'cff_event_title_size' ] = $cff_event_title_size;
347
- $options[ 'cff_event_title_weight' ] = $cff_event_title_weight;
348
- $options[ 'cff_event_title_color' ] = $cff_event_title_color;
349
- $options[ 'cff_event_details_size' ] = $cff_event_details_size;
350
- $options[ 'cff_event_details_weight' ] = $cff_event_details_weight;
351
- $options[ 'cff_event_details_color' ] = $cff_event_details_color;
352
- $options[ 'cff_event_date_formatting' ] = $cff_event_date_formatting;
353
- $options[ 'cff_event_date_custom' ] = $cff_event_date_custom;
354
-
355
- //Date
356
- $options[ 'cff_date_position' ] = $cff_date_position;
357
- $options[ 'cff_date_size' ] = $cff_date_size;
358
- $options[ 'cff_date_weight' ] = $cff_date_weight;
359
- $options[ 'cff_date_color' ] = $cff_date_color;
360
- $options[ 'cff_date_formatting' ] = $cff_date_formatting;
361
- $options[ 'cff_date_custom' ] = $cff_date_custom;
362
- $options[ 'cff_date_before' ] = $cff_date_before;
363
- $options[ 'cff_date_after' ] = $cff_date_after;
364
- //Link
365
- $options[ 'cff_link_size' ] = $cff_link_size;
366
- $options[ 'cff_link_weight' ] = $cff_link_weight;
367
- $options[ 'cff_link_color' ] = $cff_link_color;
368
- $options[ 'cff_facebook_link_text' ] = $cff_facebook_link_text;
369
- $options[ 'cff_view_link_text' ] = $cff_view_link_text;
370
- //Misc
371
- $options[ 'cff_feed_width' ] = $cff_feed_width;
372
- $options[ 'cff_feed_height' ] = $cff_feed_height;
373
- $options[ 'cff_feed_padding' ] = $cff_feed_padding;
374
- $options[ 'cff_like_box_position' ] = $cff_like_box_position;
375
- $options[ 'cff_open_links' ] = $cff_open_links;
376
- $options[ 'cff_bg_color' ] = $cff_bg_color;
377
- $options[ 'cff_likebox_bg_color' ] = $cff_likebox_bg_color;
378
- $options[ 'cff_show_author' ] = $cff_show_author;
379
-
380
- //New
381
- $options[ 'cff_custom_css' ] = $cff_custom_css;
382
- $options[ 'cff_title_link' ] = $cff_title_link;
383
- $options[ 'cff_event_title_link' ] = $cff_event_title_link;
384
- $options[ 'cff_sep_color' ] = $cff_sep_color;
385
- $options[ 'cff_sep_size' ] = $cff_sep_size;
386
//Update the array
387
update_option( 'cff_style_settings', $options );
388
// Put an settings updated message on the screen
@@ -390,12 +576,24 @@ function cff_style_page() {
390
<div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
391
<?php } ?>
392
393
- <div class="wrap">
394
- <h2><?php _e('Custom Facebook Feed - Layout and Style'); ?></h2>
395
<form name="form1" method="post" action="">
396
<input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
397
<br />
398
- <hr />
399
<table class="form-table">
400
<tbody>
401
<h3><?php _e('General'); ?></h3>
@@ -403,28 +601,28 @@ function cff_style_page() {
403
<th scope="row"><?php _e('Feed Width'); ?></th>
404
<td>
405
<input name="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width ); ?>" size="6" />
406
- <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;">Default is 100%</i></span>
407
</td>
408
</tr>
409
<tr valign="top">
410
<th scope="row"><?php _e('Feed Height'); ?></th>
411
<td>
412
<input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height ); ?>" size="6" />
413
- <span>Eg. 500px, 50em. <i style="color: #666; font-size: 11px; margin-left: 5px;">Leave empty to set no maximum height. If the feed exceeds this height then a scroll bar will be used.</i></span>
414
</td>
415
</tr>
416
<th scope="row"><?php _e('Feed Padding'); ?></th>
417
<td>
418
<input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding ); ?>" size="6" />
419
- <span>Eg. 20px, 5%. <i style="color: #666; font-size: 11px; margin-left: 5px;">This is the amount of padding/spacing that goes around the feed. This is particularly useful if you intend to set a background color on the feed.</i></span>
420
</td>
421
</tr>
422
<tr valign="top">
423
<th scope="row"><?php _e('Feed Background Color'); ?></th>
424
<td>
425
<label for="cff_bg_color">#</label>
426
- <input name="cff_bg_color" type="text" value="<?php esc_attr_e( $cff_bg_color ); ?>" size="10" />
427
- <span>Eg. ED9A00 <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a></span>
428
</td>
429
</tr>
430
<tr valign="top">
@@ -432,493 +630,706 @@ function cff_style_page() {
432
<td>
433
<input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
434
<label for="cff_show_status_type">Yes</label>
435
- <i style="color: #666; font-size: 11px; margin-left: 5px;">This will show the thumbnail picture and name of the post author at the top of each post</i>
436
437
</td>
438
</tr>
439
</tbody>
440
</table>
441
- <br />
442
<hr />
443
<table class="form-table">
444
<tbody>
445
<h3><?php _e('Post Types'); ?></h3>
446
<tr valign="top">
447
- <th scope="row"><?php _e('Only show these types of posts:'); ?></th>
448
<td>
449
- <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled checked />
450
- <label for="cff_show_status_type">Statuses</label>
451
- &nbsp;&nbsp;
452
-
453
- <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled checked />
454
- <label for="cff_show_event_type">Events</label>
455
- &nbsp;&nbsp;
456
- <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled checked />
457
- <label for="cff_show_photos_type">Photos</label>
458
- &nbsp;&nbsp;
459
- <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled checked />
460
- <label for="cff_show_video_type">Videos</label>
461
- &nbsp;&nbsp;
462
- <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled checked />
463
- <label for="cff_show_links_type">Links</label>
464
- &nbsp;
465
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i>
466
</td>
467
</tr>
468
</tbody>
469
</table>
470
<br />
471
- <hr />
472
<h3><?php _e('Post Layout'); ?></h3>
473
<table class="form-table">
474
<tbody>
475
<tr>
476
- <td><p>Choose a post layout:</p></td>
477
<td>
478
<select name="cff_preset_layout" disabled>
479
- <option>Thumbnail</option>
480
- <option>Half-width</option>
481
- <option>Full-width</option>
482
</select>
483
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i>
484
</td>
485
</tr>
486
<tr valign="top">
487
- <th scope="row"><?php _e('Include the following in posts (when applicable):'); ?></th>
488
<td>
489
<div>
490
<input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> />
491
- <label for="cff_show_text">Post text</label>
492
</div>
493
<div>
494
- <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> />
495
- <label for="cff_show_desc">Link description</label>
496
</div>
497
<div>
498
- <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> />
499
- <label for="cff_show_date">Date</label>
500
</div>
501
<div>
502
- <input type="checkbox" disabled />
503
- <label style="color: #999;">Photos/videos</label><i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i>
504
</div>
505
-
506
<div>
507
<input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> />
508
- <label for="cff_show_event_title">Event title</label>
509
</div>
510
<div>
511
<input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> />
512
- <label for="cff_show_event_details">Event details</label>
513
</div>
514
<div>
515
- <input type="checkbox" disabled />
516
- <label style="color: #999;">Like/shares/comments</label><i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i>
517
</div>
518
<div>
519
<input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> />
520
- <label for="cff_show_link">View on Facebook/View Link</label>
521
</div>
522
</td>
523
</tr>
524
</tbody>
525
</table>
526
<?php submit_button(); ?>
527
- <hr />
528
<h3><?php _e('Typography'); ?></h3>
529
- <table class="form-table">
530
- <tbody>
531
- <tr><td><b style="font-size: 14px;"><?php _e('Post Text'); ?></b></td></tr>
532
- <tr>
533
- <th><label for="cff_title_format" class="bump-left">Format</label></th>
534
- <td>
535
- <select name="cff_title_format">
536
- <option value="p" <?php if($cff_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
537
- <option value="h3" <?php if($cff_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option>
538
- <option value="h4" <?php if($cff_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option>
539
- <option value="h5" <?php if($cff_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option>
540
- <option value="h6" <?php if($cff_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option>
541
- </select>
542
- </td>
543
- </tr>
544
- <tr>
545
- <th><label for="cff_title_size" class="bump-left">Text Size</label></th>
546
- <td>
547
- <select name="cff_title_size">
548
- <option value="inherit" <?php if($cff_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
549
- <option value="10" <?php if($cff_title_size == "10") echo 'selected="selected"' ?> >10px</option>
550
- <option value="11" <?php if($cff_title_size == "11") echo 'selected="selected"' ?> >11px</option>
551
- <option value="12" <?php if($cff_title_size == "12") echo 'selected="selected"' ?> >12px</option>
552
- <option value="14" <?php if($cff_title_size == "14") echo 'selected="selected"' ?> >14px</option>
553
- <option value="16" <?php if($cff_title_size == "16") echo 'selected="selected"' ?> >16px</option>
554
- <option value="18" <?php if($cff_title_size == "18") echo 'selected="selected"' ?> >18px</option>
555
- <option value="20" <?php if($cff_title_size == "20") echo 'selected="selected"' ?> >20px</option>
556
- <option value="24" <?php if($cff_title_size == "24") echo 'selected="selected"' ?> >24px</option>
557
- <option value="28" <?php if($cff_title_size == "28") echo 'selected="selected"' ?> >28px</option>
558
- <option value="32" <?php if($cff_title_size == "32") echo 'selected="selected"' ?> >32px</option>
559
- <option value="36" <?php if($cff_title_size == "36") echo 'selected="selected"' ?> >36px</option>
560
- <option value="42" <?php if($cff_title_size == "42") echo 'selected="selected"' ?> >42px</option>
561
- <option value="48" <?php if($cff_title_size == "48") echo 'selected="selected"' ?> >48px</option>
562
- <option value="60" <?php if($cff_title_size == "54") echo 'selected="selected"' ?> >54px</option>
563
- <option value="60" <?php if($cff_title_size == "60") echo 'selected="selected"' ?> >60px</option>
564
- </select>
565
- </td>
566
- </tr>
567
- <tr>
568
- <th><label for="cff_title_weight" class="bump-left">Text Weight</label></th>
569
- <td>
570
- <select name="cff_title_weight">
571
- <option value="inherit" <?php if($cff_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
572
- <option value="normal" <?php if($cff_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
573
- <option value="bold" <?php if($cff_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
574
- </select>
575
- </td>
576
- </tr>
577
- <tr>
578
- <th><label for="cff_title_color" class="bump-left">Text Color</label></th>
579
- <td>
580
- #<input name="cff_title_color" type="text" value="<?php esc_attr_e( $cff_title_color ); ?>" size="10" placeholder="Eg. ED9A00" />
581
- <span><a href="http://www.colorpicker.com/" target="_blank">Color Picker</a></span>
582
- </td>
583
- </tr>
584
- <tr>
585
- <th><label for="cff_title_link" class="bump-left">Link text to Facebook post?</label></th>
586
- <td><input type="checkbox" name="cff_title_link" id="cff_title_link" <?php if($cff_title_link == true) echo 'checked="checked"' ?> />&nbsp;Yes</td>
587
- </tr>
588
589
- <tr><td><b style="font-size: 14px;"><?php _e('Photo/Video Description'); ?></b></td></tr>
590
-
591
- <tr>
592
- <th><label for="cff_body_size" class="bump-left">Text Size</label></th>
593
- <td>
594
- <select name="cff_body_size">
595
- <option value="inherit" <?php if($cff_body_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
596
- <option value="10" <?php if($cff_body_size == "10") echo 'selected="selected"' ?> >10px</option>
597
- <option value="11" <?php if($cff_body_size == "11") echo 'selected="selected"' ?> >11px</option>
598
- <option value="12" <?php if($cff_body_size == "12") echo 'selected="selected"' ?> >12px</option>
599
- <option value="14" <?php if($cff_body_size == "14") echo 'selected="selected"' ?> >14px</option>
600
- <option value="16" <?php if($cff_body_size == "16") echo 'selected="selected"' ?> >16px</option>
601
- <option value="18" <?php if($cff_body_size == "18") echo 'selected="selected"' ?> >18px</option>
602
- <option value="20" <?php if($cff_body_size == "20") echo 'selected="selected"' ?> >20px</option>
603
- <option value="24" <?php if($cff_body_size == "24") echo 'selected="selected"' ?> >24px</option>
604
- <option value="28" <?php if($cff_body_size == "28") echo 'selected="selected"' ?> >28px</option>
605
- <option value="32" <?php if($cff_body_size == "32") echo 'selected="selected"' ?> >32px</option>
606
- <option value="36" <?php if($cff_body_size == "36") echo 'selected="selected"' ?> >36px</option>
607
- <option value="42" <?php if($cff_body_size == "42") echo 'selected="selected"' ?> >42px</option>
608
- <option value="48" <?php if($cff_body_size == "48") echo 'selected="selected"' ?> >48px</option>
609
- <option value="60" <?php if($cff_body_size == "54") echo 'selected="selected"' ?> >54px</option>
610
- <option value="60" <?php if($cff_body_size == "60") echo 'selected="selected"' ?> >60px</option>
611
- </select>
612
- </td>
613
- </tr>
614
- <tr>
615
- <th><label for="cff_body_weight" class="bump-left">Text Weight</label></th>
616
- <td>
617
- <select name="cff_body_weight">
618
- <option value="inherit" <?php if($cff_body_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
619
- <option value="normal" <?php if($cff_body_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
620
- <option value="bold" <?php if($cff_body_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
621
- </select>
622
- </td>
623
- </tr>
624
- <tr>
625
- <th><label for="cff_body_color" class="bump-left">Text Color</label></th>
626
-
627
- <td>
628
- #<input name="cff_body_color" type="text" value="<?php esc_attr_e( $cff_body_color ); ?>" size="10" placeholder="Eg. ED9A00" />
629
- <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
630
- </td>
631
- </tr>
632
- <tr><td><b style="font-size: 14px;"><?php _e('Event Title'); ?></b></td></tr>
633
-
634
- <tr>
635
- <th><label for="cff_event_title_format" class="bump-left">Format</label></th>
636
- <td>
637
- <select name="cff_event_title_format">
638
- <option value="p" <?php if($cff_event_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
639
- <option value="h3" <?php if($cff_event_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option>
640
- <option value="h4" <?php if($cff_event_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option>
641
- <option value="h5" <?php if($cff_event_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option>
642
- <option value="h6" <?php if($cff_event_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option>
643
- </select>
644
- </td>
645
- </tr>
646
-
647
- <tr>
648
- <th><label for="cff_event_title_size" class="bump-left">Text Size</label></th>
649
- <td>
650
- <select name="cff_event_title_size">
651
- <option value="inherit" <?php if($cff_event_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
652
- <option value="10" <?php if($cff_event_title_size == "10") echo 'selected="selected"' ?> >10px</option>
653
- <option value="11" <?php if($cff_event_title_size == "11") echo 'selected="selected"' ?> >11px</option>
654
- <option value="12" <?php if($cff_event_title_size == "12") echo 'selected="selected"' ?> >12px</option>
655
- <option value="14" <?php if($cff_event_title_size == "14") echo 'selected="selected"' ?> >14px</option>
656
- <option value="16" <?php if($cff_event_title_size == "16") echo 'selected="selected"' ?> >16px</option>
657
- <option value="18" <?php if($cff_event_title_size == "18") echo 'selected="selected"' ?> >18px</option>
658
- <option value="20" <?php if($cff_event_title_size == "20") echo 'selected="selected"' ?> >20px</option>
659
- <option value="24" <?php if($cff_event_title_size == "24") echo 'selected="selected"' ?> >24px</option>
660
- <option value="28" <?php if($cff_event_title_size == "28") echo 'selected="selected"' ?> >28px</option>
661
- <option value="32" <?php if($cff_event_title_size == "32") echo 'selected="selected"' ?> >32px</option>
662
- <option value="36" <?php if($cff_event_title_size == "36") echo 'selected="selected"' ?> >36px</option>
663
- <option value="42" <?php if($cff_event_title_size == "42") echo 'selected="selected"' ?> >42px</option>
664
- <option value="48" <?php if($cff_event_title_size == "48") echo 'selected="selected"' ?> >48px</option>
665
- <option value="60" <?php if($cff_event_title_size == "54") echo 'selected="selected"' ?> >54px</option>
666
- <option value="60" <?php if($cff_event_title_size == "60") echo 'selected="selected"' ?> >60px</option>
667
- </select>
668
- </td>
669
- </tr>
670
- <tr>
671
- <th><label for="cff_event_title_weight" class="bump-left">Text Weight</label></th>
672
- <td>
673
- <select name="cff_event_title_weight">
674
- <option value="inherit" <?php if($cff_event_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
675
- <option value="normal" <?php if($cff_event_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
676
- <option value="bold" <?php if($cff_event_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
677
- </select>
678
- </td>
679
- </tr>
680
- <tr>
681
- <th><label for="cff_event_title_color" class="bump-left">Text Color</label></th>
682
- <td>
683
- <input name="cff_event_title_color" type="text" value="<?php esc_attr_e( $cff_event_title_color ); ?>" size="10" placeholder="Eg. ED9A00" />
684
- <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
685
- </td>
686
- </tr>
687
- <tr>
688
- <th><label for="cff_title_link" class="bump-left">Link title to Facebook event page?</label></th>
689
- <td><input type="checkbox" name="cff_event_title_link" id="cff_event_title_link" <?php if($cff_event_title_link == true) echo 'checked="checked"' ?> />&nbsp;Yes</td>
690
- </tr>
691
- <tr><td><b style="font-size: 14px;"><?php _e('Event Details'); ?></b></td></tr>
692
-
693
- <tr>
694
- <th><label for="cff_event_details_size" class="bump-left">Text Size</label></th>
695
- <td>
696
- <select name="cff_event_details_size">
697
- <option value="inherit" <?php if($cff_event_details_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
698
- <option value="10" <?php if($cff_event_details_size == "10") echo 'selected="selected"' ?> >10px</option>
699
- <option value="11" <?php if($cff_event_details_size == "11") echo 'selected="selected"' ?> >11px</option>
700
- <option value="12" <?php if($cff_event_details_size == "12") echo 'selected="selected"' ?> >12px</option>
701
- <option value="14" <?php if($cff_event_details_size == "14") echo 'selected="selected"' ?> >14px</option>
702
- <option value="16" <?php if($cff_event_details_size == "16") echo 'selected="selected"' ?> >16px</option>
703
- <option value="18" <?php if($cff_event_details_size == "18") echo 'selected="selected"' ?> >18px</option>
704
- <option value="20" <?php if($cff_event_details_size == "20") echo 'selected="selected"' ?> >20px</option>
705
- <option value="24" <?php if($cff_event_details_size == "24") echo 'selected="selected"' ?> >24px</option>
706
- <option value="28" <?php if($cff_event_details_size == "28") echo 'selected="selected"' ?> >28px</option>
707
- <option value="32" <?php if($cff_event_details_size == "32") echo 'selected="selected"' ?> >32px</option>
708
- <option value="36" <?php if($cff_event_details_size == "36") echo 'selected="selected"' ?> >36px</option>
709
- <option value="42" <?php if($cff_event_details_size == "42") echo 'selected="selected"' ?> >42px</option>
710
- <option value="48" <?php if($cff_event_details_size == "48") echo 'selected="selected"' ?> >48px</option>
711
- <option value="60" <?php if($cff_event_details_size == "54") echo 'selected="selected"' ?> >54px</option>
712
- <option value="60" <?php if($cff_event_details_size == "60") echo 'selected="selected"' ?> >60px</option>
713
- </select>
714
- </td>
715
- </tr>
716
- <tr>
717
- <th><label for="cff_event_details_weight" class="bump-left">Text Weight</label></th>
718
- <td>
719
- <select name="cff_event_details_weight">
720
- <option value="inherit" <?php if($cff_event_details_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
721
- <option value="normal" <?php if($cff_event_details_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
722
- <option value="bold" <?php if($cff_event_details_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
723
- </select>
724
- </td>
725
- </tr>
726
- <tr>
727
- <th><label for="cff_event_details_color" class="bump-left">Text Color</label></th>
728
- <td>
729
- #<input name="cff_event_details_color" type="text" value="<?php esc_attr_e( $cff_event_details_color ); ?>" size="10" placeholder="Eg. ED9A00" />
730
- <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
731
- </td>
732
- </tr>
733
- <tr>
734
- <th><label for="cff_event_date_formatting" class="bump-left">Event date formatting</label></th>
735
- <td>
736
- <select name="cff_event_date_formatting">
737
- <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
738
- <option value="1" <?php if($cff_event_date_formatting == "1") echo 'selected="selected"' ?> ><?php echo date('F j, Y, g:ia', $original); ?></option>
739
- <option value="2" <?php if($cff_event_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:ia', $original); ?></option>
740
- <option value="3" <?php if($cff_event_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('g:ia - F jS', $original); ?></option>
741
- <option value="4" <?php if($cff_event_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('g:ia, F jS', $original); ?></option>
742
- <option value="5" <?php if($cff_event_date_formatting == "5") echo 'selected="selected"' ?> ><?php echo date('l F jS - g:ia', $original); ?></option>
743
- <option value="6" <?php if($cff_event_date_formatting == "6") echo 'selected="selected"' ?> ><?php echo date('D M jS, Y, g:iA', $original); ?></option>
744
- <option value="7" <?php if($cff_event_date_formatting == "7") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y, g:iA', $original); ?></option>
745
- <option value="8" <?php if($cff_event_date_formatting == "8") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y - g:ia', $original); ?></option>
746
- <option value="9" <?php if($cff_event_date_formatting == "9") echo 'selected="selected"' ?> ><?php echo date("l M jS, 'y", $original); ?></option>
747
- <option value="10" <?php if($cff_event_date_formatting == "10") echo 'selected="selected"' ?> ><?php echo date('m.d.y - g:iA', $original); ?></option>
748
- <option value="11" <?php if($cff_event_date_formatting == "11") echo 'selected="selected"' ?> ><?php echo date('m/d/y, g:ia', $original); ?></option>
749
- <option value="12" <?php if($cff_event_date_formatting == "12") echo 'selected="selected"' ?> ><?php echo date('d.m.y - g:iA', $original); ?></option>
750
- <option value="13" <?php if($cff_event_date_formatting == "13") echo 'selected="selected"' ?> ><?php echo date('d/m/y, g:ia', $original); ?></option>
751
- </select>
752
- </td>
753
- </tr>
754
- <tr>
755
- <th><label for="cff_event_date_custom" class="bump-left">Custom event date format</label></th>
756
- <td>
757
- <input name="cff_event_date_custom" type="text" value="<?php esc_attr_e( $cff_event_date_custom ); ?>" size="10" placeholder="Eg. F j, Y - g:ia" />
758
- <i style="color: #666; font-size: 11px;">(<a href="http://smashballoon.com/custom-facebook-feed/docs/date/" target="_blank">Examples</a>)</i>
759
- </td>
760
- </tr>
761
-
762
- <tr><td><b style="font-size: 14px;"><?php _e('Date'); ?></b></td></tr>
763
- <tr>
764
- <th><label for="cff_date_position" class="bump-left">Position</label></th>
765
- <td>
766
- <select name="cff_date_position">
767
- <option value="below" <?php if($cff_date_position == "below") echo 'selected="selected"' ?> >Below Text</option>
768
- <option value="above" <?php if($cff_date_position == "above") echo 'selected="selected"' ?> >Above Text</option>
769
- </select>
770
- </td>
771
- </tr>
772
- <tr>
773
- <th><label for="cff_date_size" class="bump-left">Text Size</label></th>
774
- <td>
775
- <select name="cff_date_size">
776
- <option value="inherit" <?php if($cff_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
777
- <option value="10" <?php if($cff_date_size == "10") echo 'selected="selected"' ?> >10px</option>
778
- <option value="11" <?php if($cff_date_size == "11") echo 'selected="selected"' ?> >11px</option>
779
- <option value="12" <?php if($cff_date_size == "12") echo 'selected="selected"' ?> >12px</option>
780
- <option value="14" <?php if($cff_date_size == "14") echo 'selected="selected"' ?> >14px</option>
781
- <option value="16" <?php if($cff_date_size == "16") echo 'selected="selected"' ?> >16px</option>
782
- <option value="18" <?php if($cff_date_size == "18") echo 'selected="selected"' ?> >18px</option>
783
- <option value="20" <?php if($cff_date_size == "20") echo 'selected="selected"' ?> >20px</option>
784
- <option value="24" <?php if($cff_date_size == "24") echo 'selected="selected"' ?> >24px</option>
785
- <option value="28" <?php if($cff_date_size == "28") echo 'selected="selected"' ?> >28px</option>
786
- <option value="32" <?php if($cff_date_size == "32") echo 'selected="selected"' ?> >32px</option>
787
- <option value="36" <?php if($cff_date_size == "36") echo 'selected="selected"' ?> >36px</option>
788
- <option value="42" <?php if($cff_date_size == "42") echo 'selected="selected"' ?> >42px</option>
789
- <option value="48" <?php if($cff_date_size == "48") echo 'selected="selected"' ?> >48px</option>
790
- <option value="60" <?php if($cff_date_size == "54") echo 'selected="selected"' ?> >54px</option>
791
- <option value="60" <?php if($cff_date_size == "60") echo 'selected="selected"' ?> >60px</option>
792
- </select>
793
- </td>
794
- </tr>
795
- <tr>
796
- <th><label for="cff_date_weight" class="bump-left">Text Weight</label></th>
797
- <td>
798
- <select name="cff_date_weight">
799
- <option value="inherit" <?php if($cff_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
800
- <option value="normal" <?php if($cff_date_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
801
- <option value="bold" <?php if($cff_date_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
802
- </select>
803
- </td>
804
- </tr>
805
- <tr>
806
- <th><label for="cff_date_color" class="bump-left">Text Color</label></th>
807
- <td>
808
- #<input name="cff_date_color" type="text" value="<?php esc_attr_e( $cff_date_color ); ?>" size="10" placeholder="Eg. ED9A00" />
809
- <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
810
- </td>
811
- </tr>
812
813
- <tr>
814
- <th><label for="cff_date_formatting" class="bump-left">Date formatting</label></th>
815
- <td>
816
- <select name="cff_date_formatting">
817
- <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
818
- <option value="1" <?php if($cff_date_formatting == "1") echo 'selected="selected"' ?> >Posted 2 days ago</option>
819
- <option value="2" <?php if($cff_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:i a', $original); ?></option>
820
- <option value="3" <?php if($cff_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('F jS', $original); ?></option>
821
- <option value="4" <?php if($cff_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('D F jS', $original); ?></option>
822
- <option value="5" <?php if($cff_date_formatting == "5") echo 'selected="selected"' ?> ><?php echo date('l F jS', $original); ?></option>
823
- <option value="6" <?php if($cff_date_formatting == "6") echo 'selected="selected"' ?> ><?php echo date('D M jS, Y', $original); ?></option>
824
- <option value="7" <?php if($cff_date_formatting == "7") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y', $original); ?></option>
825
- <option value="8" <?php if($cff_date_formatting == "8") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y - g:i a', $original); ?></option>
826
- <option value="9" <?php if($cff_date_formatting == "9") echo 'selected="selected"' ?> ><?php echo date("l M jS, 'y", $original); ?></option>
827
- <option value="10" <?php if($cff_date_formatting == "10") echo 'selected="selected"' ?> ><?php echo date('m.d.y', $original); ?></option>
828
- <option value="11" <?php if($cff_date_formatting == "11") echo 'selected="selected"' ?> ><?php echo date('m/d/y', $original); ?></option>
829
- <option value="12" <?php if($cff_date_formatting == "12") echo 'selected="selected"' ?> ><?php echo date('d.m.y', $original); ?></option>
830
- <option value="13" <?php if($cff_date_formatting == "13") echo 'selected="selected"' ?> ><?php echo date('d/m/y', $original); ?></option>
831
- </select>
832
- </td>
833
- </tr>
834
- <tr>
835
- <th><label for="cff_date_custom" class="bump-left">Custom format</label></th>
836
- <td>
837
- <input name="cff_date_custom" type="text" value="<?php esc_attr_e( $cff_date_custom ); ?>" size="10" placeholder="Eg. F j, Y" />
838
- <i style="color: #666; font-size: 11px;">(<a href="http://smashballoon.com/custom-facebook-feed/docs/date/" target="_blank">Examples</a>)</i>
839
- </td>
840
- </tr>
841
- <tr>
842
- <th><label for="cff_date_before" class="bump-left">Text before date</label></th>
843
- <td><input name="cff_date_before" type="text" value="<?php esc_attr_e( $cff_date_before ); ?>" size="10" placeholder="Eg. Posted" /></td>
844
- </tr>
845
- <tr>
846
- <th><label for="cff_date_after" class="bump-left">Text after date</label></th>
847
- <td><input name="cff_date_after" type="text" value="<?php esc_attr_e( $cff_date_after ); ?>" size="10" placeholder="Eg. ago" /></td>
848
- </tr>
849
- <tr><td><b style="font-size: 14px;"><?php _e('Link to Facebook'); ?></b></td></tr>
850
-
851
- <tr>
852
- <th><label for="cff_link_size" class="bump-left">Text Size</label></th>
853
- <td>
854
- <select name="cff_link_size">
855
- <option value="inherit" <?php if($cff_link_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
856
- <option value="10" <?php if($cff_link_size == "10") echo 'selected="selected"' ?> >10px</option>
857
- <option value="11" <?php if($cff_link_size == "11") echo 'selected="selected"' ?> >11px</option>
858
- <option value="12" <?php if($cff_link_size == "12") echo 'selected="selected"' ?> >12px</option>
859
- <option value="14" <?php if($cff_link_size == "14") echo 'selected="selected"' ?> >14px</option>
860
- <option value="16" <?php if($cff_link_size == "16") echo 'selected="selected"' ?> >16px</option>
861
- <option value="18" <?php if($cff_link_size == "18") echo 'selected="selected"' ?> >18px</option>
862
- <option value="20" <?php if($cff_link_size == "20") echo 'selected="selected"' ?> >20px</option>
863
- <option value="24" <?php if($cff_link_size == "24") echo 'selected="selected"' ?> >24px</option>
864
- <option value="28" <?php if($cff_link_size == "28") echo 'selected="selected"' ?> >28px</option>
865
- <option value="32" <?php if($cff_link_size == "32") echo 'selected="selected"' ?> >32px</option>
866
- <option value="36" <?php if($cff_link_size == "36") echo 'selected="selected"' ?> >36px</option>
867
- <option value="42" <?php if($cff_link_size == "42") echo 'selected="selected"' ?> >42px</option>
868
- <option value="48" <?php if($cff_link_size == "48") echo 'selected="selected"' ?> >48px</option>
869
- <option value="60" <?php if($cff_link_size == "54") echo 'selected="selected"' ?> >54px</option>
870
- <option value="60" <?php if($cff_link_size == "60") echo 'selected="selected"' ?> >60px</option>
871
- </select>
872
- </td>
873
- </tr>
874
- <tr>
875
- <th><label for="cff_link_weight" class="bump-left">Text Weight</label></th>
876
- <td>
877
- <select name="cff_link_weight">
878
- <option value="inherit" <?php if($cff_link_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
879
- <option value="normal" <?php if($cff_link_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
880
- <option value="bold" <?php if($cff_link_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
881
- </select>
882
- </td>
883
- </tr>
884
- <tr>
885
- <th><label for="cff_link_color" class="bump-left">Text Color</label></th>
886
- <td>
887
- <input name="cff_link_color" type="text" value="<?php esc_attr_e( $cff_link_color ); ?>" size="10" placeholder="Eg. ED9A00" />
888
- <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
889
- </td>
890
- </tr>
891
- <tr>
892
- <th><label for="cff_facebook_link_text" class="bump-left">Custom 'View on Facebook' text</label></th>
893
- <td>
894
- <input name="cff_facebook_link_text" type="text" value="<?php esc_attr_e( $cff_facebook_link_text ); ?>" size="20" />
895
- <i style="color: #666; font-size: 11px; margin-left: 5px;">Use different text in place of the default 'View on Facebook' link</i>
896
- </td>
897
- </tr>
898
- <tr>
899
- <th><label for="cff_view_link_text" class="bump-left">Custom 'View Link' text</label></th>
900
- <td>
901
- <input name="cff_view_link_text" type="text" value="<?php esc_attr_e( $cff_view_link_text ); ?>" size="20" />
902
- <i style="color: #666; font-size: 11px; margin-left: 5px;">Use different text in place of the default 'View on Facebook' link</i>
903
- </td>
904
- </tr>
905
-
906
- </tbody>
907
- </table>
908
- <br />
909
- <?php submit_button(); ?>
910
- <hr />
911
- <h3><?php _e('Likes, Shares and Comments'); ?></h3>
912
- <p style="color: #666; font-size: 11px; font-style: italic; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></p>
913
914
<br />
915
<hr />
916
<h3><?php _e('Custom CSS'); ?></h3>
917
<table class="form-table">
918
<tbody>
919
<tr valign="top">
920
<td>
921
- Enter your own custom CSS in the box below
922
</td>
923
</tr>
924
<tr valign="top">
@@ -928,72 +1339,80 @@ function cff_style_page() {
928
</tr>
929
</tbody>
930
</table>
931
- <br />
932
<hr />
933
<h3><?php _e('Misc'); ?></h3>
934
<table class="form-table">
935
<tbody>
936
- <tr><td><b style="font-size: 14px;"><?php _e('Text Character Limits'); ?></b></td></tr>
937
- <tr valign="top">
938
- <th scope="row"><?php _e('Maximum Post Text Length'); ?></th>
939
- <td>
940
- <input name="cff_title_length" type="text" value="<?php esc_attr_e( $cff_title_length_val ); ?>" size="4" /> <span>Characters.</span> <span>Eg. 200</span> <i style="color: #666; font-size: 11px; margin-left: 5px;">(Leave empty to set no maximum length)</i>
941
- </td>
942
- </tr>
943
- <tr valign="top">
944
- <th scope="row"><?php _e('Maximum Video/Link/Event Description Length'); ?></th>
945
- <td>
946
- <input name="cff_body_length" type="text" value="<?php esc_attr_e( $cff_body_length_val ); ?>" size="4" /> <span>Characters.</span> <i style="color: #666; font-size: 11px; margin-left: 5px;">(Leave empty to set no maximum length)</i>
947
- </td>
948
- </tr>
949
<tr><td><b style="font-size: 14px;"><?php _e('Like Box'); ?></b></td></tr>
950
<tr valign="top">
951
- <th scope="row"><?php _e('Show the Like Box'); ?></th>
952
<td>
953
<input type="checkbox" name="cff_show_like_box" id="cff_show_like_box" <?php if($cff_show_like_box == true) echo 'checked="checked"' ?> />
954
</td>
955
</tr>
956
<tr valign="top">
957
- <th scope="row"><?php _e('Like Box Position'); ?></th>
958
<td>
959
<select name="cff_like_box_position">
960
- <option value="bottom" <?php if($cff_like_box_position == "bottom") echo 'selected="selected"' ?> >Bottom</option>
961
- <option value="top" <?php if($cff_like_box_position == "top") echo 'selected="selected"' ?> >Top</option>
962
</select>
963
</td>
964
</tr>
965
<tr valign="top">
966
- <th scope="row"><?php _e('Like Box Background Color'); ?></th>
967
<td>
968
<label for="cff_likebox_bg_color">#</label>
969
<input name="cff_likebox_bg_color" type="text" value="<?php esc_attr_e( $cff_likebox_bg_color ); ?>" size="10" />
970
- <span>Eg. ED9A00</span>&nbsp;&nbsp;<a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
971
</td>
972
</tr>
973
<tr><td><b style="font-size: 14px;"><?php _e('Separating Line'); ?></b></td></tr>
974
<tr valign="top">
975
- <th scope="row"><?php _e('Separating Line Color'); ?></th>
976
<td>
977
<label for="cff_sep_color">#</label>
978
<input name="cff_sep_color" type="text" value="<?php esc_attr_e( $cff_sep_color ); ?>" size="10" />
979
- <span>Eg. ED9A00</span>&nbsp;&nbsp;<a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
980
</td>
981
</tr>
982
<tr valign="top">
983
- <th scope="row"><?php _e('Separating Line Thickness'); ?></th>
984
<td>
985
- <input name="cff_sep_size" type="text" value="<?php esc_attr_e( $cff_sep_size ); ?>" size="1" /><span>px</span> <i style="color: #666; font-size: 11px; margin-left: 5px;">(Leave empty to hide)</i>
986
</td>
987
</tr>
988
</tbody>
989
</table>
990
<?php submit_button(); ?>
991
</form>
992
- <hr />
993
- <br />
994
- <p>Please note that the free version of the plugin only displays text updates. For <b>photos, videos, comments and more</b> please upgrade to the <a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Pro version</a> of the plugin.</p>
995
- <br /><br />
996
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
997
<?php
998
- } //End Style_Page
999
?>
33
//Create Settings page
34
function cff_settings_page() {
35
//Declare variables for fields
36
+ $hidden_field_name = 'cff_submit_hidden';
37
+ $access_token = 'cff_access_token';
38
+ $page_id = 'cff_page_id';
39
+ $num_show = 'cff_num_show';
40
+ $cff_post_limit = 'cff_post_limit';
41
+ $cff_show_others = 'cff_show_others';
42
+ $cff_cache_time = 'cff_cache_time';
43
+ $cff_cache_time_unit = 'cff_cache_time_unit';
44
// Read in existing option value from database
45
$access_token_val = get_option( $access_token );
46
$page_id_val = get_option( $page_id );
47
+ $num_show_val = get_option( $num_show, '5' );
48
+ $cff_post_limit_val = get_option( $cff_post_limit );
49
$cff_show_others_val = get_option( $cff_show_others );
50
+ $cff_cache_time_val = get_option( $cff_cache_time, '1' );
51
+ $cff_cache_time_unit_val = get_option( $cff_cache_time_unit, 'hours' );
52
// See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
53
if( isset($_POST[ $hidden_field_name ]) && $_POST[ $hidden_field_name ] == 'Y' ) {
54
// Read their posted value
55
$access_token_val = $_POST[ $access_token ];
56
$page_id_val = $_POST[ $page_id ];
57
$num_show_val = $_POST[ $num_show ];
58
+ $cff_post_limit_val = $_POST[ $cff_post_limit ];
59
$cff_show_others_val = $_POST[ $cff_show_others ];
60
+ $cff_cache_time_val = $_POST[ $cff_cache_time ];
61
+ $cff_cache_time_unit_val = $_POST[ $cff_cache_time_unit ];
62
// Save the posted value in the database
63
update_option( $access_token, $access_token_val );
64
update_option( $page_id, $page_id_val );
65
update_option( $num_show, $num_show_val );
66
+ update_option( $cff_post_limit, $cff_post_limit_val );
67
update_option( $cff_show_others, $cff_show_others_val );
68
+ update_option( $cff_cache_time, $cff_cache_time_val );
69
+ update_option( $cff_cache_time_unit, $cff_cache_time_unit_val );
70
+
71
+ //Delete the transient for the main page ID
72
+ delete_transient( 'posts_json_' .$page_id_val );
73
+ delete_transient( 'events_json_' . $page_id_val );
74
+ //Delete ALL transients
75
+ global $wpdb;
76
+ $table_name = $wpdb->prefix . "options";
77
+ $wpdb->query( "
78
+ DELETE
79
+ FROM $table_name
80
+ WHERE `option_name` LIKE ('%cff\_posts\_json\_%')
81
+ " );
82
+ $wpdb->query( "
83
+ DELETE
84
+ FROM $table_name
85
+ WHERE `option_name` LIKE ('%cff\_events\_json\_%')
86
+ " );
87
// Put an settings updated message on the screen
88
?>
89
<div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
90
<?php } ?>
91
92
+ <div id="cff-admin" class="wrap">
93
+ <div id="header">
94
+ <h1><?php _e('Custom Facebook Feed Settings'); ?></h1>
95
+ </div>
96
<form name="form1" method="post" action="">
97
<input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
98
+ <br />
99
<h3><?php _e('Configuration'); ?></h3>
100
<table class="form-table">
101
<tbody>
103
<th scope="row"><?php _e('Access Token'); ?></th>
104
<td>
105
<input name="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val ); ?>" size="60" />
106
+ <!--<a href="#" id="verify-token" class="button-secondary"><?php _e('Verify Access Token'); ?></a>-->
107
+ &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('How to get an Access Token'); ?></a>
108
+ <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123|ABC2fvp5h9tJe4-5-AbC123</i>
109
+ <p class="tooltip"><?php _e("In order to use the plugin, Facebook requires you to obtain an access token to access their data. Don't worry though, this is really easy to do. Just follow the step-by-step instructions at the following link: <a href='http://smashballoon.com/custom-facebook-feed/access-token/' target='_blank'>How to get a Facebook Access Token</a>"); ?>.</p>
110
</td>
111
</tr>
112
<tr valign="top">
113
+ <th scope="row"><?php _e('Facebook Page ID'); ?></th>
114
<td>
115
<input name="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val ); ?>" size="60" />
116
+ &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('What\'s my Page ID?'); ?></a>
117
+ <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123 or smashballoon</i>
118
+ <p class="tooltip"><?php _e('If you have a Facebook page with a URL like this:'); ?> <code>https://www.facebook.com/your_page_name</code> <?php _e('then the Page ID is just'); ?> <b>your_page_name</b>. <?php _e('If your page URL is structured like this:'); ?> <code>https://www.facebook.com/pages/your_page_name/123654123654123</code> <?php _e('then the Page ID is actually the number at the end, so in this case'); ?> <b>123654123654123</b>.</p>
119
</td>
120
</tr>
121
<tr valign="top">
122
<th scope="row"><?php _e('Number of posts to display'); ?></th>
123
<td>
124
<input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val ); ?>" size="4" />
125
+ <i style="color: #666; font-size: 11px;">Eg. 5</i>
126
+ </td>
127
+ </tr>
128
+ <tr valign="top">
129
+ <th scope="row"><?php _e('Alter the post limit'); ?></th>
130
+ <td>
131
+ <input name="cff_post_limit" type="text" value="<?php esc_attr_e( $cff_post_limit_val ); ?>" size="4" />
132
+ <i style="color: #666; font-size: 11px;">Eg. 50</i> <a class="tooltip-link bump-left" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
133
+ <p class="tooltip"><?php _e('By default the Facebook API only returns your latest 25 posts. If you would like to retrieve more than 25 posts then you can increase the limit by specifying a higher value here. However, the more posts you request the slower the page load time may be when the plugin needs to check Facebook for new posts. Similarly, if you only intend to retrieve a few posts then you may wish to set a lower post limit here so that you aren\'t retrieving more posts than necessary.'); ?></p>
134
</td>
135
</tr>
136
<tr valign="top">
137
<th scope="row"><?php _e('Show posts by others on my page'); ?></th>
138
<td>
139
<input name="cff_show_others" type="checkbox" id="cff_show_others" <?php if($cff_show_others_val == true) echo "checked"; ?> />
140
+ <i style="color: #666; font-size: 11px;"><?php _e('By default only posts by the page owner will be shown. Check this box to also show posts by others.'); ?></i>
141
+ </td>
142
+ </tr>
143
+ <tr valign="top">
144
+ <th scope="row"><?php _e('Check for new Facebook posts every'); ?></th>
145
+ <td>
146
+ <input name="cff_cache_time" type="text" value="<?php esc_attr_e( $cff_cache_time_val ); ?>" size="4" />
147
+ <select name="cff_cache_time_unit">
148
+ <option value="minutes" <?php if($cff_cache_time_unit_val == "minutes") echo 'selected="selected"' ?> ><?php _e('Minutes'); ?></option>
149
+ <option value="hours" <?php if($cff_cache_time_unit_val == "hours") echo 'selected="selected"' ?> ><?php _e('Hours'); ?></option>
150
+ <option value="days" <?php if($cff_cache_time_unit_val == "days") echo 'selected="selected"' ?> ><?php _e('Days'); ?></option>
151
+ </select>
152
+ <a class="tooltip-link bump-left" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
153
+ <p class="tooltip"><?php _e('Your Facebook posts and comments data is temporarily cached by the plugin in your WordPress database. You can choose how long this data should be cached for. If you set the time to 60 minutes then the plugin will clear the cached data after that length of time, and the next time the page is viewed it will check for new data.'); ?></p>
154
</td>
155
</tr>
156
+
157
</tbody>
158
</table>
159
<?php submit_button(); ?>
160
</form>
161
+ <h3><?php _e('Support'); ?></h3>
162
+ <p>Having trouble getting the plugin to work? Try visiting the <a href="http://smashballoon.com/custom-facebook-feed/troubleshooting/" target="_blank" />Troubleshooting</a> page, <a href="http://smashballoon.com/custom-facebook-feed/faq/" target="_blank" />FAQ</a> page, or contact <a href="http://smashballoon.com/custom-facebook-feed/support" target="_blank">support</a>.<br />Smash Balloon is committed to making this plugin better. Please let us know if you have had any issues when using this plugin so that we can continue to improve it!</p>
163
<hr />
164
+ <h3><?php _e('Displaying your Feed'); ?></h3>
165
+ <p><?php _e('Copy and paste this shortcode directly into the page, post or widget where you\'d like the feed to show up:'); ?></p>
166
+ <input type="text" value="[custom-facebook-feed]" size="22" readonly="readonly" onclick="this.focus();this.select()" id="system-info-textarea" name="edd-sysinfo" title="<?php _e('To copy, click the field then press Ctrl + C (PC) or Cmd + C (Mac).'); ?>" />
167
+ <p><?php _e('If you wish, you can override the settings above directly in the shortcode like so:'); ?></p>
168
+ <p>[custom-facebook-feed <b><span style='color: purple;'>id=Put_Your_Facebook_Page_ID_Here</span> <span style='color: green;'>num=3</span> <span style='color: blue;'>layout=thumb</span></b>]</p>
169
+ <p><a href="http://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank"><?php _e('Click here'); ?></a> <?php _e('for a full list of shortcode options'); ?></p>
170
171
172
<hr />
173
+
174
<a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
175
176
+ <hr />
177
+
178
+ <h4><?php _e('<u>System Info:</u>'); ?></h4>
179
+ <p>PHP Version: <b><?php echo PHP_VERSION . "\n"; ?></b></p>
180
+ <p>Web Server Info: <b><?php echo $_SERVER['SERVER_SOFTWARE'] . "\n"; ?></b></p>
181
+ <p>PHP allow_url_fopen: <b><?php echo ini_get( 'allow_url_fopen' ) ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>"; ?></b></p>
182
+ <p>PHP cURL: <b><?php echo is_callable('curl_init') ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
183
+ <p>JSON: <b><?php echo function_exists("json_decode") ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
184
+ <i style="color: #666; font-size: 11px;"><?php _e('(If any of the items above are listed as'); ?> <span style='color: red;'>No</span> <?php _e('then please include this in your support request)'); ?></i>
185
+
186
+
187
<?php
188
} //End Settings_Page
189
//Create Style page
190
function cff_style_page() {
191
//Declare variables for fields
192
+ $style_hidden_field_name = 'cff_style_submit_hidden';
193
+ $style_general_hidden_field_name = 'cff_style_general_submit_hidden';
194
+ $style_post_layout_hidden_field_name = 'cff_style_post_layout_submit_hidden';
195
+ $style_typography_hidden_field_name = 'cff_style_typography_submit_hidden';
196
+ $style_misc_hidden_field_name = 'cff_style_misc_submit_hidden';
197
$defaults = array(
198
+ //Post types
199
+ 'cff_show_links_type' => true,
200
+ 'cff_show_event_type' => true,
201
+ 'cff_show_video_type' => true,
202
+ 'cff_show_photos_type' => true,
203
+ 'cff_show_status_type' => true,
204
+ //Layout
205
+ 'cff_preset_layout' => 'thumb',
206
//Include
207
'cff_show_text' => true,
208
'cff_show_desc' => true,
209
+ 'cff_show_shared_links' => true,
210
'cff_show_date' => true,
211
+ 'cff_show_media' => true,
212
'cff_show_event_title' => true,
213
'cff_show_event_details' => true,
214
+ 'cff_show_meta' => true,
215
'cff_show_link' => true,
216
'cff_show_like_box' => true,
217
//Typography
218
+ 'cff_see_more_text' => 'See More',
219
+ 'cff_see_less_text' => 'See Less',
220
'cff_title_format' => 'p',
221
'cff_title_size' => 'inherit',
222
'cff_title_weight' => 'inherit',
224
'cff_body_size' => 'inherit',
225
'cff_body_weight' => 'inherit',
226
'cff_body_color' => '',
227
+ //Event title
228
'cff_event_title_format' => 'p',
229
'cff_event_title_size' => 'inherit',
230
'cff_event_title_weight' => 'inherit',
231
'cff_event_title_color' => '',
232
+ //Event date
233
+ 'cff_event_date_size' => 'inherit',
234
+ 'cff_event_date_weight' => 'inherit',
235
+ 'cff_event_date_color' => '',
236
+ 'cff_event_date_position' => 'below',
237
+ 'cff_event_date_formatting' => '1',
238
+ 'cff_event_date_custom' => '',
239
+ //Event details
240
'cff_event_details_size' => 'inherit',
241
'cff_event_details_weight' => 'inherit',
242
'cff_event_details_color' => '',
243
//Date
244
'cff_date_position' => 'below',
245
'cff_date_size' => 'inherit',
255
'cff_link_color' => '',
256
'cff_facebook_link_text' => 'View on Facebook',
257
'cff_view_link_text' => 'View Link',
258
+ //Meta
259
+ 'cff_icon_style' => 'light',
260
+ 'cff_meta_text_color' => '',
261
+ 'cff_meta_bg_color' => '',
262
+ 'cff_nocomments_text' => 'No comments yet',
263
+ 'cff_hide_comments' => '',
264
//Misc
265
'cff_feed_width' => '',
266
'cff_feed_height' => '',
267
+ 'cff_feed_padding' => '',
268
'cff_like_box_position' => 'bottom',
269
+ 'cff_like_box_outside' => false,
270
'cff_bg_color' => '',
271
'cff_likebox_bg_color' => '',
272
+ 'cff_video_height' => '',
273
'cff_show_author' => false,
274
+ 'cff_class' => '',
275
//New
276
'cff_custom_css' => '',
277
'cff_title_link' => false,
278
'cff_event_title_link' => false,
279
+ 'cff_video_action' => 'file',
280
'cff_sep_color' => '',
281
'cff_sep_size' => '1'
282
);
283
+ //Save layout option in an array
284
add_option( 'cff_style_settings', $options );
285
$options = wp_parse_args(get_option('cff_style_settings'), $defaults);
286
//Set the page variables
287
+ //Post types
288
+ $cff_show_links_type = $options[ 'cff_show_links_type' ];
289
+ $cff_show_event_type = $options[ 'cff_show_event_type' ];
290
+ $cff_show_video_type = $options[ 'cff_show_video_type' ];
291
+ $cff_show_photos_type = $options[ 'cff_show_photos_type' ];
292
+ $cff_show_status_type = $options[ 'cff_show_status_type' ];
293
+ //Layout
294
+ $cff_preset_layout = $options[ 'cff_preset_layout' ];
295
//Include
296
$cff_show_text = $options[ 'cff_show_text' ];
297
$cff_show_desc = $options[ 'cff_show_desc' ];
298
+ $cff_show_shared_links = $options[ 'cff_show_shared_links' ];
299
$cff_show_date = $options[ 'cff_show_date' ];
300
+ $cff_show_media = $options[ 'cff_show_media' ];
301
$cff_show_event_title = $options[ 'cff_show_event_title' ];
302
$cff_show_event_details = $options[ 'cff_show_event_details' ];
303
+ $cff_show_meta = $options[ 'cff_show_meta' ];
304
$cff_show_link = $options[ 'cff_show_link' ];
305
$cff_show_like_box = $options[ 'cff_show_like_box' ];
306
//Typography
307
+ $cff_see_more_text = $options[ 'cff_see_more_text' ];
308
+ $cff_see_less_text = $options[ 'cff_see_less_text' ];
309
$cff_title_format = $options[ 'cff_title_format' ];
310
$cff_title_size = $options[ 'cff_title_size' ];
311
$cff_title_weight = $options[ 'cff_title_weight' ];
313
$cff_body_size = $options[ 'cff_body_size' ];
314
$cff_body_weight = $options[ 'cff_body_weight' ];
315
$cff_body_color = $options[ 'cff_body_color' ];
316
+ //Event title
317
$cff_event_title_format = $options[ 'cff_event_title_format' ];
318
$cff_event_title_size = $options[ 'cff_event_title_size' ];
319
$cff_event_title_weight = $options[ 'cff_event_title_weight' ];
320
$cff_event_title_color = $options[ 'cff_event_title_color' ];
321
+ //Event date
322
+ $cff_event_date_size = $options[ 'cff_event_date_size' ];
323
+ $cff_event_date_weight = $options[ 'cff_event_date_weight' ];
324
+ $cff_event_date_color = $options[ 'cff_event_date_color' ];
325
+ $cff_event_date_position = $options[ 'cff_event_date_position' ];
326
+ $cff_event_date_formatting = $options[ 'cff_event_date_formatting' ];
327
+ $cff_event_date_custom = $options[ 'cff_event_date_custom' ];
328
+ //Event details
329
$cff_event_details_size = $options[ 'cff_event_details_size' ];
330
$cff_event_details_weight = $options[ 'cff_event_details_weight' ];
331
$cff_event_details_color = $options[ 'cff_event_details_color' ];
332
//Date
333
$cff_date_position = $options[ 'cff_date_position' ];
334
$cff_date_size = $options[ 'cff_date_size' ];
344
$cff_link_color = $options[ 'cff_link_color' ];
345
$cff_facebook_link_text = $options[ 'cff_facebook_link_text' ];
346
$cff_view_link_text = $options[ 'cff_view_link_text' ];
347
+ //Meta
348
+ $cff_icon_style = $options[ 'cff_icon_style' ];
349
+ $cff_meta_text_color = $options[ 'cff_meta_text_color' ];
350
+ $cff_meta_bg_color = $options[ 'cff_meta_bg_color' ];
351
+ $cff_nocomments_text = $options[ 'cff_nocomments_text' ];
352
+ $cff_hide_comments = $options[ 'cff_hide_comments' ];
353
//Misc
354
$cff_feed_width = $options[ 'cff_feed_width' ];
355
$cff_feed_height = $options[ 'cff_feed_height' ];
356
$cff_feed_padding = $options[ 'cff_feed_padding' ];
357
$cff_like_box_position = $options[ 'cff_like_box_position' ];
358
+ $cff_like_box_outside = $options[ 'cff_like_box_outside' ];
359
+ $cff_show_media = $options[ 'cff_show_media' ];
360
$cff_open_links = $options[ 'cff_open_links' ];
361
$cff_bg_color = $options[ 'cff_bg_color' ];
362
$cff_likebox_bg_color = $options[ 'cff_likebox_bg_color' ];
363
+ $cff_video_height = $options[ 'cff_video_height' ];
364
$cff_show_author = $options[ 'cff_show_author' ];
365
+ $cff_class = $options[ 'cff_class' ];
366
//New
367
$cff_custom_css = $options[ 'cff_custom_css' ];
368
$cff_title_link = $options[ 'cff_title_link' ];
369
$cff_event_title_link = $options[ 'cff_event_title_link' ];
370
+ $cff_video_action = $options[ 'cff_video_action' ];
371
$cff_sep_color = $options[ 'cff_sep_color' ];
372
$cff_sep_size = $options[ 'cff_sep_size' ];
373
+
374
+ // Texts lengths
375
+ $cff_title_length = 'cff_title_length';
376
$cff_body_length = 'cff_body_length';
377
// Read in existing option value from database
378
$cff_title_length_val = get_option( $cff_title_length );
379
$cff_body_length_val = get_option( $cff_body_length );
380
// See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
381
if( isset($_POST[ $style_hidden_field_name ]) && $_POST[ $style_hidden_field_name ] == 'Y' ) {
382
+ //Update the General options
383
+ if( isset($_POST[ $style_general_hidden_field_name ]) && $_POST[ $style_general_hidden_field_name ] == 'Y' ) {
384
+ //General
385
+ $cff_feed_width = $_POST[ 'cff_feed_width' ];
386
+ $cff_feed_height = $_POST[ 'cff_feed_height' ];
387
+ $cff_feed_padding = $_POST[ 'cff_feed_padding' ];
388
+ $cff_bg_color = $_POST[ 'cff_bg_color' ];
389
+ $cff_show_author = $_POST[ 'cff_show_author' ];
390
+ $cff_class = $_POST[ 'cff_class' ];
391
+ //Post types
392
+ $cff_show_links_type = $_POST[ 'cff_show_links_type' ];
393
+ $cff_show_event_type = $_POST[ 'cff_show_event_type' ];
394
+ $cff_show_video_type = $_POST[ 'cff_show_video_type' ];
395
+ $cff_show_photos_type = $_POST[ 'cff_show_photos_type' ];
396
+ $cff_show_status_type = $_POST[ 'cff_show_status_type' ];
397
+ //General
398
+ $options[ 'cff_feed_width' ] = $cff_feed_width;
399
+ $options[ 'cff_feed_height' ] = $cff_feed_height;
400
+ $options[ 'cff_feed_padding' ] = $cff_feed_padding;
401
+ $options[ 'cff_bg_color' ] = $cff_bg_color;
402
+ $options[ 'cff_show_author' ] = $cff_show_author;
403
+ $options[ 'cff_class' ] = $cff_class;
404
+ //Post types
405
+ $options[ 'cff_show_links_type' ] = $cff_show_links_type;
406
+ $options[ 'cff_show_event_type' ] = $cff_show_event_type;
407
+ $options[ 'cff_show_video_type' ] = $cff_show_video_type;
408
+ $options[ 'cff_show_photos_type' ] = $cff_show_photos_type;
409
+ $options[ 'cff_show_status_type' ] = $cff_show_status_type;
410
+ }
411
+ //Update the Post Layout options
412
+ if( isset($_POST[ $style_post_layout_hidden_field_name ]) && $_POST[ $style_post_layout_hidden_field_name ] == 'Y' ) {
413
+ //Layout
414
+ $cff_preset_layout = $_POST[ 'cff_preset_layout' ];
415
+ //Include
416
+ $cff_show_text = $_POST[ 'cff_show_text' ];
417
+ $cff_show_desc = $_POST[ 'cff_show_desc' ];
418
+ $cff_show_shared_links = $_POST[ 'cff_show_shared_links' ];
419
+ $cff_show_date = $_POST[ 'cff_show_date' ];
420
+ $cff_show_media = $_POST[ 'cff_show_media' ];
421
+ $cff_show_event_title = $_POST[ 'cff_show_event_title' ];
422
+ $cff_show_event_details = $_POST[ 'cff_show_event_details' ];
423
+ $cff_show_meta = $_POST[ 'cff_show_meta' ];
424
+ $cff_show_link = $_POST[ 'cff_show_link' ];
425
+ //Layout
426
+ $options[ 'cff_preset_layout' ] = $cff_preset_layout;
427
+ //Include
428
+ $options[ 'cff_show_text' ] = $cff_show_text;
429
+ $options[ 'cff_show_desc' ] = $cff_show_desc;
430
+ $options[ 'cff_show_shared_links' ] = $cff_show_shared_links;
431
+ $options[ 'cff_show_date' ] = $cff_show_date;
432
+ $options[ 'cff_show_media' ] = $cff_show_media;
433
+ $options[ 'cff_show_event_title' ] = $cff_show_event_title;
434
+ $options[ 'cff_show_event_details' ] = $cff_show_event_details;
435
+ $options[ 'cff_show_meta' ] = $cff_show_meta;
436
+ $options[ 'cff_show_link' ] = $cff_show_link;
437
+ }
438
+ //Update the Post Layout options
439
+ if( isset($_POST[ $style_typography_hidden_field_name ]) && $_POST[ $style_typography_hidden_field_name ] == 'Y' ) {
440
+ //Character limits
441
+ $cff_title_length_val = $_POST[ $cff_title_length ];
442
+ $cff_body_length_val = $_POST[ $cff_body_length ];
443
+ $cff_see_more_text = $_POST[ 'cff_see_more_text' ];
444
+ $cff_see_less_text = $_POST[ 'cff_see_less_text' ];
445
+ //Typography
446
+ $cff_title_format = $_POST[ 'cff_title_format' ];
447
+ $cff_title_size = $_POST[ 'cff_title_size' ];
448
+ $cff_title_weight = $_POST[ 'cff_title_weight' ];
449
+ $cff_title_color = $_POST[ 'cff_title_color' ];
450
+ $cff_title_link = $_POST[ 'cff_title_link' ];
451
+ $cff_body_size = $_POST[ 'cff_body_size' ];
452
+ $cff_body_weight = $_POST[ 'cff_body_weight' ];
453
+ $cff_body_color = $_POST[ 'cff_body_color' ];
454
+ //Event title
455
+ $cff_event_title_format = $_POST[ 'cff_event_title_format' ];
456
+ $cff_event_title_size = $_POST[ 'cff_event_title_size' ];
457
+ $cff_event_title_weight = $_POST[ 'cff_event_title_weight' ];
458
+ $cff_event_title_color = $_POST[ 'cff_event_title_color' ];
459
+ $cff_event_title_link = $_POST[ 'cff_event_title_link' ];
460
+ //Event date
461
+ $cff_event_date_size = $_POST[ 'cff_event_date_size' ];
462
+ $cff_event_date_weight = $_POST[ 'cff_event_date_weight' ];
463
+ $cff_event_date_color = $_POST[ 'cff_event_date_color' ];
464
+ $cff_event_date_position = $_POST[ 'cff_event_date_position' ];
465
+ $cff_event_date_formatting = $_POST[ 'cff_event_date_formatting' ];
466
+ $cff_event_date_custom = $_POST[ 'cff_event_date_custom' ];
467
+ //Event details
468
+ $cff_event_details_size = $_POST[ 'cff_event_details_size' ];
469
+ $cff_event_details_weight = $_POST[ 'cff_event_details_weight' ];
470
+ $cff_event_details_color = $_POST[ 'cff_event_details_color' ];
471
+ //Date
472
+ $cff_date_position = $_POST[ 'cff_date_position' ];
473
+ $cff_date_size = $_POST[ 'cff_date_size' ];
474
+ $cff_date_weight = $_POST[ 'cff_date_weight' ];
475
+ $cff_date_color = $_POST[ 'cff_date_color' ];
476
+ $cff_date_formatting = $_POST[ 'cff_date_formatting' ];
477
+ $cff_date_custom = $_POST[ 'cff_date_custom' ];
478
+ $cff_date_before = $_POST[ 'cff_date_before' ];
479
+ $cff_date_after = $_POST[ 'cff_date_after' ];
480
+ //View on Facebook link
481
+ $cff_link_size = $_POST[ 'cff_link_size' ];
482
+ $cff_link_weight = $_POST[ 'cff_link_weight' ];
483
+ $cff_link_color = $_POST[ 'cff_link_color' ];
484
+ $cff_facebook_link_text = $_POST[ 'cff_facebook_link_text' ];
485
+ $cff_view_link_text = $_POST[ 'cff_view_link_text' ];
486
+ //Character limits
487
+ update_option( $cff_title_length, $cff_title_length_val );
488
+ update_option( $cff_body_length, $cff_body_length_val );
489
+ $options[ 'cff_see_more_text' ] = $cff_see_more_text;
490
+ $options[ 'cff_see_less_text' ] = $cff_see_less_text;
491
+ //Typography
492
+ $options[ 'cff_title_format' ] = $cff_title_format;
493
+ $options[ 'cff_title_size' ] = $cff_title_size;
494
+ $options[ 'cff_title_weight' ] = $cff_title_weight;
495
+ $options[ 'cff_title_color' ] = $cff_title_color;
496
+ $options[ 'cff_title_link' ] = $cff_title_link;
497
+ $options[ 'cff_body_size' ] = $cff_body_size;
498
+ $options[ 'cff_body_weight' ] = $cff_body_weight;
499
+ $options[ 'cff_body_color' ] = $cff_body_color;
500
+ //Event title
501
+ $options[ 'cff_event_title_format' ] = $cff_event_title_format;
502
+ $options[ 'cff_event_title_size' ] = $cff_event_title_size;
503
+ $options[ 'cff_event_title_weight' ] = $cff_event_title_weight;
504
+ $options[ 'cff_event_title_color' ] = $cff_event_title_color;
505
+ $options[ 'cff_event_title_link' ] = $cff_event_title_link;
506
+ //Event date
507
+ $options[ 'cff_event_date_size' ] = $cff_event_date_size;
508
+ $options[ 'cff_event_date_weight' ] = $cff_event_date_weight;
509
+ $options[ 'cff_event_date_color' ] = $cff_event_date_color;
510
+ $options[ 'cff_event_date_position' ] = $cff_event_date_position;
511
+ $options[ 'cff_event_date_formatting' ] = $cff_event_date_formatting;
512
+ $options[ 'cff_event_date_custom' ] = $cff_event_date_custom;
513
+ //Event details
514
+ $options[ 'cff_event_details_size' ] = $cff_event_details_size;
515
+ $options[ 'cff_event_details_weight' ] = $cff_event_details_weight;
516
+ $options[ 'cff_event_details_color' ] = $cff_event_details_color;
517
+ //Date
518
+ $options[ 'cff_date_position' ] = $cff_date_position;
519
+ $options[ 'cff_date_size' ] = $cff_date_size;
520
+ $options[ 'cff_date_weight' ] = $cff_date_weight;
521
+ $options[ 'cff_date_color' ] = $cff_date_color;
522
+ $options[ 'cff_date_formatting' ] = $cff_date_formatting;
523
+ $options[ 'cff_date_custom' ] = $cff_date_custom;
524
+ $options[ 'cff_date_before' ] = $cff_date_before;
525
+ $options[ 'cff_date_after' ] = $cff_date_after;
526
+ //View on Facebook link
527
+ $options[ 'cff_link_size' ] = $cff_link_size;
528
+ $options[ 'cff_link_weight' ] = $cff_link_weight;
529
+ $options[ 'cff_link_color' ] = $cff_link_color;
530
+ $options[ 'cff_facebook_link_text' ] = $cff_facebook_link_text;
531
+ $options[ 'cff_view_link_text' ] = $cff_view_link_text;
532
+ }
533
+ //Update the Post Layout options
534
+ if( isset($_POST[ $style_misc_hidden_field_name ]) && $_POST[ $style_misc_hidden_field_name ] == 'Y' ) {
535
+ //Meta
536
+ $cff_icon_style = $_POST[ 'cff_icon_style' ];
537
+ $cff_meta_text_color = $_POST[ 'cff_meta_text_color' ];
538
+ $cff_meta_bg_color = $_POST[ 'cff_meta_bg_color' ];
539
+ $cff_nocomments_text = $_POST[ 'cff_nocomments_text' ];
540
+ $cff_hide_comments = $_POST[ 'cff_hide_comments' ];
541
+ //Custom CSS
542
+ $cff_custom_css = $_POST[ 'cff_custom_css' ];
543
+ //Misc
544
+ $cff_show_like_box = $_POST[ 'cff_show_like_box' ];
545
+ $cff_like_box_position = $_POST[ 'cff_like_box_position' ];
546
+ $cff_like_box_outside = $_POST[ 'cff_like_box_outside' ];
547
+ $cff_likebox_bg_color = $_POST[ 'cff_likebox_bg_color' ];
548
+ $cff_video_height = $_POST[ 'cff_video_height' ];
549
+ $cff_video_action = $_POST[ 'cff_video_action' ];
550
+ $cff_sep_color = $_POST[ 'cff_sep_color' ];
551
+ $cff_sep_size = $_POST[ 'cff_sep_size' ];
552
+ $cff_open_links = $_POST[ 'cff_open_links' ];
553
+ //Meta
554
+ $options[ 'cff_icon_style' ] = $cff_icon_style;
555
+ $options[ 'cff_meta_text_color' ] = $cff_meta_text_color;
556
+ $options[ 'cff_meta_bg_color' ] = $cff_meta_bg_color;
557
+ $options[ 'cff_nocomments_text' ] = $cff_nocomments_text;
558
+ $options[ 'cff_hide_comments' ] = $cff_hide_comments;
559
+ //Custom CSS
560
+ $options[ 'cff_custom_css' ] = $cff_custom_css;
561
+ //Misc
562
+ $options[ 'cff_show_like_box' ] = $cff_show_like_box;
563
+ $options[ 'cff_like_box_position' ] = $cff_like_box_position;
564
+ $options[ 'cff_like_box_outside' ] = $cff_like_box_outside;
565
+ $options[ 'cff_likebox_bg_color' ] = $cff_likebox_bg_color;
566
+ $options[ 'cff_video_height' ] = $cff_video_height;
567
+ $options[ 'cff_video_action' ] = $cff_video_action;
568
+ $options[ 'cff_sep_color' ] = $cff_sep_color;
569
+ $options[ 'cff_sep_size' ] = $cff_sep_size;
570
+ $options[ 'cff_open_links' ] = $cff_open_links;
571
+ }
572
//Update the array
573
update_option( 'cff_style_settings', $options );
574
// Put an settings updated message on the screen
576
<div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
577
<?php } ?>
578
579
+ <div id="cff-admin" class="wrap">
580
+ <div id="header">
581
+ <h1><?php _e('Layout & Style'); ?></h1>
582
+ </div>
583
<form name="form1" method="post" action="">
584
<input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
585
+ <?php
586
+ $active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'general';
587
+ ?>
588
+ <h2 class="nav-tab-wrapper">
589
+ <a href="?page=cff-style&tab=general" class="nav-tab <?php echo $active_tab == 'general' ? 'nav-tab-active' : ''; ?>"><?php _e('General'); ?></a>
590
+ <a href="?page=cff-style&tab=post_layout" class="nav-tab <?php echo $active_tab == 'post_layout' ? 'nav-tab-active' : ''; ?>"><?php _e('Post Layout'); ?></a>
591
+ <a href="?page=cff-style&tab=typography" class="nav-tab <?php echo $active_tab == 'typography' ? 'nav-tab-active' : ''; ?>"><?php _e('Typography'); ?></a>
592
+ <a href="?page=cff-style&tab=misc" class="nav-tab <?php echo $active_tab == 'misc' ? 'nav-tab-active' : ''; ?>"><?php _e('Misc'); ?></a>
593
+ </h2>
594
+ <?php if( $active_tab == 'general' ) { //Start General tab ?>
595
+ <input type="hidden" name="<?php echo $style_general_hidden_field_name; ?>" value="Y">
596
<br />
597
<table class="form-table">
598
<tbody>
599
<h3><?php _e('General'); ?></h3>
601
<th scope="row"><?php _e('Feed Width'); ?></th>
602
<td>
603
<input name="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width ); ?>" size="6" />
604
+ <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%'); ?></i></span>
605
</td>
606
</tr>
607
<tr valign="top">
608
<th scope="row"><?php _e('Feed Height'); ?></th>
609
<td>
610
<input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height ); ?>" size="6" />
611
+ <span>Eg. 500px, 50em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum height. If the feed exceeds this height then a scroll bar will be used.'); ?></i></span>
612
</td>
613
</tr>
614
<th scope="row"><?php _e('Feed Padding'); ?></th>
615
<td>
616
<input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding ); ?>" size="6" />
617
+ <span>Eg. 20px, 5%. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This is the amount of padding/spacing that goes around the feed. This is particularly useful if you intend to set a background color on the feed.'); ?></i></span>
618
</td>
619
</tr>
620
<tr valign="top">
621
<th scope="row"><?php _e('Feed Background Color'); ?></th>
622
<td>
623
<label for="cff_bg_color">#</label>
624
+ <input name="cff_bg_color" type="text" value="<?php esc_attr_e( $cff_bg_color ); ?>" size="10" placeholder="Eg. ED9A00" />
625
+ <span><a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a></span>
626
</td>
627
</tr>
628
<tr valign="top">
630
<td>
631
<input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
632
<label for="cff_show_status_type">Yes</label>
633
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This will show the thumbnail picture and name of the post author at the top of each post'); ?></i>
634
635
</td>
636
</tr>
637
+ <tr valign="top">
638
+ <th scope="row"><?php _e('Add CSS class to feed'); ?></th>
639
+ <td>
640
+ <input name="cff_class" type="text" value="<?php esc_attr_e( $cff_class ); ?>" size="25" />
641
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('To add multiple classes separate each with a space, Eg. classone classtwo classthree'); ?></i>
642
+ </td>
643
+ </tr>
644
</tbody>
645
</table>
646
+
647
<hr />
648
<table class="form-table">
649
<tbody>
650
<h3><?php _e('Post Types'); ?></h3>
651
<tr valign="top">
652
+ <th scope="row"><?php _e('Only show these types of posts:'); ?><br />
653
+ <i style="color: #666; font-size: 11px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post types, photos, videos and more'); ?></a></i></th>
654
<td>
655
+ <div>
656
+ <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled <?php if($cff_show_status_type == true) echo "checked"; ?> />
657
+ <label for="cff_show_status_type"><?php _e('Statuses'); ?></label>
658
+ </div>
659
+ <div>
660
+ <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled <?php if($cff_show_event_type == true) echo 'checked="checked"' ?> />
661
+ <label for="cff_show_event_type"><?php _e('Events'); ?></label>
662
+ </div>
663
+ <div>
664
+ <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled <?php if($cff_show_photos_type == true) echo 'checked="checked"' ?> />
665
+ <label for="cff_show_photos_type"><?php _e('Photos'); ?></label>
666
+ </div>
667
+ <div>
668
+ <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled <?php if($cff_show_video_type == true) echo 'checked="checked"' ?> />
669
+ <label for="cff_show_video_type"><?php _e('Videos'); ?></label>
670
+ </div>
671
+ <div>
672
+ <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled <?php if($cff_show_links_type == true) echo 'checked="checked"' ?> />
673
+ <label for="cff_show_links_type"><?php _e('Links'); ?></label>
674
+ </div>
675
</td>
676
</tr>
677
</tbody>
678
</table>
679
+ <?php submit_button(); ?>
680
+
681
+ <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
682
+
683
+ <?php } //End General tab ?>
684
+ <?php if( $active_tab == 'post_layout' ) { //Start Post Layout tab ?>
685
+ <input type="hidden" name="<?php echo $style_post_layout_hidden_field_name; ?>" value="Y">
686
<br />
687
<h3><?php _e('Post Layout'); ?></h3>
688
<table class="form-table">
689
<tbody>
690
<tr>
691
+ <td><p><?php _e('Choose a layout from the 3 below:'); ?></p></td>
692
<td>
693
<select name="cff_preset_layout" disabled>
694
+ <option value="thumb"><?php _e('Thumbnail'); ?></option>
695
+ <option value="half"><?php _e('Half-width'); ?></option>
696
+ <option value="full"><?php _e('Full-width'); ?></option>
697
</select>
698
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post layouts'); ?></a></i>
699
+ </td>
700
+ </tr>
701
+ <tr valign="top">
702
+ <th scope="row"><?php _e('Thumbnail:'); ?></th>
703
+ <td>
704
+ <img src="<?php echo plugins_url( 'img/layout-thumb.png' , __FILE__ ) ?>" alt="Thumbnail Layout" width="400px" style="border: 1px solid #ccc;" />
705
+ </td>
706
+ </tr>
707
+ <tr valign="top">
708
+ <th scope="row"><?php _e('Half-width:'); ?></th>
709
+ <td>
710
+ <img src="<?php echo plugins_url( 'img/layout-half.png' , __FILE__ ) ?>" alt="Half Width Layout" width="400px" style="border: 1px solid #ccc;" />
711
+ </td>
712
+ </tr>
713
+ <tr valign="top">
714
+ <th scope="row"><?php _e('Full-width:'); ?></th>
715
+ <td>
716
+ <img src="<?php echo plugins_url( 'img/layout-full.png' , __FILE__ ) ?>" alt="Full Width Layout" width="400px" style="border: 1px solid #ccc;" />
717
</td>
718
</tr>
719
+ </tbody>
720
+ </table>
721
+ <hr />
722
+ <h3><?php _e('Show/Hide'); ?></h3>
723
+ <table class="form-table">
724
+ <tbody>
725
<tr valign="top">
726
+ <th scope="row"><?php _e('Include the following in posts:'); ?><br /><?php _e('(when applicable)'); ?>
727
+ <br /><i style="color: #666; font-size: 11px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable all of these options'); ?></a></i></th>
728
<td>
729
<div>
730
<input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> />
731
+ <label for="cff_show_text"><?php _e('Post text'); ?></label>
732
</div>
733
<div>
734
+ <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> />
735
+ <label for="cff_show_date"><?php _e('Date'); ?></label>
736
</div>
737
<div>
738
+ <input type="checkbox" id="cff_show_media" disabled />
739
+ <label for="cff_show_media"><?php _e('Photos/videos'); ?></label>
740
</div>
741
<div>
742
+ <input type="checkbox" name="cff_show_shared_links" id="cff_show_shared_links" <?php if($cff_show_shared_links == true) echo 'checked="checked"' ?> />
743
+ <label for="cff_show_shared_links"><?php _e('Shared links'); ?></label>
744
+ </div>
745
+ <div>
746
+ <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> />
747
+ <label for="cff_show_desc"><?php _e('Link, photo and video descriptions'); ?></label>
748
</div>
749
<div>
750
<input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> />
751
+ <label for="cff_show_event_title"><?php _e('Event title'); ?></label>
752
</div>
753
<div>
754
<input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> />
755
+ <label for="cff_show_event_details"><?php _e('Event details'); ?></label>
756
</div>
757
<div>
758
+ <input type="checkbox" id="cff_show_meta" disabled />
759
+ <label for="cff_show_meta"><?php _e('Like/shares/comments'); ?></label>
760
</div>
761
<div>
762
<input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> />
763
+ <label for="cff_show_link"><?php _e('View on Facebook/View Link'); ?></label>
764
</div>
765
</td>
766
</tr>
767
</tbody>
768
</table>
769
+
770
<?php submit_button(); ?>
771
+
772
+ <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
773
+
774
+ <?php } //End Post Layout tab ?>
775
+ <?php if( $active_tab == 'typography' ) { //Start Typography tab ?>
776
+ <input type="hidden" name="<?php echo $style_typography_hidden_field_name; ?>" value="Y">
777
+ <br />
778
<h3><?php _e('Typography'); ?></h3>
779
+ <p><i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('"Inherit" means that the text will inherit the styles from your theme.'); ?></i></p>
780
+ <div id="poststuff" class="metabox-holder">
781
+ <div class="meta-box-sortables ui-sortable">
782
+ <div id="adminform" class="postbox" style="display: block;">
783
+ <div class="handlediv" title="Click to toggle"><br></div>
784
+ <h3 class="hndle"><span><?php _e('Text Character Limits'); ?></span></h3>
785
+ <div class="inside">
786
+ <table class="form-table">
787
+ <tbody>
788
+ <tr valign="top">
789
+ <th scope="row"><label class="bump-left"><?php _e('Maximum Post Text Length'); ?></label></th>
790
+ <td>
791
+ <input name="cff_title_length" type="text" value="<?php esc_attr_e( $cff_title_length_val ); ?>" size="4" /> <span><?php _e('Characters.'); ?></span> <span>Eg. 200</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('If the post text exceeds this length then a "See More" button will be added. Leave empty to set no maximum length.'); ?></i>
792
+ </td>
793
+ </tr>
794
+ <tr valign="top">
795
+ <th scope="row"><label class="bump-left"><?php _e('Maximum Description Length'); ?></label></th>
796
+ <td>
797
+ <input name="cff_body_length" type="text" value="<?php esc_attr_e( $cff_body_length_val ); ?>" size="4" /> <span><?php _e('Characters.'); ?></span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum length'); ?></i>
798
+ </td>
799
+ </tr>
800
+ <tr>
801
+ <th><label for="cff_see_more_text" class="bump-left"><?php _e('Custom "See More" text'); ?></label></th>
802
+ <td>
803
+ <input name="cff_see_more_text" type="text" value="<?php esc_attr_e( $cff_see_more_text ); ?>" size="20" />
804
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "See More" text'); ?></i>
805
+ </td>
806
+ </tr>
807
+ <tr>
808
+ <th><label for="cff_see_less_text" class="bump-left"><?php _e('Custom "See Less" text'); ?></label></th>
809
+ <td>
810
+ <input name="cff_see_less_text" type="text" value="<?php esc_attr_e( $cff_see_less_text ); ?>" size="20" />
811
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "See Less" text'); ?></i>
812
+ </td>
813
+ </tr>
814
+ </tbody>
815
+ </table>
816
+ </div>
817
+ </div>
818
+ <div id="adminform" class="postbox" style="display: block;">
819
+ <div class="handlediv" title="Click to toggle"><br></div>
820
+ <h3 class="hndle"><span><?php _e('Post Text'); ?></span></h3>
821
+ <div class="inside">
822
+ <table class="form-table">
823
+ <tbody>
824
+ <tr>
825
+ <th><label for="cff_title_format" class="bump-left"><?php _e('Format'); ?></label></th>
826
+ <td>
827
+ <select name="cff_title_format">
828
+ <option value="p" <?php if($cff_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
829
+ <option value="h3" <?php if($cff_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option>
830
+ <option value="h4" <?php if($cff_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option>
831
+ <option value="h5" <?php if($cff_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option>
832
+ <option value="h6" <?php if($cff_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option>
833
+ </select>
834
+ </td>
835
+ </tr>
836
+ <tr>
837
+ <th><label for="cff_title_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
838
+ <td>
839
+ <select name="cff_title_size">
840
+ <option value="inherit" <?php if($cff_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
841
+ <option value="10" <?php if($cff_title_size == "10") echo 'selected="selected"' ?> >10px</option>
842
+ <option value="11" <?php if($cff_title_size == "11") echo 'selected="selected"' ?> >11px</option>
843
+ <option value="12" <?php if($cff_title_size == "12") echo 'selected="selected"' ?> >12px</option>
844
+ <option value="14" <?php if($cff_title_size == "14") echo 'selected="selected"' ?> >14px</option>
845
+ <option value="16" <?php if($cff_title_size == "16") echo 'selected="selected"' ?> >16px</option>
846
+ <option value="18" <?php if($cff_title_size == "18") echo 'selected="selected"' ?> >18px</option>
847
+ <option value="20" <?php if($cff_title_size == "20") echo 'selected="selected"' ?> >20px</option>
848
+ <option value="24" <?php if($cff_title_size == "24") echo 'selected="selected"' ?> >24px</option>
849
+ <option value="28" <?php if($cff_title_size == "28") echo 'selected="selected"' ?> >28px</option>
850
+ <option value="32" <?php if($cff_title_size == "32") echo 'selected="selected"' ?> >32px</option>
851
+ <option value="36" <?php if($cff_title_size == "36") echo 'selected="selected"' ?> >36px</option>
852
+ <option value="42" <?php if($cff_title_size == "42") echo 'selected="selected"' ?> >42px</option>
853
+ <option value="48" <?php if($cff_title_size == "48") echo 'selected="selected"' ?> >48px</option>
854
+ <option value="60" <?php if($cff_title_size == "54") echo 'selected="selected"' ?> >54px</option>
855
+ <option value="60" <?php if($cff_title_size == "60") echo 'selected="selected"' ?> >60px</option>
856
+ </select>
857
+ </td>
858
+ </tr>
859
+ <tr>
860
+ <th><label for="cff_title_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
861
+ <td>
862
+ <select name="cff_title_weight">
863
+ <option value="inherit" <?php if($cff_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
864
+ <option value="normal" <?php if($cff_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
865
+ <option value="bold" <?php if($cff_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
866
+ </select>
867
+ </td>
868
+ </tr>
869
+ <tr>
870
+ <th><label for="cff_title_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
871
+ <td>
872
+ #<input name="cff_title_color" type="text" value="<?php esc_attr_e( $cff_title_color ); ?>" size="10" placeholder="Eg. ED9A00" />
873
+ <span><a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a></span>
874
+ </td>
875
+ </tr>
876
+ <tr>
877
+ <th><label for="cff_title_link" class="bump-left"><?php _e('Link text to Facebook post?'); ?></label></th>
878
+ <td><input type="checkbox" name="cff_title_link" id="cff_title_link" <?php if($cff_title_link == true) echo 'checked="checked"' ?> />&nbsp;Yes</td>
879
+ </tr>
880
+
881
+ </tbody>
882
+ </table>
883
+ </div>
884
+ </div>
885
+ <div id="adminform" class="postbox" style="display: block;">
886
+ <div class="handlediv" title="Click to toggle"><br></div>
887
+ <h3 class="hndle"><span><?php _e('Link, Photo and Video Description'); ?></span></h3>
888
+ <div class="inside">
889
+ <table class="form-table">
890
+ <tbody>
891
892
+ <tr>
893
+ <th><label for="cff_body_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
894
+ <td>
895
+ <select name="cff_body_size">
896
+ <option value="inherit" <?php if($cff_body_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
897
+ <option value="10" <?php if($cff_body_size == "10") echo 'selected="selected"' ?> >10px</option>
898
+ <option value="11" <?php if($cff_body_size == "11") echo 'selected="selected"' ?> >11px</option>
899
+ <option value="12" <?php if($cff_body_size == "12") echo 'selected="selected"' ?> >12px</option>
900
+ <option value="14" <?php if($cff_body_size == "14") echo 'selected="selected"' ?> >14px</option>
901
+ <option value="16" <?php if($cff_body_size == "16") echo 'selected="selected"' ?> >16px</option>
902
+ <option value="18" <?php if($cff_body_size == "18") echo 'selected="selected"' ?> >18px</option>
903
+ <option value="20" <?php if($cff_body_size == "20") echo 'selected="selected"' ?> >20px</option>
904
+ <option value="24" <?php if($cff_body_size == "24") echo 'selected="selected"' ?> >24px</option>
905
+ <option value="28" <?php if($cff_body_size == "28") echo 'selected="selected"' ?> >28px</option>
906
+ <option value="32" <?php if($cff_body_size == "32") echo 'selected="selected"' ?> >32px</option>
907
+ <option value="36" <?php if($cff_body_size == "36") echo 'selected="selected"' ?> >36px</option>
908
+ <option value="42" <?php if($cff_body_size == "42") echo 'selected="selected"' ?> >42px</option>
909
+ <option value="48" <?php if($cff_body_size == "48") echo 'selected="selected"' ?> >48px</option>
910
+ <option value="60" <?php if($cff_body_size == "54") echo 'selected="selected"' ?> >54px</option>
911
+ <option value="60" <?php if($cff_body_size == "60") echo 'selected="selected"' ?> >60px</option>
912
+ </select>
913
+ </td>
914
+ </tr>
915
+ <tr>
916
+ <th><label for="cff_body_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
917
+ <td>
918
+ <select name="cff_body_weight">
919
+ <option value="inherit" <?php if($cff_body_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
920
+ <option value="normal" <?php if($cff_body_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
921
+ <option value="bold" <?php if($cff_body_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
922
+ </select>
923
+ </td>
924
+ </tr>
925
+ <tr>
926
+ <th><label for="cff_body_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
927
+
928
+ <td>
929
+ #<input name="cff_body_color" type="text" value="<?php esc_attr_e( $cff_body_color ); ?>" size="10" placeholder="Eg. ED9A00" />
930
+ <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
931
+ </td>
932
+ </tr>
933
+ </tbody>
934
+ </table>
935
+ </div>
936
+ </div>
937
+ <div style="margin-top: -15px;">
938
+ <?php submit_button(); ?>
939
+ </div>
940
+ <div id="adminform" class="postbox" style="display: block;">
941
+ <div class="handlediv" title="Click to toggle"><br></div>
942
+ <h3 class="hndle"><span><?php _e('Date'); ?></span></h3>
943
+ <div class="inside">
944
+ <table class="form-table">
945
+ <tbody>
946
+ <tr>
947
+ <th><label for="cff_date_position" class="bump-left"><?php _e('Position'); ?></label></th>
948
+ <td>
949
+ <select name="cff_date_position">
950
+ <option value="below" <?php if($cff_date_position == "below") echo 'selected="selected"' ?> >Below Text</option>
951
+ <option value="above" <?php if($cff_date_position == "above") echo 'selected="selected"' ?> >Above Text</option>
952
+ </select>
953
+ </td>
954
+ </tr>
955
+ <tr>
956
+ <th><label for="cff_date_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
957
+ <td>
958
+ <select name="cff_date_size">
959
+ <option value="inherit" <?php if($cff_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
960
+ <option value="10" <?php if($cff_date_size == "10") echo 'selected="selected"' ?> >10px</option>
961
+ <option value="11" <?php if($cff_date_size == "11") echo 'selected="selected"' ?> >11px</option>
962
+ <option value="12" <?php if($cff_date_size == "12") echo 'selected="selected"' ?> >12px</option>
963
+ <option value="14" <?php if($cff_date_size == "14") echo 'selected="selected"' ?> >14px</option>
964
+ <option value="16" <?php if($cff_date_size == "16") echo 'selected="selected"' ?> >16px</option>
965
+ <option value="18" <?php if($cff_date_size == "18") echo 'selected="selected"' ?> >18px</option>
966
+ <option value="20" <?php if($cff_date_size == "20") echo 'selected="selected"' ?> >20px</option>
967
+ <option value="24" <?php if($cff_date_size == "24") echo 'selected="selected"' ?> >24px</option>
968
+ <option value="28" <?php if($cff_date_size == "28") echo 'selected="selected"' ?> >28px</option>
969
+ <option value="32" <?php if($cff_date_size == "32") echo 'selected="selected"' ?> >32px</option>
970
+ <option value="36" <?php if($cff_date_size == "36") echo 'selected="selected"' ?> >36px</option>
971
+ <option value="42" <?php if($cff_date_size == "42") echo 'selected="selected"' ?> >42px</option>
972
+ <option value="48" <?php if($cff_date_size == "48") echo 'selected="selected"' ?> >48px</option>
973
+ <option value="60" <?php if($cff_date_size == "54") echo 'selected="selected"' ?> >54px</option>
974
+ <option value="60" <?php if($cff_date_size == "60") echo 'selected="selected"' ?> >60px</option>
975
+ </select>
976
+ </td>
977
+ </tr>
978
+ <tr>
979
+ <th><label for="cff_date_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
980
+ <td>
981
+ <select name="cff_date_weight">
982
+ <option value="inherit" <?php if($cff_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
983
+ <option value="normal" <?php if($cff_date_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
984
+ <option value="bold" <?php if($cff_date_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
985
+ </select>
986
+ </td>
987
+ </tr>
988
+ <tr>
989
+ <th><label for="cff_date_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
990
+ <td>
991
+ #<input name="cff_date_color" type="text" value="<?php esc_attr_e( $cff_date_color ); ?>" size="10" placeholder="Eg. ED9A00" />
992
+ <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
993
+ </td>
994
+ </tr>
995
+
996
+ <tr>
997
+ <th><label for="cff_date_formatting" class="bump-left"><?php _e('Date formatting'); ?></label></th>
998
+ <td>
999
+ <select name="cff_date_formatting">
1000
+ <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
1001
+ <option value="1" <?php if($cff_date_formatting == "1") echo 'selected="selected"' ?> ><?php _e('Posted 2 days ago'); ?></option>
1002
+ <option value="2" <?php if($cff_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:i a', $original); ?></option>
1003
+ <option value="3" <?php if($cff_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('F jS', $original); ?></option>
1004
+ <option value="4" <?php if($cff_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('D F jS', $original); ?></option>
1005
+ <option value="5" <?php if($cff_date_formatting == "5") echo 'selected="selected"' ?> ><?php echo date('l F jS', $original); ?></option>
1006
+ <option value="6" <?php if($cff_date_formatting == "6") echo 'selected="selected"' ?> ><?php echo date('D M jS, Y', $original); ?></option>
1007
+ <option value="7" <?php if($cff_date_formatting == "7") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y', $original); ?></option>
1008
+ <option value="8" <?php if($cff_date_formatting == "8") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y - g:i a', $original); ?></option>
1009
+ <option value="9" <?php if($cff_date_formatting == "9") echo 'selected="selected"' ?> ><?php echo date("l M jS, 'y", $original); ?></option>
1010
+ <option value="10" <?php if($cff_date_formatting == "10") echo 'selected="selected"' ?> ><?php echo date('m.d.y', $original); ?></option>
1011
+ <option value="11" <?php if($cff_date_formatting == "11") echo 'selected="selected"' ?> ><?php echo date('m/d/y', $original); ?></option>
1012
+ <option value="12" <?php if($cff_date_formatting == "12") echo 'selected="selected"' ?> ><?php echo date('d.m.y', $original); ?></option>
1013
+ <option value="13" <?php if($cff_date_formatting == "13") echo 'selected="selected"' ?> ><?php echo date('d/m/y', $original); ?></option>
1014
+ </select>
1015
+ </td>
1016
+ </tr>
1017
+ <tr>
1018
+ <th><label for="cff_date_custom" class="bump-left"><?php _e('Custom format'); ?></label></th>
1019
+ <td>
1020
+ <input name="cff_date_custom" type="text" value="<?php esc_attr_e( $cff_date_custom ); ?>" size="10" placeholder="Eg. F j, Y" />
1021
+ <i style="color: #666; font-size: 11px;">(<a href="http://smashballoon.com/custom-facebook-feed/docs/date/" target="_blank"><?php _e('Examples'); ?></a>)</i>
1022
+ </td>
1023
+ </tr>
1024
+ <tr>
1025
+ <th><label for="cff_date_before" class="bump-left"><?php _e('Text before date'); ?></label></th>
1026
+ <td><input name="cff_date_before" type="text" value="<?php esc_attr_e( $cff_date_before ); ?>" size="10" placeholder="Eg. Posted" /></td>
1027
+ </tr>
1028
+ <tr>
1029
+ <th><label for="cff_date_after" class="bump-left"><?php _e('Text after date'); ?></label></th>
1030
+ <td><input name="cff_date_after" type="text" value="<?php esc_attr_e( $cff_date_after ); ?>" size="10" placeholder="Eg. ago" /></td>
1031
+ </tr>
1032
+ </tbody>
1033
+ </table>
1034
+ </div>
1035
+ </div>
1036
+ <div id="adminform" class="postbox" style="display: block;">
1037
+ <div class="handlediv" title="Click to toggle"><br></div>
1038
+ <h3 class="hndle"><span><?php _e('Event Title'); ?></span></h3>
1039
+ <div class="inside">
1040
+ <table class="form-table">
1041
+ <tbody>
1042
1043
+ <tr>
1044
+ <th><label for="cff_event_title_format" class="bump-left"><?php _e('Format'); ?></label></th>
1045
+ <td>
1046
+ <select name="cff_event_title_format">
1047
+ <option value="p" <?php if($cff_event_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
1048
+ <option value="h3" <?php if($cff_event_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option>
1049
+ <option value="h4" <?php if($cff_event_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option>
1050
+ <option value="h5" <?php if($cff_event_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option>
1051
+ <option value="h6" <?php if($cff_event_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option>
1052
+ </select>
1053
+ </td>
1054
+ </tr>
1055
+
1056
+ <tr>
1057
+ <th><label for="cff_event_title_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1058
+ <td>
1059
+ <select name="cff_event_title_size">
1060
+ <option value="inherit" <?php if($cff_event_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1061
+ <option value="10" <?php if($cff_event_title_size == "10") echo 'selected="selected"' ?> >10px</option>
1062
+ <option value="11" <?php if($cff_event_title_size == "11") echo 'selected="selected"' ?> >11px</option>
1063
+ <option value="12" <?php if($cff_event_title_size == "12") echo 'selected="selected"' ?> >12px</option>
1064
+ <option value="14" <?php if($cff_event_title_size == "14") echo 'selected="selected"' ?> >14px</option>
1065
+ <option value="16" <?php if($cff_event_title_size == "16") echo 'selected="selected"' ?> >16px</option>
1066
+ <option value="18" <?php if($cff_event_title_size == "18") echo 'selected="selected"' ?> >18px</option>
1067
+ <option value="20" <?php if($cff_event_title_size == "20") echo 'selected="selected"' ?> >20px</option>
1068
+ <option value="24" <?php if($cff_event_title_size == "24") echo 'selected="selected"' ?> >24px</option>
1069
+ <option value="28" <?php if($cff_event_title_size == "28") echo 'selected="selected"' ?> >28px</option>
1070
+ <option value="32" <?php if($cff_event_title_size == "32") echo 'selected="selected"' ?> >32px</option>
1071
+ <option value="36" <?php if($cff_event_title_size == "36") echo 'selected="selected"' ?> >36px</option>
1072
+ <option value="42" <?php if($cff_event_title_size == "42") echo 'selected="selected"' ?> >42px</option>
1073
+ <option value="48" <?php if($cff_event_title_size == "48") echo 'selected="selected"' ?> >48px</option>
1074
+ <option value="60" <?php if($cff_event_title_size == "54") echo 'selected="selected"' ?> >54px</option>
1075
+ <option value="60" <?php if($cff_event_title_size == "60") echo 'selected="selected"' ?> >60px</option>
1076
+ </select>
1077
+ </td>
1078
+ </tr>
1079
+ <tr>
1080
+ <th><label for="cff_event_title_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1081
+ <td>
1082
+ <select name="cff_event_title_weight">
1083
+ <option value="inherit" <?php if($cff_event_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1084
+ <option value="normal" <?php if($cff_event_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1085
+ <option value="bold" <?php if($cff_event_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1086
+ </select>
1087
+ </td>
1088
+ </tr>
1089
+ <tr>
1090
+ <th><label for="cff_event_title_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1091
+ <td>
1092
+ <input name="cff_event_title_color" type="text" value="<?php esc_attr_e( $cff_event_title_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1093
+ <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1094
+ </td>
1095
+ </tr>
1096
+ <tr>
1097
+ <th><label for="cff_title_link" class="bump-left"><?php _e('Link title to Facebook event page?'); ?></label></th>
1098
+ <td><input type="checkbox" name="cff_event_title_link" id="cff_event_title_link" <?php if($cff_event_title_link == true) echo 'checked="checked"' ?> />&nbsp;Yes</td>
1099
+ </tr>
1100
+ </tbody>
1101
+ </table>
1102
+ </div>
1103
+ </div>
1104
+ <div style="margin-top: -15px;">
1105
+ <?php submit_button(); ?>
1106
+ </div>
1107
+ <div id="adminform" class="postbox" style="display: block;">
1108
+ <div class="handlediv" title="Click to toggle"><br></div>
1109
+ <h3 class="hndle"><span><?php _e('Event Date'); ?></span></h3>
1110
+ <div class="inside">
1111
+ <table class="form-table">
1112
+ <tbody>
1113
+
1114
+ <tr>
1115
+ <th><label for="cff_event_date_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1116
+ <td>
1117
+ <select name="cff_event_date_size">
1118
+ <option value="inherit" <?php if($cff_event_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1119
+ <option value="10" <?php if($cff_event_date_size == "10") echo 'selected="selected"' ?> >10px</option>
1120
+ <option value="11" <?php if($cff_event_date_size == "11") echo 'selected="selected"' ?> >11px</option>
1121
+ <option value="12" <?php if($cff_event_date_size == "12") echo 'selected="selected"' ?> >12px</option>
1122
+ <option value="14" <?php if($cff_event_date_size == "14") echo 'selected="selected"' ?> >14px</option>
1123
+ <option value="16" <?php if($cff_event_date_size == "16") echo 'selected="selected"' ?> >16px</option>
1124
+ <option value="18" <?php if($cff_event_date_size == "18") echo 'selected="selected"' ?> >18px</option>
1125
+ <option value="20" <?php if($cff_event_date_size == "20") echo 'selected="selected"' ?> >20px</option>
1126
+ <option value="24" <?php if($cff_event_date_size == "24") echo 'selected="selected"' ?> >24px</option>
1127
+ <option value="28" <?php if($cff_event_date_size == "28") echo 'selected="selected"' ?> >28px</option>
1128
+ <option value="32" <?php if($cff_event_date_size == "32") echo 'selected="selected"' ?> >32px</option>
1129
+ <option value="36" <?php if($cff_event_date_size == "36") echo 'selected="selected"' ?> >36px</option>
1130
+ <option value="42" <?php if($cff_event_date_size == "42") echo 'selected="selected"' ?> >42px</option>
1131
+ <option value="48" <?php if($cff_event_date_size == "48") echo 'selected="selected"' ?> >48px</option>
1132
+ <option value="60" <?php if($cff_event_date_size == "54") echo 'selected="selected"' ?> >54px</option>
1133
+ <option value="60" <?php if($cff_event_date_size == "60") echo 'selected="selected"' ?> >60px</option>
1134
+ </select>
1135
+ </td>
1136
+ </tr>
1137
+ <tr>
1138
+ <th><label for="cff_event_date_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1139
+ <td>
1140
+ <select name="cff_event_date_weight">
1141
+ <option value="inherit" <?php if($cff_event_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1142
+ <option value="normal" <?php if($cff_event_date_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1143
+ <option value="bold" <?php if($cff_event_date_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1144
+ </select>
1145
+