Custom Facebook Feed - Version 1.6.3

Version Description

  • New: Added support for Facebook 'Offers'
  • Fix: Fixed an issue with the 'others' shortcode option not working correctly
  • Fix: Prefixed the 'clear' class to prevent conflicts
Download this release

Release Info

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

Code changes from version 1.6.2 to 1.6.3

README.txt CHANGED
@@ -1,9 +1,9 @@
1
=== Custom Facebook Feed ===
2
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.6.2
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
@@ -15,23 +15,23 @@ Display a **completely customizable**, **responsive** and **search engine crawla
15
16
= Features =
17
18
- * **Completely Customizable** - By default the Facebook feed will adopt the style of your website, but can be completely customized to look however you like - with tons of styling options and custom CSS!
19
* Facebook feed content is **crawlable by search engines** adding SEO value to your site - other Facebook plugins embed the feed using iframes which are not crawlable
20
* Completely **responsive** and mobile optimized - layout looks great on any screen size and in any container width
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
28
* Control the width, height, padding and background color of your Facebook feed
29
* Customize the size, weight and color of text
30
* Select from a range of date formats or enter your own
31
* Use your own custom link text in place of the defaults
32
* Use the shortcode options to style multiple Facebook feeds in completely different ways
33
* Select the number of Facebook posts to display
34
- * Set a maximum character length for both the post title and body text
35
36
To display photos, videos, the number of likes, shares and comments for each Facebook post, multiple layout options and more then [upgrade to the Pro version](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed Pro"). Try out the [Pro demo](http://smashballoon.com/custom-facebook-feed/demo "Custom Facebook Feed Demo").
37
@@ -73,13 +73,13 @@ This free plugin only allows you to display textual updates from your Facebook f
73
74
For this feature please upgrade to the [PRO version of the plugin](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed PRO").
75
76
- = Is the content of my feed crawlable by search engines? =
77
78
- It sure is. Unlike other Facebook plugins which use iframes to embed your feed into your page once it's loaded, the Custom Facebook Feed uses PHP to embed your Facebook feed content directly into your page. This adds dynamic, search engine crawlable content to your site.
79
80
- = How do I embed the feed directly into a WordPress page template? =
81
82
- You can embed the feed directly into a template file by using the WordPress do_shortcode function: do_shortcode('[custom-facebook-feed]'');
83
84
== Screenshots ==
85
@@ -87,25 +87,30 @@ You can embed the feed directly into a template file by using the WordPress do_s
87
2. Completely customize the way your Facebook feed looks to perfectly match your site
88
3. Use custom CSS to customize every part of the Facebook feed
89
4. Display Facebook events
90
- 5. Configuring the plugin
91
- 6. Layout & Style page - General options
92
- 7. Layout & Style page - Typography options
93
- 8. Layout & Style page - Misc options
94
9. It's super easy to display your Facebook feed in any page or post
95
96
== Changelog ==
97
98
= 1.6.2 =
99
- * New: Post caching now temporarily stores your post data in your WordPress database to allow for super quick load times
100
- * New: Define your own caching time. Check for new posts every few seconds, minutes, hours or days. You decide.
101
* New: Define your own custom text for the 'See More' and 'See Less' buttons
102
- * New: Add your own CSS class to your feeds
103
* New: Define a post limit which is higher or lower than the default 25
104
- * New: Include the Like box inside or outside of the feed's container
105
- * New: Customize the event date independently
106
* New: Improved layout of admin pages for easier navigation and customization
107
* Fix: Provided a fix for the Facebook API duplicate post bug
108
- * Fix: Fixed bug which ocurred when multiple feeds are displayed on the same page with different text lengths defined
109
110
= 1.5.2 =
111
* Fix: Fixed JavaScript error in previous update
@@ -114,7 +119,7 @@ You can embed the feed directly into a template file by using the WordPress do_s
114
* New: Added a 'See More' link to expand any text which is longer than the character limit defined
115
* New: Choose to show Facebook posts by other people in your feed
116
* New: Option to show the post author's Facebook profile picture and name above each post
117
- * New: Added options to customize and format the post date
118
* New: Add your own text before and after the date and in place of the 'View on Facebook' and 'View Link' text links
119
* New: Specify the format of the Facebook Event date
120
* Tweak: Default date format is less specific and better mimics Facebook's - credit Mark Bebbington
@@ -127,8 +132,8 @@ You can embed the feed directly into a template file by using the WordPress do_s
127
128
= 1.4.7 =
129
* Tweak: Added links to statuses which link to the Facebook page
130
- * Tweak: Added classes to event date, location and description to allow custom styling
131
- * Tweak: Removed 'Where' and 'When' text from events and made bold instead
132
133
= 1.4.6 =
134
* Fix: Fixed 'num' option in shortcode
@@ -144,52 +149,52 @@ You can embed the feed directly into a template file by using the WordPress do_s
144
* Some minor modifications
145
146
= 1.4.1 =
147
- * Fix: Set all parts of the feed to display by default on activation
148
149
= 1.4.0 =
150
* Major Update!
151
- * New: Loads of new customization options for your feed
152
- * New: Define feed width, height, padding and background color
153
- * New: Change the font-size, font-weight and color of the post text, description, date, links and event details
154
- * New: Choose whether to show or hide certain parts of the posts
155
- * New: Select whether the Like box is shown at the top of bottom of the feed
156
- * New: Choose Like box background color
157
158
= 1.3.6 =
159
* Minor modifications
160
161
= 1.3.5 =
162
- * New: Shared events now display event details (name, location, date/time, description) directly in the feed
163
164
= 1.3.4 =
165
- * New: Email addresses within the post text are now hyperlinked
166
* Fix: Links beginning with 'www' are now also hyperlinked
167
168
= 1.3.3 =
169
- * New: Added support for events - display the event details (name, location, date/time, description) directly in the feed
170
- * Fix: Links within the post text are now hyperlinked
171
- * Tweak: Added additional methods for retrieving feed data
172
173
= 1.3.2 =
174
* Fix: Now using the built-in WordPress HTTP API to get retrieve the Facebook data
175
176
= 1.3.1 =
177
- * Fix: Fixed issue with certain statuses not displaying correctly
178
179
= 1.3.0 =
180
- * Tweak: If 'Number of Posts to show' is not set then default to 10
181
182
= 1.2.9 =
183
* Fix: Now using cURL instead of file_get_contents to prevent issues with php.ini configuration on some web servers
184
185
= 1.2.8 =
186
- * Fix: Fixed bug in specifying the number of posts to display
187
188
= 1.2.7 =
189
- * Tweak: Prevented likes and comments by the page author showing up in the feed
190
191
= 1.2.6 =
192
- * Tweak: Added help link to settings page
193
194
= 1.2.5 =
195
* Fix: Added clear fix
@@ -198,7 +203,7 @@ You can embed the feed directly into a template file by using the WordPress do_s
198
* Fix: Minor bug fixes
199
200
= 1.2 =
201
- * New: Added the ability to define a maximum length for both the post title and body text
202
203
= 1.0 =
204
* Launch!
1
=== Custom Facebook Feed ===
2
Contributors: smashballoon
3
+ Tags: facebook, custom, customizable, feed, events, seo, search engine, responsive, mobile, shortcode, social, status, posts
4
Requires at least: 3.0
5
Tested up to: 3.6.1
6
+ Stable tag: 1.6.3
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
15
16
= Features =
17
18
+ * **Completely Customizable** - By default the Facebook feed will adopt the style of your website, but can be completely customized to look however you like - with tons of styling and customization options!
19
* Facebook feed content is **crawlable by search engines** adding SEO value to your site - other Facebook plugins embed the feed using iframes which are not crawlable
20
* Completely **responsive** and mobile optimized - layout looks great on any screen size and in any container width
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 your Facebook posts load lightning fast. Set your own caching time - check for new posts on Facebook every few seconds, minutes, hours or days. You decide.
25
+ * Show and hide certain parts of each Facebook post
26
* Choose to show the Facebook profile picture and name above each post
27
+ * Select whether to display Facebook posts by just the page owner, or everyone who posts on your Facebook page
28
* Control the width, height, padding and background color of your Facebook feed
29
* Customize the size, weight and color of text
30
* Select from a range of date formats or enter your own
31
* Use your own custom link text in place of the defaults
32
* Use the shortcode options to style multiple Facebook feeds in completely different ways
33
* Select the number of Facebook posts to display
34
+ * Set a maximum character length for both the text and descriptions of your Facebook posts
35
36
To display photos, videos, the number of likes, shares and comments for each Facebook post, multiple layout options and more then [upgrade to the Pro version](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed Pro"). Try out the [Pro demo](http://smashballoon.com/custom-facebook-feed/demo "Custom Facebook Feed Demo").
37
73
74
For this feature please upgrade to the [PRO version of the plugin](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed PRO").
75
76
+ = Is the content of my Custom Facebook Feed crawlable by search engines? =
77
78
+ It sure is. Unlike other Facebook plugins which use iframes to embed your Facebook feed into your page once it's loaded, the Custom Facebook Feed uses PHP to embed your Facebook feed content directly into your page. This adds dynamic, search engine crawlable content to your site.
79
80
+ = How do I embed the Custom Facebook Feed directly into a WordPress page template? =
81
82
+ You can embed your Facebook feed directly into a template file by using the WordPress do_shortcode function: do_shortcode('[custom-facebook-feed]'');
83
84
== Screenshots ==
85
87
2. Completely customize the way your Facebook feed looks to perfectly match your site
88
3. Use custom CSS to customize every part of the Facebook feed
89
4. Display Facebook events
90
+ 5. Configuring the Custom Facebook Feed plugin
91
+ 6. General options - Custom Facebook Feed Layout & Style page
92
+ 7. Typography options - Custom Facebook Feed Layout & Style page
93
+ 8. Misc options - Custom Facebook FeedLayout & Style page
94
9. It's super easy to display your Facebook feed in any page or post
95
96
== Changelog ==
97
98
+ = 1.6.3 =
99
+ * New: Added support for Facebook 'Offers'
100
+ * Fix: Fixed an issue with the 'others' shortcode option not working correctly
101
+ * Fix: Prefixed the 'clear' class to prevent conflicts
102
+
103
= 1.6.2 =
104
+ * New: Post caching now temporarily stores your Facebook post data in your WordPress database to allow for super quick load times
105
+ * New: Define your own caching time. Check for new Facebook posts every few seconds, minutes, hours or days. You decide.
106
* New: Define your own custom text for the 'See More' and 'See Less' buttons
107
+ * New: Add your own CSS class to your Custom Facebook Feeds
108
* New: Define a post limit which is higher or lower than the default 25
109
+ * New: Include the Like box inside or outside of the Facebook feed's container
110
+ * New: Customize the Facebook event date independently
111
* New: Improved layout of admin pages for easier navigation and customization
112
* Fix: Provided a fix for the Facebook API duplicate post bug
113
+ * Fix: Fixed bug which ocurred when multiple Facebook feeds are displayed on the same page with different text lengths defined
114
115
= 1.5.2 =
116
* Fix: Fixed JavaScript error in previous update
119
* New: Added a 'See More' link to expand any text which is longer than the character limit defined
120
* New: Choose to show Facebook posts by other people in your feed
121
* New: Option to show the post author's Facebook profile picture and name above each post
122
+ * New: Added options to customize and format the Facebook post date
123
* New: Add your own text before and after the date and in place of the 'View on Facebook' and 'View Link' text links
124
* New: Specify the format of the Facebook Event date
125
* Tweak: Default date format is less specific and better mimics Facebook's - credit Mark Bebbington
132
133
= 1.4.7 =
134
* Tweak: Added links to statuses which link to the Facebook page
135
+ * Tweak: Added classes to Facebook event date, location and description to allow custom styling
136
+ * Tweak: Removed 'Where' and 'When' text from Facebook events and made bold instead
137
138
= 1.4.6 =
139
* Fix: Fixed 'num' option in shortcode
149
* Some minor modifications
150
151
= 1.4.1 =
152
+ * Fix: Set all parts of the Facebook feed to display by default on activation
153
154
= 1.4.0 =
155
* Major Update!
156
+ * New: Loads of new customization options for your Custom Facebook Feed
157
+ * New: Define Facebook feed width, height, padding and background color
158
+ * New: Change the font-size, font-weight and color of the Facebook post text, description, date, links and event details
159
+ * New: Choose whether to show or hide certain parts of the Facebook posts
160
+ * New: Select whether the Facebook Like box is shown at the top of bottom of the Facebook feed
161
+ * New: Choose Facebook Like box background color
162
163
= 1.3.6 =
164
* Minor modifications
165
166
= 1.3.5 =
167
+ * New: Shared Facebook events now display event details (name, location, date/time, description) directly in the Facebook feed
168
169
= 1.3.4 =
170
+ * New: Email addresses within the Facebook post text are now hyperlinked
171
* Fix: Links beginning with 'www' are now also hyperlinked
172
173
= 1.3.3 =
174
+ * New: Added support for Facebook events - display the Facebook event details (name, location, date/time, description) directly in the Facebook feed
175
+ * Fix: Links within the Facebook post text are now hyperlinked
176
+ * Tweak: Added additional methods for retrieving Facebook feed data
177
178
= 1.3.2 =
179
* Fix: Now using the built-in WordPress HTTP API to get retrieve the Facebook data
180
181
= 1.3.1 =
182
+ * Fix: Fixed issue with certain Facebook statuses not displaying correctly
183
184
= 1.3.0 =
185
+ * Tweak: If 'Number of Posts to show' is not set then default to 10 Facebook posts
186
187
= 1.2.9 =
188
* Fix: Now using cURL instead of file_get_contents to prevent issues with php.ini configuration on some web servers
189
190
= 1.2.8 =
191
+ * Fix: Fixed bug in specifying the number of Facebook posts to display
192
193
= 1.2.7 =
194
+ * Tweak: Prevented likes and comments by the page author showing up in the Facebook feed
195
196
= 1.2.6 =
197
+ * Tweak: Added help link to Custom Facebook Feed settings page
198
199
= 1.2.5 =
200
* Fix: Added clear fix
203
* Fix: Minor bug fixes
204
205
= 1.2 =
206
+ * New: Added the ability to define a maximum length for both the Facebook post text and description
207
208
= 1.0 =
209
* Launch!
css/cff-style.css CHANGED
@@ -120,7 +120,7 @@
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;
@@ -137,7 +137,6 @@
137
#cff .details .when{
138
/*font-weight: bold;*/
139
}
140
-
141
/* View on Facebook / View Link text */
142
#cff .cff-viewpost{
143
float: right;
@@ -162,14 +161,14 @@
162
margin-top: 10px;
163
}
164
/* Clear fix */
165
- .clear:after {
166
clear: both;
167
content: ".";
168
display: block;
169
height: 0;
170
visibility: hidden;
171
}
172
- .clear {
173
display: inline-block;
174
display: block;
175
}
120
float: left;
121
clear: none;
122
width: 100%;
123
+ padding: 10px 0 0 0;
124
}
125
#cff .details h5{
126
margin: 0 0 5px 0;
137
#cff .details .when{
138
/*font-weight: bold;*/
139
}
140
/* View on Facebook / View Link text */
141
#cff .cff-viewpost{
142
float: right;
161
margin-top: 10px;
162
}
163
/* Clear fix */
164
+ .cff-clear:after {
165
clear: both;
166
content: ".";
167
display: block;
168
height: 0;
169
visibility: hidden;
170
}
171
+ .cff-clear {
172
display: inline-block;
173
display: block;
174
}
custom-facebook-feed-admin.php CHANGED
@@ -1,1418 +1,1426 @@
1
- <?php
2
- function cff_menu() {
3
- add_menu_page(
4
- '',
5
- 'Facebook Feed',
6
- 'manage_options',
7
- 'cff-top',
8
- 'cff_settings_page'
9
- );
10
- add_submenu_page(
11
- 'cff-top',
12
- 'Settings',
13
- 'Settings',
14
- 'manage_options',
15
- 'cff-top',
16
- 'cff_settings_page'
17
- );
18
- }
19
- add_action('admin_menu', 'cff_menu');
20
- //Add styling page
21
- function cff_styling_menu() {
22
- add_submenu_page(
23
- 'cff-top',
24
- 'Layout & Style',
25
- 'Layout & Style',
26
- 'manage_options',
27
- 'cff-style',
28
- 'cff_style_page'
29
- );
30
- }
31
- add_action('admin_menu', 'cff_styling_menu');
32
-
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>
102
- <tr valign="top">
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',
223
- 'cff_title_color' => '',
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',
246
- 'cff_date_weight' => 'inherit',
247
- 'cff_date_color' => '',
248
- 'cff_date_formatting' => '1',
249
- 'cff_date_custom' => '',
250
- 'cff_date_before' => '',
251
- 'cff_date_after' => '',
252
- //Link to Facebook
253
- 'cff_link_size' => 'inherit',
254
- 'cff_link_weight' => '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' ];
312
- $cff_title_color = $options[ 'cff_title_color' ];
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' ];
335
- $cff_date_weight = $options[ 'cff_date_weight' ];
336
- $cff_date_color = $options[ 'cff_date_color' ];
337
- $cff_date_formatting = $options[ 'cff_date_formatting' ];
338
- $cff_date_custom = $options[ 'cff_date_custom' ];
339
- $cff_date_before = $options[ 'cff_date_before' ];
340
- $cff_date_after = $options[ 'cff_date_after' ];
341
- //View on Facebook link
342
- $cff_link_size = $options[ 'cff_link_size' ];
343
- $cff_link_weight = $options[ 'cff_link_weight' ];
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
575
- ?>
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>
600
- <tr valign="top">
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">
629
- <th scope="row"><?php _e('Show name and picture of author'); ?></th>
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
- </td>
1146
- </tr>
1147
- <tr>
1148
- <th><label for="cff_event_date_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1149
- <td>
1150
- #<input name="cff_event_date_color" type="text" value="<?php esc_attr_e( $cff_event_date_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1151
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1152
- </td>
1153
- </tr>
1154
- <tr valign="top">
1155
- <th scope="row"><label class="bump-left"><?php _e('Date Position'); ?></label></th>
1156
- <td>
1157
- <select name="cff_event_date_position">
1158
- <option value="below" <?php if($cff_event_date_position == "below") echo 'selected="selected"' ?> ><?php _e('Below event title'); ?></option>
1159
- <option value="above" <?php if($cff_event_date_position == "above") echo 'selected="selected"' ?> ><?php _e('Above event title'); ?></option>
1160
- </select>
1161
- </td>
1162
- </tr>
1163
- <tr>
1164
- <th><label for="cff_event_date_formatting" class="bump-left"><?php _e('Event date formatting'); ?></label></th>
1165
- <td>
1166
- <select name="cff_event_date_formatting">
1167
- <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
1168
- <option value="1" <?php if($cff_event_date_formatting == "1") echo 'selected="selected"' ?> ><?php echo date('F j, Y, g:ia', $original); ?></option>
1169
- <option value="2" <?php if($cff_event_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:ia', $original); ?></option>
1170
- <option value="3" <?php if($cff_event_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('g:ia - F jS', $original); ?></option>
1171
- <option value="4" <?php if($cff_event_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('g:ia, F jS', $original); ?></option>
1172
- <option value="5" <?php if($cff_event_date_formatting == "5") echo 'selected="selected"' ?> ><?php echo date('l F jS - g:ia', $original); ?></option>
1173
- <option value="6" <?php if($cff_event_date_formatting == "6") echo 'selected="selected"' ?> ><?php echo date('D M jS, Y, g:iA', $original); ?></option>
1174
- <option value="7" <?php if($cff_event_date_formatting == "7") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y, g:iA', $original); ?></option>
1175
- <option value="8" <?php if($cff_event_date_formatting == "8") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y - g:ia', $original); ?></option>
1176
- <option value="9" <?php if($cff_event_date_formatting == "9") echo 'selected="selected"' ?> ><?php echo date("l M jS, 'y", $original); ?></option>
1177
- <option value="10" <?php if($cff_event_date_formatting == "10") echo 'selected="selected"' ?> ><?php echo date('m.d.y - g:iA', $original); ?></option>
1178
- <option value="11" <?php if($cff_event_date_formatting == "11") echo 'selected="selected"' ?> ><?php echo date('m/d/y, g:ia', $original); ?></option>
1179
- <option value="12" <?php if($cff_event_date_formatting == "12") echo 'selected="selected"' ?> ><?php echo date('d.m.y - g:iA', $original); ?></option>
1180
- <option value="13" <?php if($cff_event_date_formatting == "13") echo 'selected="selected"' ?> ><?php echo date('d/m/y, g:ia', $original); ?></option>
1181
- </select>
1182
- </td>
1183
- </tr>
1184
- <tr>
1185
- <th><label for="cff_event_date_custom" class="bump-left"><?php _e('Custom event date format'); ?></label></th>
1186
- <td>
1187
- <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" />
1188
- <i style="color: #666; font-size: 11px;">(<a href="http://smashballoon.com/custom-facebook-feed/docs/date/" target="_blank"><?php _e('Examples'); ?></a>)</i>
1189
- </td>
1190
- </tr>
1191
- </tbody>
1192
- </table>
1193
- </div>
1194
- </div>
1195
- <div id="adminform" class="postbox" style="display: block;">
1196
- <div class="handlediv" title="Click to toggle"><br></div>
1197
- <h3 class="hndle"><span><?php _e('Event Details'); ?></span></h3>
1198
- <div class="inside">
1199
- <table class="form-table">
1200
- <tbody>
1201
-
1202
- <tr>
1203
- <th><label for="cff_event_details_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1204
- <td>
1205
- <select name="cff_event_details_size">
1206
- <option value="inherit" <?php if($cff_event_details_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1207
- <option value="10" <?php if($cff_event_details_size == "10") echo 'selected="selected"' ?> >10px</option>
1208
- <option value="11" <?php if($cff_event_details_size == "11") echo 'selected="selected"' ?> >11px</option>
1209
- <option value="12" <?php if($cff_event_details_size == "12") echo 'selected="selected"' ?> >12px</option>
1210
- <option value="14" <?php if($cff_event_details_size == "14") echo 'selected="selected"' ?> >14px</option>
1211
- <option value="16" <?php if($cff_event_details_size == "16") echo 'selected="selected"' ?> >16px</option>
1212
- <option value="18" <?php if($cff_event_details_size == "18") echo 'selected="selected"' ?> >18px</option>
1213
- <option value="20" <?php if($cff_event_details_size == "20") echo 'selected="selected"' ?> >20px</option>
1214
- <option value="24" <?php if($cff_event_details_size == "24") echo 'selected="selected"' ?> >24px</option>
1215
- <option value="28" <?php if($cff_event_details_size == "28") echo 'selected="selected"' ?> >28px</option>
1216
- <option value="32" <?php if($cff_event_details_size == "32") echo 'selected="selected"' ?> >32px</option>
1217
- <option value="36" <?php if($cff_event_details_size == "36") echo 'selected="selected"' ?> >36px</option>
1218
- <option value="42" <?php if($cff_event_details_size == "42") echo 'selected="selected"' ?> >42px</option>
1219
- <option value="48" <?php if($cff_event_details_size == "48") echo 'selected="selected"' ?> >48px</option>
1220
- <option value="60" <?php if($cff_event_details_size == "54") echo 'selected="selected"' ?> >54px</option>
1221
- <option value="60" <?php if($cff_event_details_size == "60") echo 'selected="selected"' ?> >60px</option>
1222
- </select>
1223
- </td>
1224
- </tr>
1225
- <tr>
1226
- <th><label for="cff_event_details_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1227
- <td>
1228
- <select name="cff_event_details_weight">
1229
- <option value="inherit" <?php if($cff_event_details_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1230
- <option value="normal" <?php if($cff_event_details_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1231
- <option value="bold" <?php if($cff_event_details_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1232
- </select>
1233
- </td>
1234
- </tr>
1235
- <tr>
1236
- <th><label for="cff_event_details_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1237
- <td>
1238
- #<input name="cff_event_details_color" type="text" value="<?php esc_attr_e( $cff_event_details_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1239
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1240
- </td>
1241
- </tr>
1242
- </tbody>
1243
- </table>
1244
- </div>
1245
- </div>
1246
- <div id="adminform" class="postbox" style="display: block;">
1247
- <div class="handlediv" title="Click to toggle"><br></div>
1248
- <h3 class="hndle"><span><?php _e('Link to Facebook'); ?></span></h3>
1249
- <div class="inside">
1250
- <table class="form-table">
1251
- <tbody>
1252
-
1253
- <tr>
1254
- <th><label for="cff_link_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1255
- <td>
1256
- <select name="cff_link_size">
1257
- <option value="inherit" <?php if($cff_link_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1258
- <option value="10" <?php if($cff_link_size == "10") echo 'selected="selected"' ?> >10px</option>
1259
- <option value="11" <?php if($cff_link_size == "11") echo 'selected="selected"' ?> >11px</option>
1260
- <option value="12" <?php if($cff_link_size == "12") echo 'selected="selected"' ?> >12px</option>
1261
- <option value="14" <?php if($cff_link_size == "14") echo 'selected="selected"' ?> >14px</option>
1262
- <option value="16" <?php if($cff_link_size == "16") echo 'selected="selected"' ?> >16px</option>
1263
- <option value="18" <?php if($cff_link_size == "18") echo 'selected="selected"' ?> >18px</option>
1264
- <option value="20" <?php if($cff_link_size == "20") echo 'selected="selected"' ?> >20px</option>
1265
- <option value="24" <?php if($cff_link_size == "24") echo 'selected="selected"' ?> >24px</option>
1266
- <option value="28" <?php if($cff_link_size == "28") echo 'selected="selected"' ?> >28px</option>
1267
- <option value="32" <?php if($cff_link_size == "32") echo 'selected="selected"' ?> >32px</option>
1268
- <option value="36" <?php if($cff_link_size == "36") echo 'selected="selected"' ?> >36px</option>
1269
- <option value="42" <?php if($cff_link_size == "42") echo 'selected="selected"' ?> >42px</option>
1270
- <option value="48" <?php if($cff_link_size == "48") echo 'selected="selected"' ?> >48px</option>
1271
- <option value="60" <?php if($cff_link_size == "54") echo 'selected="selected"' ?> >54px</option>
1272
- <option value="60" <?php if($cff_link_size == "60") echo 'selected="selected"' ?> >60px</option>
1273
- </select>
1274
- </td>
1275
- </tr>
1276
- <tr>
1277
- <th><label for="cff_link_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1278
- <td>
1279
- <select name="cff_link_weight">
1280
- <option value="inherit" <?php if($cff_link_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1281
- <option value="normal" <?php if($cff_link_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1282
- <option value="bold" <?php if($cff_link_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1283
- </select>
1284
- </td>
1285
- </tr>
1286
- <tr>
1287
- <th><label for="cff_link_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1288
- <td>
1289
- <input name="cff_link_color" type="text" value="<?php esc_attr_e( $cff_link_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1290
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1291
- </td>
1292
- </tr>
1293
- <tr>
1294
- <th><label for="cff_facebook_link_text" class="bump-left"><?php _e('Custom "View on Facebook" text'); ?></label></th>
1295
- <td>
1296
- <input name="cff_facebook_link_text" type="text" value="<?php esc_attr_e( $cff_facebook_link_text ); ?>" size="20" />
1297
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "View on Facebook" link'); ?></i>
1298
- </td>
1299
- </tr>
1300
- <tr>
1301
- <th><label for="cff_view_link_text" class="bump-left"><?php _e('Custom "View Link" text'); ?></label></th>
1302
- <td>
1303
- <input name="cff_view_link_text" type="text" value="<?php esc_attr_e( $cff_view_link_text ); ?>" size="20" />
1304
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "View on Facebook" link'); ?></i>
1305
- </td>
1306
- </tr>
1307
-
1308
- </tbody>
1309
- </table>
1310
- </div>
1311
- </div>
1312
- </div>
1313
- </div>
1314
- <div style="margin-top: -15px;">
1315
- <?php submit_button(); ?>
1316
- </div>
1317
-
1318
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1319
-
1320
- <?php } //End Typography tab ?>
1321
- <?php if( $active_tab == 'misc' ) { //Start Misc tab ?>
1322
- <input type="hidden" name="<?php echo $style_misc_hidden_field_name; ?>" value="Y">
1323
- <br />
1324
- <h3><?php _e('Likes, Shares and Comments'); ?></h3><i style="color: #666; font-size: 11px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable likes, shares and comments'); ?></a></i>
1325
-
1326
- <hr />
1327
- <h3><?php _e('Custom CSS'); ?></h3>
1328
- <table class="form-table">
1329
- <tbody>
1330
- <tr valign="top">
1331
- <td>
1332
- <?php _e('Enter your own custom CSS in the box below'); ?>
1333
- </td>
1334
- </tr>
1335
- <tr valign="top">
1336
- <td>
1337
- <textarea name="cff_custom_css" id="cff_custom_css" style="width: 70%;" rows="7"><?php esc_attr_e( $cff_custom_css ); ?></textarea>
1338
- </td>
1339
- </tr>
1340
- </tbody>
1341
- </table>
1342
- <hr />
1343
- <h3><?php _e('Misc'); ?></h3>
1344
- <table class="form-table">
1345
- <tbody>
1346
- <tr><td><b style="font-size: 14px;"><?php _e('Like Box'); ?></b></td></tr>
1347
- <tr valign="top">
1348
- <th scope="row"><label class="bump-left"><?php _e('Show the Like Box'); ?></label></th>
1349
- <td>
1350
- <input type="checkbox" name="cff_show_like_box" id="cff_show_like_box" <?php if($cff_show_like_box == true) echo 'checked="checked"' ?> />
1351
- </td>
1352
- </tr>
1353
- <tr valign="top">
1354
- <th scope="row"><label class="bump-left"><?php _e('Like Box Position'); ?></label></th>
1355
- <td>
1356
- <select name="cff_like_box_position">
1357
- <option value="bottom" <?php if($cff_like_box_position == "bottom") echo 'selected="selected"' ?> ><?php _e('Bottom'); ?></option>
1358
- <option value="top" <?php if($cff_like_box_position == "top") echo 'selected="selected"' ?> ><?php _e('Top'); ?></option>
1359
- </select>
1360
- </td>
1361
- </tr>
1362
- <tr valign="top">
1363
- <th scope="row"><label class="bump-left"><?php _e('Display outside the scrollable area'); ?></label></th>
1364
- <td>
1365
- <input type="checkbox" name="cff_like_box_outside" id="cff_like_box_outside" <?php if($cff_like_box_outside == true) echo 'checked="checked"' ?> />
1366
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('(Only applicable if you have set a height on the feed)'); ?></i>
1367
- </td>
1368
- </tr>
1369
- <tr valign="top">
1370
- <th scope="row"><label class="bump-left"><?php _e('Like Box Background Color'); ?></label></th>
1371
- <td>
1372
- <label for="cff_likebox_bg_color">#</label>
1373
- <input name="cff_likebox_bg_color" type="text" value="<?php esc_attr_e( $cff_likebox_bg_color ); ?>" size="10" />
1374
- <span>Eg. ED9A00</span>&nbsp;&nbsp;<a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1375
- </td>
1376
- </tr>
1377
-
1378
- <tr><td><b style="font-size: 14px;"><?php _e('Separating Line'); ?></b></td></tr>
1379
- <tr valign="top">
1380
- <th scope="row"><label class="bump-left"><?php _e('Separating Line Color'); ?></label></th>
1381
- <td>
1382
- <label for="cff_sep_color">#</label>
1383
- <input name="cff_sep_color" type="text" value="<?php esc_attr_e( $cff_sep_color ); ?>" size="10" />
1384
- <span>Eg. ED9A00</span>&nbsp;&nbsp;<a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1385
- </td>
1386
- </tr>
1387
- <tr valign="top">
1388
- <th scope="row"><label class="bump-left"><?php _e('Separating Line Thickness'); ?></label></th>
1389
- <td>
1390
- <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;"><?php _e('(Leave empty to hide)'); ?></i>
1391
- </td>
1392
- </tr>
1393
- </tbody>
1394
- </table>
1395
- <?php submit_button(); ?>
1396
-
1397
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1398
-
1399
- <?php } //End Misc tab ?>
1400
- </form>
1401
- <?php
1402
- } //End Style_Page
1403
- //Enqueue admin styles
1404
- function cff_admin_style() {
1405
- wp_register_style( 'custom_wp_admin_css', plugin_dir_url( __FILE__ ) . 'css/cff-admin-style.css', false, '1.0.0' );
1406
- wp_enqueue_style( 'custom_wp_admin_css' );
1407
- }
1408
- add_action( 'admin_enqueue_scripts', 'cff_admin_style' );
1409
- //Enqueue admin scripts
1410
- function cff_admin_scripts() {
1411
- wp_enqueue_script( 'cff_admin_script', plugin_dir_url( __FILE__ ) . 'js/cff-admin-scripts.js' );
1412
- if( !wp_script_is('jquery-ui') ) {
1413
- wp_enqueue_script( 'jquery-ui' , 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js' );
1414
- }
1415
- wp_enqueue_script( 'hoverIntent' );
1416
- }
1417
- add_action( 'admin_enqueue_scripts', 'cff_admin_scripts' );
1418
?>
1
+ <?php
2
+ function cff_menu() {
3
+ add_menu_page(
4
+ '',
5
+ 'Facebook Feed',
6
+ 'manage_options',
7
+ 'cff-top',
8
+ 'cff_settings_page'
9
+ );
10
+ add_submenu_page(
11
+ 'cff-top',
12
+ 'Settings',
13
+ 'Settings',
14
+ 'manage_options',
15
+ 'cff-top',
16
+ 'cff_settings_page'
17
+ );
18
+ }
19
+ add_action('admin_menu', 'cff_menu');
20
+ //Add styling page
21
+ function cff_styling_menu() {
22
+ add_submenu_page(
23
+ 'cff-top',
24
+ 'Layout & Style',
25
+ 'Layout & Style',
26
+ 'manage_options',
27
+ 'cff-style',
28
+ 'cff_style_page'
29
+ );
30
+ }
31
+ add_action('admin_menu', 'cff_styling_menu');
32
+
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( 'cff_posts_json_' .$page_id_val );
73
+ delete_transient( 'cff_feed_json_' .$page_id_val );
74
+ delete_transient( 'cff_events_json_' . $page_id_val );
75
+
76
+ //Delete ALL transients
77
+ global $wpdb;
78
+ $table_name = $wpdb->prefix . "options";
79
+ $wpdb->query( "
80
+ DELETE
81
+ FROM $table_name
82
+ WHERE `option_name` LIKE ('%cff\_posts\_json\_%')
83
+ " );
84
+ $wpdb->query( "
85
+ DELETE
86
+ FROM $table_name
87
+ WHERE `option_name` LIKE ('%cff\_feed\_json\_%')
88
+ " );
89
+ $wpdb->query( "
90
+ DELETE
91
+ FROM $table_name
92
+ WHERE `option_name` LIKE ('%cff\_events\_json\_%')
93
+ " );
94
+
95
+ // Put an settings updated message on the screen
96
+ ?>
97
+ <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
98
+ <?php } ?>
99
+
100
+ <div id="cff-admin" class="wrap">
101
+ <div id="header">
102
+ <h1><?php _e('Custom Facebook Feed Settings'); ?></h1>
103
+ </div>
104
+ <form name="form1" method="post" action="">
105
+ <input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
106
+ <br />
107
+ <h3><?php _e('Configuration'); ?></h3>
108
+ <table class="form-table">
109
+ <tbody>
110
+ <tr valign="top">
111
+ <th scope="row"><?php _e('Access Token'); ?></th>
112
+ <td>
113
+ <input name="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val ); ?>" size="60" />
114
+ <!--<a href="#" id="verify-token" class="button-secondary"><?php _e('Verify Access Token'); ?></a>-->
115
+ &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('How to get an Access Token'); ?></a>
116
+ <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123|ABC2fvp5h9tJe4-5-AbC123</i>
117
+ <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>
118
+ </td>
119
+ </tr>
120
+ <tr valign="top">
121
+ <th scope="row"><?php _e('Facebook Page ID'); ?></th>
122
+ <td>
123
+ <input name="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val ); ?>" size="60" />
124
+ &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('What\'s my Page ID?'); ?></a>
125
+ <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123 or smashballoon</i>
126
+ <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>
127
+ </td>
128
+ </tr>
129
+ <tr valign="top">
130
+ <th scope="row"><?php _e('Number of posts to display'); ?></th>
131
+ <td>
132
+ <input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val ); ?>" size="4" />
133
+ <i style="color: #666; font-size: 11px;">Eg. 5</i>
134
+ </td>
135
+ </tr>
136
+ <tr valign="top">
137
+ <th scope="row"><?php _e('Alter the post limit'); ?></th>
138
+ <td>
139
+ <input name="cff_post_limit" type="text" value="<?php esc_attr_e( $cff_post_limit_val ); ?>" size="4" />
140
+ <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>
141
+ <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>
142
+ </td>
143
+ </tr>
144
+ <tr valign="top">
145
+ <th scope="row"><?php _e('Show posts by others on my page'); ?></th>
146
+ <td>
147
+ <input name="cff_show_others" type="checkbox" id="cff_show_others" <?php if($cff_show_others_val == true) echo "checked"; ?> />
148
+ <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>
149
+ </td>
150
+ </tr>
151
+ <tr valign="top">
152
+ <th scope="row"><?php _e('Check for new Facebook posts every'); ?></th>
153
+ <td>
154
+ <input name="cff_cache_time" type="text" value="<?php esc_attr_e( $cff_cache_time_val ); ?>" size="4" />
155
+ <select name="cff_cache_time_unit">
156
+ <option value="minutes" <?php if($cff_cache_time_unit_val == "minutes") echo 'selected="selected"' ?> ><?php _e('Minutes'); ?></option>
157
+ <option value="hours" <?php if($cff_cache_time_unit_val == "hours") echo 'selected="selected"' ?> ><?php _e('Hours'); ?></option>
158
+ <option value="days" <?php if($cff_cache_time_unit_val == "days") echo 'selected="selected"' ?> ><?php _e('Days'); ?></option>
159
+ </select>
160
+ <a class="tooltip-link bump-left" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
161
+ <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>
162
+ </td>
163
+ </tr>
164
+
165
+ </tbody>
166
+ </table>
167
+ <?php submit_button(); ?>
168
+ </form>
169
+ <h3><?php _e('Support'); ?></h3>
170
+ <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>
171
+ <hr />
172
+ <h3><?php _e('Displaying your Feed'); ?></h3>
173
+ <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>
174
+ <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).'); ?>" />
175
+ <p><?php _e('If you wish, you can override the settings above directly in the shortcode like so:'); ?></p>
176
+ <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>
177
+ <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>
178
+
179
+
180
+ <hr />
181
+
182
+ <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
183
+
184
+ <hr />
185
+
186
+ <h4><?php _e('<u>System Info:</u>'); ?></h4>
187
+ <p>PHP Version: <b><?php echo PHP_VERSION . "\n"; ?></b></p>
188
+ <p>Web Server Info: <b><?php echo $_SERVER['SERVER_SOFTWARE'] . "\n"; ?></b></p>
189
+ <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>
190
+ <p>PHP cURL: <b><?php echo is_callable('curl_init') ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
191
+ <p>JSON: <b><?php echo function_exists("json_decode") ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
192
+ <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>
193
+
194
+
195
+ <?php
196
+ } //End Settings_Page
197
+ //Create Style page
198
+ function cff_style_page() {
199
+ //Declare variables for fields
200
+ $style_hidden_field_name = 'cff_style_submit_hidden';
201
+ $style_general_hidden_field_name = 'cff_style_general_submit_hidden';
202
+ $style_post_layout_hidden_field_name = 'cff_style_post_layout_submit_hidden';
203
+ $style_typography_hidden_field_name = 'cff_style_typography_submit_hidden';
204
+ $style_misc_hidden_field_name = 'cff_style_misc_submit_hidden';
205
+ $defaults = array(
206
+ //Post types
207
+ 'cff_show_links_type' => true,
208
+ 'cff_show_event_type' => true,
209
+ 'cff_show_video_type' => true,
210
+ 'cff_show_photos_type' => true,
211
+ 'cff_show_status_type' => true,
212
+ //Layout
213
+ 'cff_preset_layout' => 'thumb',
214
+ //Include
215
+ 'cff_show_text' => true,
216
+ 'cff_show_desc' => true,
217
+ 'cff_show_shared_links' => true,
218
+ 'cff_show_date' => true,
219
+ 'cff_show_media' => true,
220
+ 'cff_show_event_title' => true,
221
+ 'cff_show_event_details' => true,
222
+ 'cff_show_meta' => true,
223
+ 'cff_show_link' => true,
224
+ 'cff_show_like_box' => true,
225
+ //Typography
226
+ 'cff_see_more_text' => 'See More',
227
+ 'cff_see_less_text' => 'See Less',
228
+ 'cff_title_format' => 'p',
229
+ 'cff_title_size' => 'inherit',
230
+ 'cff_title_weight' => 'inherit',
231
+ 'cff_title_color' => '',
232
+ 'cff_body_size' => 'inherit',
233
+ 'cff_body_weight' => 'inherit',
234
+ 'cff_body_color' => '',
235
+ //Event title
236
+ 'cff_event_title_format' => 'p',
237
+ 'cff_event_title_size' => 'inherit',
238
+ 'cff_event_title_weight' => 'inherit',
239
+ 'cff_event_title_color' => '',
240
+ //Event date
241
+ 'cff_event_date_size' => 'inherit',
242
+ 'cff_event_date_weight' => 'inherit',
243
+ 'cff_event_date_color' => '',
244
+ 'cff_event_date_position' => 'below',
245
+ 'cff_event_date_formatting' => '1',
246
+ 'cff_event_date_custom' => '',
247
+ //Event details
248
+ 'cff_event_details_size' => 'inherit',
249
+ 'cff_event_details_weight' => 'inherit',
250
+ 'cff_event_details_color' => '',
251
+ //Date
252
+ 'cff_date_position' => 'below',
253
+ 'cff_date_size' => 'inherit',
254
+ 'cff_date_weight' => 'inherit',
255
+ 'cff_date_color' => '',
256
+ 'cff_date_formatting' => '1',
257
+ 'cff_date_custom' => '',
258
+ 'cff_date_before' => '',
259
+ 'cff_date_after' => '',
260
+ //Link to Facebook
261
+ 'cff_link_size' => 'inherit',
262
+ 'cff_link_weight' => 'inherit',
263
+ 'cff_link_color' => '',
264
+ 'cff_facebook_link_text' => 'View on Facebook',
265
+ 'cff_view_link_text' => 'View Link',
266
+ //Meta
267
+ 'cff_icon_style' => 'light',
268
+ 'cff_meta_text_color' => '',
269
+ 'cff_meta_bg_color' => '',
270
+ 'cff_nocomments_text' => 'No comments yet',
271
+ 'cff_hide_comments' => '',
272
+ //Misc
273
+ 'cff_feed_width' => '',
274
+ 'cff_feed_height' => '',
275
+ 'cff_feed_padding' => '',
276
+ 'cff_like_box_position' => 'bottom',
277
+ 'cff_like_box_outside' => false,
278
+ 'cff_bg_color' => '',
279
+ 'cff_likebox_bg_color' => '',
280
+ 'cff_video_height' => '',
281
+ 'cff_show_author' => false,
282
+ 'cff_class' => '',
283
+ //New
284
+ 'cff_custom_css' => '',
285
+ 'cff_title_link' => false,
286
+ 'cff_event_title_link' => false,
287
+ 'cff_video_action' => 'file',
288
+ 'cff_sep_color' => '',
289
+ 'cff_sep_size' => '1'
290
+ );
291
+ //Save layout option in an array
292
+ add_option( 'cff_style_settings', $options );
293
+ $options = wp_parse_args(get_option('cff_style_settings'), $defaults);
294
+ //Set the page variables
295
+ //Post types
296
+ $cff_show_links_type = $options[ 'cff_show_links_type' ];
297
+ $cff_show_event_type = $options[ 'cff_show_event_type' ];
298
+ $cff_show_video_type = $options[ 'cff_show_video_type' ];
299
+ $cff_show_photos_type = $options[ 'cff_show_photos_type' ];
300
+ $cff_show_status_type = $options[ 'cff_show_status_type' ];
301
+ //Layout
302
+ $cff_preset_layout = $options[ 'cff_preset_layout' ];
303
+ //Include
304
+ $cff_show_text = $options[ 'cff_show_text' ];
305
+ $cff_show_desc = $options[ 'cff_show_desc' ];
306
+ $cff_show_shared_links = $options[ 'cff_show_shared_links' ];
307
+ $cff_show_date = $options[ 'cff_show_date' ];
308
+ $cff_show_media = $options[ 'cff_show_media' ];
309
+ $cff_show_event_title = $options[ 'cff_show_event_title' ];
310
+ $cff_show_event_details = $options[ 'cff_show_event_details' ];
311
+ $cff_show_meta = $options[ 'cff_show_meta' ];
312
+ $cff_show_link = $options[ 'cff_show_link' ];
313
+ $cff_show_like_box = $options[ 'cff_show_like_box' ];
314
+ //Typography
315
+ $cff_see_more_text = $options[ 'cff_see_more_text' ];
316
+ $cff_see_less_text = $options[ 'cff_see_less_text' ];
317
+ $cff_title_format = $options[ 'cff_title_format' ];
318
+ $cff_title_size = $options[ 'cff_title_size' ];
319
+ $cff_title_weight = $options[ 'cff_title_weight' ];
320
+ $cff_title_color = $options[ 'cff_title_color' ];
321
+ $cff_body_size = $options[ 'cff_body_size' ];
322
+ $cff_body_weight = $options[ 'cff_body_weight' ];
323
+ $cff_body_color = $options[ 'cff_body_color' ];
324
+ //Event title
325
+ $cff_event_title_format = $options[ 'cff_event_title_format' ];
326
+ $cff_event_title_size = $options[ 'cff_event_title_size' ];
327
+ $cff_event_title_weight = $options[ 'cff_event_title_weight' ];
328
+ $cff_event_title_color = $options[ 'cff_event_title_color' ];
329
+ //Event date
330
+ $cff_event_date_size = $options[ 'cff_event_date_size' ];
331
+ $cff_event_date_weight = $options[ 'cff_event_date_weight' ];
332
+ $cff_event_date_color = $options[ 'cff_event_date_color' ];
333
+ $cff_event_date_position = $options[ 'cff_event_date_position' ];
334
+ $cff_event_date_formatting = $options[ 'cff_event_date_formatting' ];
335
+ $cff_event_date_custom = $options[ 'cff_event_date_custom' ];
336
+ //Event details
337
+ $cff_event_details_size = $options[ 'cff_event_details_size' ];
338
+ $cff_event_details_weight = $options[ 'cff_event_details_weight' ];
339
+ $cff_event_details_color = $options[ 'cff_event_details_color' ];
340
+ //Date
341
+ $cff_date_position = $options[ 'cff_date_position' ];
342
+ $cff_date_size = $options[ 'cff_date_size' ];
343
+ $cff_date_weight = $options[ 'cff_date_weight' ];
344
+ $cff_date_color = $options[ 'cff_date_color' ];
345
+ $cff_date_formatting = $options[ 'cff_date_formatting' ];
346
+ $cff_date_custom = $options[ 'cff_date_custom' ];
347
+ $cff_date_before = $options[ 'cff_date_before' ];
348
+ $cff_date_after = $options[ 'cff_date_after' ];
349
+ //View on Facebook link
350
+ $cff_link_size = $options[ 'cff_link_size' ];
351
+ $cff_link_weight = $options[ 'cff_link_weight' ];
352
+ $cff_link_color = $options[ 'cff_link_color' ];
353
+ $cff_facebook_link_text = $options[ 'cff_facebook_link_text' ];
354
+ $cff_view_link_text = $options[ 'cff_view_link_text' ];
355
+ //Meta
356
+ $cff_icon_style = $options[ 'cff_icon_style' ];
357
+ $cff_meta_text_color = $options[ 'cff_meta_text_color' ];
358
+ $cff_meta_bg_color = $options[ 'cff_meta_bg_color' ];
359
+ $cff_nocomments_text = $options[ 'cff_nocomments_text' ];
360
+ $cff_hide_comments = $options[ 'cff_hide_comments' ];
361
+ //Misc
362
+ $cff_feed_width = $options[ 'cff_feed_width' ];
363
+ $cff_feed_height = $options[ 'cff_feed_height' ];
364
+ $cff_feed_padding = $options[ 'cff_feed_padding' ];
365
+ $cff_like_box_position = $options[ 'cff_like_box_position' ];
366
+ $cff_like_box_outside = $options[ 'cff_like_box_outside' ];
367
+ $cff_show_media = $options[ 'cff_show_media' ];
368
+ $cff_open_links = $options[ 'cff_open_links' ];
369
+ $cff_bg_color = $options[ 'cff_bg_color' ];
370
+ $cff_likebox_bg_color = $options[ 'cff_likebox_bg_color' ];
371
+ $cff_video_height = $options[ 'cff_video_height' ];
372
+ $cff_show_author = $options[ 'cff_show_author' ];
373
+ $cff_class = $options[ 'cff_class' ];
374
+ //New
375
+ $cff_custom_css = $options[ 'cff_custom_css' ];
376
+ $cff_title_link = $options[ 'cff_title_link' ];
377
+ $cff_event_title_link = $options[ 'cff_event_title_link' ];
378
+ $cff_video_action = $options[ 'cff_video_action' ];
379
+ $cff_sep_color = $options[ 'cff_sep_color' ];
380
+ $cff_sep_size = $options[ 'cff_sep_size' ];
381
+
382
+ // Texts lengths
383
+ $cff_title_length = 'cff_title_length';
384
+ $cff_body_length = 'cff_body_length';
385
+ // Read in existing option value from database
386
+ $cff_title_length_val = get_option( $cff_title_length );
387
+ $cff_body_length_val = get_option( $cff_body_length );
388
+ // See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
389
+ if( isset($_POST[ $style_hidden_field_name ]) && $_POST[ $style_hidden_field_name ] == 'Y' ) {
390
+ //Update the General options
391
+ if( isset($_POST[ $style_general_hidden_field_name ]) && $_POST[ $style_general_hidden_field_name ] == 'Y' ) {
392
+ //General
393
+ $cff_feed_width = $_POST[ 'cff_feed_width' ];
394
+ $cff_feed_height = $_POST[ 'cff_feed_height' ];
395
+ $cff_feed_padding = $_POST[ 'cff_feed_padding' ];
396
+ $cff_bg_color = $_POST[ 'cff_bg_color' ];
397
+ $cff_show_author = $_POST[ 'cff_show_author' ];
398
+ $cff_class = $_POST[ 'cff_class' ];
399
+ //Post types
400
+ $cff_show_links_type = $_POST[ 'cff_show_links_type' ];
401
+ $cff_show_event_type = $_POST[ 'cff_show_event_type' ];
402
+ $cff_show_video_type = $_POST[ 'cff_show_video_type' ];
403
+ $cff_show_photos_type = $_POST[ 'cff_show_photos_type' ];
404
+ $cff_show_status_type = $_POST[ 'cff_show_status_type' ];
405
+ //General
406
+ $options[ 'cff_feed_width' ] = $cff_feed_width;
407
+ $options[ 'cff_feed_height' ] = $cff_feed_height;
408
+ $options[ 'cff_feed_padding' ] = $cff_feed_padding;
409
+ $options[ 'cff_bg_color' ] = $cff_bg_color;
410
+ $options[ 'cff_show_author' ] = $cff_show_author;
411
+ $options[ 'cff_class' ] = $cff_class;
412
+ //Post types
413
+ $options[ 'cff_show_links_type' ] = $cff_show_links_type;
414
+ $options[ 'cff_show_event_type' ] = $cff_show_event_type;
415
+ $options[ 'cff_show_video_type' ] = $cff_show_video_type;
416
+ $options[ 'cff_show_photos_type' ] = $cff_show_photos_type;
417
+ $options[ 'cff_show_status_type' ] = $cff_show_status_type;
418
+ }
419
+ //Update the Post Layout options
420
+ if( isset($_POST[ $style_post_layout_hidden_field_name ]) && $_POST[ $style_post_layout_hidden_field_name ] == 'Y' ) {
421
+ //Layout
422
+ $cff_preset_layout = $_POST[ 'cff_preset_layout' ];
423
+ //Include
424
+ $cff_show_text = $_POST[ 'cff_show_text' ];
425
+ $cff_show_desc = $_POST[ 'cff_show_desc' ];
426
+ $cff_show_shared_links = $_POST[ 'cff_show_shared_links' ];
427
+ $cff_show_date = $_POST[ 'cff_show_date' ];
428
+ $cff_show_media = $_POST[ 'cff_show_media' ];
429
+ $cff_show_event_title = $_POST[ 'cff_show_event_title' ];
430
+ $cff_show_event_details = $_POST[ 'cff_show_event_details' ];
431
+ $cff_show_meta = $_POST[ 'cff_show_meta' ];
432
+ $cff_show_link = $_POST[ 'cff_show_link' ];
433
+ //Layout
434
+ $options[ 'cff_preset_layout' ] = $cff_preset_layout;
435
+ //Include
436
+ $options[ 'cff_show_text' ] = $cff_show_text;
437
+ $options[ 'cff_show_desc' ] = $cff_show_desc;
438
+ $options[ 'cff_show_shared_links' ] = $cff_show_shared_links;
439
+ $options[ 'cff_show_date' ] = $cff_show_date;
440
+ $options[ 'cff_show_media' ] = $cff_show_media;
441
+ $options[ 'cff_show_event_title' ] = $cff_show_event_title;
442
+ $options[ 'cff_show_event_details' ] = $cff_show_event_details;
443
+ $options[ 'cff_show_meta' ] = $cff_show_meta;
444
+ $options[ 'cff_show_link' ] = $cff_show_link;
445
+ }
446
+ //Update the Post Layout options
447
+ if( isset($_POST[ $style_typography_hidden_field_name ]) && $_POST[ $style_typography_hidden_field_name ] == 'Y' ) {
448
+ //Character limits
449
+ $cff_title_length_val = $_POST[ $cff_title_length ];
450
+ $cff_body_length_val = $_POST[ $cff_body_length ];
451
+ $cff_see_more_text = $_POST[ 'cff_see_more_text' ];
452
+ $cff_see_less_text = $_POST[ 'cff_see_less_text' ];
453
+ //Typography
454
+ $cff_title_format = $_POST[ 'cff_title_format' ];
455
+ $cff_title_size = $_POST[ 'cff_title_size' ];
456
+ $cff_title_weight = $_POST[ 'cff_title_weight' ];
457
+ $cff_title_color = $_POST[ 'cff_title_color' ];
458
+ $cff_title_link = $_POST[ 'cff_title_link' ];
459
+ $cff_body_size = $_POST[ 'cff_body_size' ];
460
+ $cff_body_weight = $_POST[ 'cff_body_weight' ];
461
+ $cff_body_color = $_POST[ 'cff_body_color' ];
462
+ //Event title
463
+ $cff_event_title_format = $_POST[ 'cff_event_title_format' ];
464
+ $cff_event_title_size = $_POST[ 'cff_event_title_size' ];
465
+ $cff_event_title_weight = $_POST[ 'cff_event_title_weight' ];
466
+ $cff_event_title_color = $_POST[ 'cff_event_title_color' ];
467
+ $cff_event_title_link = $_POST[ 'cff_event_title_link' ];
468
+ //Event date
469
+ $cff_event_date_size = $_POST[ 'cff_event_date_size' ];
470
+ $cff_event_date_weight = $_POST[ 'cff_event_date_weight' ];
471
+ $cff_event_date_color = $_POST[ 'cff_event_date_color' ];
472
+ $cff_event_date_position = $_POST[ 'cff_event_date_position' ];
473
+ $cff_event_date_formatting = $_POST[ 'cff_event_date_formatting' ];
474
+ $cff_event_date_custom = $_POST[ 'cff_event_date_custom' ];
475
+ //Event details
476
+ $cff_event_details_size = $_POST[ 'cff_event_details_size' ];
477
+ $cff_event_details_weight = $_POST[ 'cff_event_details_weight' ];
478
+ $cff_event_details_color = $_POST[ 'cff_event_details_color' ];
479
+ //Date
480
+ $cff_date_position = $_POST[ 'cff_date_position' ];
481
+ $cff_date_size = $_POST[ 'cff_date_size' ];
482
+ $cff_date_weight = $_POST[ 'cff_date_weight' ];
483
+ $cff_date_color = $_POST[ 'cff_date_color' ];
484
+ $cff_date_formatting = $_POST[ 'cff_date_formatting' ];
485
+ $cff_date_custom = $_POST[ 'cff_date_custom' ];
486
+ $cff_date_before = $_POST[ 'cff_date_before' ];
487
+ $cff_date_after = $_POST[ 'cff_date_after' ];
488
+ //View on Facebook link
489
+ $cff_link_size = $_POST[ 'cff_link_size' ];
490
+ $cff_link_weight = $_POST[ 'cff_link_weight' ];
491
+ $cff_link_color = $_POST[ 'cff_link_color' ];
492
+ $cff_facebook_link_text = $_POST[ 'cff_facebook_link_text' ];
493
+ $cff_view_link_text = $_POST[ 'cff_view_link_text' ];
494
+ //Character limits
495
+ update_option( $cff_title_length, $cff_title_length_val );
496
+ update_option( $cff_body_length, $cff_body_length_val );
497
+ $options[ 'cff_see_more_text' ] = $cff_see_more_text;
498
+ $options[ 'cff_see_less_text' ] = $cff_see_less_text;
499
+ //Typography
500
+ $options[ 'cff_title_format' ] = $cff_title_format;
501
+ $options[ 'cff_title_size' ] = $cff_title_size;
502
+ $options[ 'cff_title_weight' ] = $cff_title_weight;
503
+ $options[ 'cff_title_color' ] = $cff_title_color;
504
+ $options[ 'cff_title_link' ] = $cff_title_link;
505
+ $options[ 'cff_body_size' ] = $cff_body_size;
506
+ $options[ 'cff_body_weight' ] = $cff_body_weight;
507
+ $options[ 'cff_body_color' ] = $cff_body_color;
508
+ //Event title
509
+ $options[ 'cff_event_title_format' ] = $cff_event_title_format;
510
+ $options[ 'cff_event_title_size' ] = $cff_event_title_size;
511
+ $options[ 'cff_event_title_weight' ] = $cff_event_title_weight;
512
+ $options[ 'cff_event_title_color' ] = $cff_event_title_color;
513
+ $options[ 'cff_event_title_link' ] = $cff_event_title_link;
514
+ //Event date
515
+ $options[ 'cff_event_date_size' ] = $cff_event_date_size;
516
+ $options[ 'cff_event_date_weight' ] = $cff_event_date_weight;
517
+ $options[ 'cff_event_date_color' ] = $cff_event_date_color;
518
+ $options[ 'cff_event_date_position' ] = $cff_event_date_position;
519
+ $options[ 'cff_event_date_formatting' ] = $cff_event_date_formatting;
520
+ $options[ 'cff_event_date_custom' ] = $cff_event_date_custom;
521
+ //Event details
522
+ $options[ 'cff_event_details_size' ] = $cff_event_details_size;
523
+ $options[ 'cff_event_details_weight' ] = $cff_event_details_weight;
524
+ $options[ 'cff_event_details_color' ] = $cff_event_details_color;
525
+ //Date
526
+ $options[ 'cff_date_position' ] = $cff_date_position;
527
+ $options[ 'cff_date_size' ] = $cff_date_size;
528
+ $options[ 'cff_date_weight' ] = $cff_date_weight;
529
+ $options[ 'cff_date_color' ] = $cff_date_color;
530
+ $options[ 'cff_date_formatting' ] = $cff_date_formatting;
531
+ $options[ 'cff_date_custom' ] = $cff_date_custom;
532
+ $options[ 'cff_date_before' ] = $cff_date_before;
533
+ $options[ 'cff_date_after' ] = $cff_date_after;
534
+ //View on Facebook link
535
+ $options[ 'cff_link_size' ] = $cff_link_size;
536
+ $options[ 'cff_link_weight' ] = $cff_link_weight;
537
+ $options[ 'cff_link_color' ] = $cff_link_color;
538
+ $options[ 'cff_facebook_link_text' ] = $cff_facebook_link_text;
539
+ $options[ 'cff_view_link_text' ] = $cff_view_link_text;
540
+ }
541
+ //Update the Post Layout options
542
+ if( isset($_POST[ $style_misc_hidden_field_name ]) && $_POST[ $style_misc_hidden_field_name ] == 'Y' ) {
543
+ //Meta
544
+ $cff_icon_style = $_POST[ 'cff_icon_style' ];
545
+ $cff_meta_text_color = $_POST[ 'cff_meta_text_color' ];
546
+ $cff_meta_bg_color = $_POST[ 'cff_meta_bg_color' ];
547
+ $cff_nocomments_text = $_POST[ 'cff_nocomments_text' ];
548
+ $cff_hide_comments = $_POST[ 'cff_hide_comments' ];
549
+ //Custom CSS
550
+ $cff_custom_css = $_POST[ 'cff_custom_css' ];
551
+ //Misc
552
+ $cff_show_like_box = $_POST[ 'cff_show_like_box' ];
553
+ $cff_like_box_position = $_POST[ 'cff_like_box_position' ];
554
+ $cff_like_box_outside = $_POST[ 'cff_like_box_outside' ];
555
+ $cff_likebox_bg_color = $_POST[ 'cff_likebox_bg_color' ];
556
+ $cff_video_height = $_POST[ 'cff_video_height' ];
557
+ $cff_video_action = $_POST[ 'cff_video_action' ];
558
+ $cff_sep_color = $_POST[ 'cff_sep_color' ];
559
+ $cff_sep_size = $_POST[ 'cff_sep_size' ];
560
+ $cff_open_links = $_POST[ 'cff_open_links' ];
561
+ //Meta
562
+ $options[ 'cff_icon_style' ] = $cff_icon_style;
563
+ $options[ 'cff_meta_text_color' ] = $cff_meta_text_color;
564
+ $options[ 'cff_meta_bg_color' ] = $cff_meta_bg_color;
565
+ $options[ 'cff_nocomments_text' ] = $cff_nocomments_text;
566
+ $options[ 'cff_hide_comments' ] = $cff_hide_comments;
567
+ //Custom CSS
568
+ $options[ 'cff_custom_css' ] = $cff_custom_css;
569
+ //Misc
570
+ $options[ 'cff_show_like_box' ] = $cff_show_like_box;
571
+ $options[ 'cff_like_box_position' ] = $cff_like_box_position;
572
+ $options[ 'cff_like_box_outside' ] = $cff_like_box_outside;
573
+ $options[ 'cff_likebox_bg_color' ] = $cff_likebox_bg_color;
574
+ $options[ 'cff_video_height' ] = $cff_video_height;
575
+ $options[ 'cff_video_action' ] = $cff_video_action;
576
+ $options[ 'cff_sep_color' ] = $cff_sep_color;
577
+ $options[ 'cff_sep_size' ] = $cff_sep_size;
578
+ $options[ 'cff_open_links' ] = $cff_open_links;
579
+ }
580
+ //Update the array
581
+ update_option( 'cff_style_settings', $options );
582
+ // Put an settings updated message on the screen
583
+ ?>
584
+ <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
585
+ <?php } ?>
586
+
587
+ <div id="cff-admin" class="wrap">
588
+ <div id="header">
589
+ <h1><?php _e('Layout & Style'); ?></h1>
590
+ </div>
591
+ <form name="form1" method="post" action="">
592
+ <input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
593
+ <?php
594
+ $active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'general';
595
+ ?>
596
+ <h2 class="nav-tab-wrapper">
597
+ <a href="?page=cff-style&tab=general" class="nav-tab <?php echo $active_tab == 'general' ? 'nav-tab-active' : ''; ?>"><?php _e('General'); ?></a>
598
+ <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>
599
+ <a href="?page=cff-style&tab=typography" class="nav-tab <?php echo $active_tab == 'typography' ? 'nav-tab-active' : ''; ?>"><?php _e('Typography'); ?></a>
600
+ <a href="?page=cff-style&tab=misc" class="nav-tab <?php echo $active_tab == 'misc' ? 'nav-tab-active' : ''; ?>"><?php _e('Misc'); ?></a>
601
+ </h2>
602
+ <?php if( $active_tab == 'general' ) { //Start General tab ?>
603
+ <input type="hidden" name="<?php echo $style_general_hidden_field_name; ?>" value="Y">
604
+ <br />
605
+ <table class="form-table">
606
+ <tbody>
607
+ <h3><?php _e('General'); ?></h3>
608
+ <tr valign="top">
609
+ <th scope="row"><?php _e('Feed Width'); ?></th>
610
+ <td>
611
+ <input name="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width ); ?>" size="6" />
612
+ <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%'); ?></i></span>
613
+ </td>
614
+ </tr>
615
+ <tr valign="top">
616
+ <th scope="row"><?php _e('Feed Height'); ?></th>
617
+ <td>
618
+ <input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height ); ?>" size="6" />
619
+ <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>
620
+ </td>
621
+ </tr>
622
+ <th scope="row"><?php _e('Feed Padding'); ?></th>
623
+ <td>
624
+ <input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding ); ?>" size="6" />
625
+ <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>
626
+ </td>
627
+ </tr>
628
+ <tr valign="top">
629
+ <th scope="row"><?php _e('Feed Background Color'); ?></th>
630
+ <td>
631
+ <label for="cff_bg_color">#</label>
632
+ <input name="cff_bg_color" type="text" value="<?php esc_attr_e( $cff_bg_color ); ?>" size="10" placeholder="Eg. ED9A00" />
633
+ <span><a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a></span>
634
+ </td>
635
+ </tr>
636
+ <tr valign="top">
637
+ <th scope="row"><?php _e('Show name and picture of author'); ?></th>
638
+ <td>
639
+ <input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
640
+ <label for="cff_show_status_type">Yes</label>
641
+ <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>
642
+
643
+ </td>
644
+ </tr>
645
+ <tr valign="top">
646
+ <th scope="row"><?php _e('Add CSS class to feed'); ?></th>
647
+ <td>
648
+ <input name="cff_class" type="text" value="<?php esc_attr_e( $cff_class ); ?>" size="25" />
649
+ <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>
650
+ </td>
651
+ </tr>
652
+ </tbody>
653
+ </table>
654
+
655
+ <hr />
656
+ <table class="form-table">
657
+ <tbody>
658
+ <h3><?php _e('Post Types'); ?></h3>
659
+ <tr valign="top">
660
+ <th scope="row"><?php _e('Only show these types of posts:'); ?><br />
661
+ <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>
662
+ <td>
663
+ <div>
664
+ <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled <?php if($cff_show_status_type == true) echo "checked"; ?> />
665
+ <label for="cff_show_status_type"><?php _e('Statuses'); ?></label>
666
+ </div>
667
+ <div>
668
+ <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled <?php if($cff_show_event_type == true) echo 'checked="checked"' ?> />
669
+ <label for="cff_show_event_type"><?php _e('Events'); ?></label>
670
+ </div>
671
+ <div>
672
+ <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled <?php if($cff_show_photos_type == true) echo 'checked="checked"' ?> />
673
+ <label for="cff_show_photos_type"><?php _e('Photos'); ?></label>
674
+ </div>
675
+ <div>
676
+ <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled <?php if($cff_show_video_type == true) echo 'checked="checked"' ?> />
677
+ <label for="cff_show_video_type"><?php _e('Videos'); ?></label>
678
+ </div>
679
+ <div>
680
+ <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled <?php if($cff_show_links_type == true) echo 'checked="checked"' ?> />
681
+ <label for="cff_show_links_type"><?php _e('Links'); ?></label>
682
+ </div>
683
+ </td>
684
+ </tr>
685
+ </tbody>
686
+ </table>
687
+ <?php submit_button(); ?>
688
+
689
+ <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
690
+
691
+ <?php } //End General tab ?>
692
+ <?php if( $active_tab == 'post_layout' ) { //Start Post Layout tab ?>
693
+ <input type="hidden" name="<?php echo $style_post_layout_hidden_field_name; ?>" value="Y">
694
+ <br />
695
+ <h3><?php _e('Post Layout'); ?></h3>
696
+ <table class="form-table">
697
+ <tbody>
698
+ <tr>
699
+ <td><p><?php _e('Choose a layout from the 3 below:'); ?></p></td>
700
+ <td>
701
+ <select name="cff_preset_layout" disabled>
702
+ <option value="thumb"><?php _e('Thumbnail'); ?></option>
703
+ <option value="half"><?php _e('Half-width'); ?></option>
704
+ <option value="full"><?php _e('Full-width'); ?></option>
705
+ </select>
706
+ <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>
707
+ </td>
708
+ </tr>
709
+ <tr valign="top">
710
+ <th scope="row"><?php _e('Thumbnail:'); ?></th>
711
+ <td>
712
+ <img src="<?php echo plugins_url( 'img/layout-thumb.png' , __FILE__ ) ?>" alt="Thumbnail Layout" width="400px" style="border: 1px solid #ccc;" />
713
+ </td>
714
+ </tr>
715
+ <tr valign="top">
716
+ <th scope="row"><?php _e('Half-width:'); ?></th>
717
+ <td>
718
+ <img src="<?php echo plugins_url( 'img/layout-half.png' , __FILE__ ) ?>" alt="Half Width Layout" width="400px" style="border: 1px solid #ccc;" />
719
+ </td>
720
+ </tr>
721
+ <tr valign="top">
722
+ <th scope="row"><?php _e('Full-width:'); ?></th>
723
+ <td>
724
+ <img src="<?php echo plugins_url( 'img/layout-full.png' , __FILE__ ) ?>" alt="Full Width Layout" width="400px" style="border: 1px solid #ccc;" />
725
+ </td>
726
+ </tr>
727
+ </tbody>
728
+ </table>
729
+ <hr />
730
+ <h3><?php _e('Show/Hide'); ?></h3>
731
+ <table class="form-table">
732
+ <tbody>
733
+ <tr valign="top">
734
+ <th scope="row"><?php _e('Include the following in posts:'); ?><br /><?php _e('(when applicable)'); ?>
735
+ <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>
736
+ <td>
737
+ <div>
738
+ <input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> />
739
+ <label for="cff_show_text"><?php _e('Post text'); ?></label>
740
+ </div>
741
+ <div>
742
+ <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> />
743
+ <label for="cff_show_date"><?php _e('Date'); ?></label>
744
+ </div>
745
+ <div>
746
+ <input type="checkbox" id="cff_show_media" disabled />
747
+ <label for="cff_show_media"><?php _e('Photos/videos'); ?></label>
748
+ </div>
749
+ <div>
750
+ <input type="checkbox" name="cff_show_shared_links" id="cff_show_shared_links" <?php if($cff_show_shared_links == true) echo 'checked="checked"' ?> />
751
+ <label for="cff_show_shared_links"><?php _e('Shared links'); ?></label>
752
+ </div>
753
+ <div>
754
+ <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> />
755
+ <label for="cff_show_desc"><?php _e('Link, photo and video descriptions'); ?></label>
756
+ </div>
757
+ <div>
758
+ <input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> />
759
+ <label for="cff_show_event_title"><?php _e('Event title'); ?></label>
760
+ </div>
761
+ <div>
762
+ <input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> />
763
+ <label for="cff_show_event_details"><?php _e('Event details'); ?></label>
764
+ </div>
765
+ <div>
766
+ <input type="checkbox" id="cff_show_meta" disabled />
767
+ <label for="cff_show_meta"><?php _e('Like/shares/comments'); ?></label>
768
+ </div>
769
+ <div>
770
+ <input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> />
771
+ <label for="cff_show_link"><?php _e('View on Facebook/View Link'); ?></label>
772
+ </div>
773
+ </td>
774
+ </tr>
775
+ </tbody>
776
+ </table>
777
+
778
+ <?php submit_button(); ?>
779
+
780
+ <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
781
+
782
+ <?php } //End Post Layout tab ?>
783
+ <?php if( $active_tab == 'typography' ) { //Start Typography tab ?>
784
+ <input type="hidden" name="<?php echo $style_typography_hidden_field_name; ?>" value="Y">
785
+ <br />
786
+ <h3><?php _e('Typography'); ?></h3>
787
+ <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>
788
+ <div id="poststuff" class="metabox-holder">
789
+ <div class="meta-box-sortables ui-sortable">
790
+ <div id="adminform" class="postbox" style="display: block;">
791
+ <div class="handlediv" title="Click to toggle"><br></div>
792
+ <h3 class="hndle"><span><?php _e('Text Character Limits'); ?></span></h3>
793
+ <div class="inside">
794
+ <table class="form-table">
795
+ <tbody>
796
+ <tr valign="top">
797
+ <th scope="row"><label class="bump-left"><?php _e('Maximum Post Text Length'); ?></label></th>
798
+ <td>
799
+ <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>
800
+ </td>
801
+ </tr>
802
+ <tr valign="top">
803
+ <th scope="row"><label class="bump-left"><?php _e('Maximum Description Length'); ?></label></th>
804
+ <td>
805
+ <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>
806
+ </td>
807
+ </tr>
808
+ <tr>
809
+ <th><label for="cff_see_more_text" class="bump-left"><?php _e('Custom "See More" text'); ?></label></th>
810
+ <td>
811
+ <input name="cff_see_more_text" type="text" value="<?php esc_attr_e( $cff_see_more_text ); ?>" size="20" />
812
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "See More" text'); ?></i>
813
+ </td>
814
+ </tr>
815
+ <tr>
816
+ <th><label for="cff_see_less_text" class="bump-left"><?php _e('Custom "See Less" text'); ?></label></th>
817
+ <td>
818
+ <input name="cff_see_less_text" type="text" value="<?php esc_attr_e( $cff_see_less_text ); ?>" size="20" />
819
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "See Less" text'); ?></i>
820
+ </td>
821
+ </tr>
822
+ </tbody>
823
+ </table>
824
+ </div>
825
+ </div>
826
+ <div id="adminform" class="postbox" style="display: block;">
827
+ <div class="handlediv" title="Click to toggle"><br></div>
828
+ <h3 class="hndle"><span><?php _e('Post Text'); ?></span></h3>
829
+ <div class="inside">
830
+ <table class="form-table">
831
+ <tbody>
832
+ <tr>
833