custom-facebook-feed
Last commit date
css
12 years ago
img
12 years ago
README.txt
12 years ago
custom-facebook-feed-admin.php
12 years ago
custom-facebook-feed.php
12 years ago
gpl-2.0.txt
13 years ago
custom-facebook-feed-admin.php
801 lines
| 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 | // Read in existing option value from database |
| 41 | $access_token_val = get_option( $access_token ); |
| 42 | $page_id_val = get_option( $page_id ); |
| 43 | $num_show_val = get_option( $num_show ); |
| 44 | // See if the user has posted us some information. If they did, this hidden field will be set to 'Y'. |
| 45 | if( isset($_POST[ $hidden_field_name ]) && $_POST[ $hidden_field_name ] == 'Y' ) { |
| 46 | // Read their posted value |
| 47 | $access_token_val = $_POST[ $access_token ]; |
| 48 | $page_id_val = $_POST[ $page_id ]; |
| 49 | $num_show_val = $_POST[ $num_show ]; |
| 50 | // Save the posted value in the database |
| 51 | update_option( $access_token, $access_token_val ); |
| 52 | update_option( $page_id, $page_id_val ); |
| 53 | update_option( $num_show, $num_show_val ); |
| 54 | // Put an settings updated message on the screen |
| 55 | ?> |
| 56 | <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div> |
| 57 | <?php } ?> |
| 58 | |
| 59 | <div class="wrap"> |
| 60 | <h2><?php _e('Custom Facebook Feed Settings'); ?></h2> |
| 61 | <form name="form1" method="post" action=""> |
| 62 | <input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y"> |
| 63 | <h3><?php _e('Configuration'); ?></h3> |
| 64 | <table class="form-table"> |
| 65 | <tbody> |
| 66 | <tr valign="top"> |
| 67 | <th scope="row"><?php _e('Access Token'); ?></th> |
| 68 | <td> |
| 69 | <input name="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val ); ?>" size="60" /> |
| 70 | <a href="http://smashballoon.com/custom-facebook-feed/access-token/" target="_blank">How to get an Access Token</a> |
| 71 | </td> |
| 72 | </tr> |
| 73 | <tr valign="top"> |
| 74 | <th scope="row"><?php _e('Page ID'); ?></th> |
| 75 | <td> |
| 76 | <input name="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val ); ?>" size="60" /> |
| 77 | <a href="http://smashballoon.com/custom-facebook-feed/faq/" target="_blank">What's my Page ID?</a> |
| 78 | </td> |
| 79 | </tr> |
| 80 | <tr valign="top"> |
| 81 | <th scope="row"><?php _e('Number of posts to display'); ?></th> |
| 82 | <td> |
| 83 | <input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val ); ?>" size="4" /> |
| 84 | </td> |
| 85 | </tr> |
| 86 | </tbody> |
| 87 | </table> |
| 88 | <?php submit_button(); ?> |
| 89 | </form> |
| 90 | <hr /> |
| 91 | <h4>Displaying your Feed</h4> |
| 92 | <p>Copy and paste this shortcode directly into the page, post or widget where you'd like the feed to show up:</p> |
| 93 | <input type="text" value="[custom-facebook-feed]" size="22" readonly="readonly" onclick="this.focus();this.select()" id="system-info-textarea" name="edd-sysinfo" title="To copy, click the field then press Ctrl + C (PC) or Cmd + C (Mac)." /> |
| 94 | |
| 95 | <p>You can override the settings above directly in the shortcode like so:</p> |
| 96 | |
| 97 | <p>Eg: [custom-facebook-feed <b><span style='color: green;'>id=<i>Put_Your_Page_ID_Here</i></span> <span style='color: purple;'>num=3</span> <span style='color: blue;'>height=500px</span></b>]</p> |
| 98 | |
| 99 | <p><a href="http://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank">Click here</a> for a full list of shortcode options <i style="color: #666; font-size: 11px;">(Please note that some of them will only work with the Pro version of the plugin)</i></p> |
| 100 | <br /> |
| 101 | <hr /> |
| 102 | <br /> |
| 103 | <p><a href="http://smashballoon.com/custom-facebook-feed/support" target="_blank">Plugin Support</a> - Smash Balloon is committed to making this plugin better. Please let us know if you have had any issues when using this plugin so that we can continue to improve it!</p> |
| 104 | <br /><br /> |
| 105 | <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a> |
| 106 | |
| 107 | <div class="wrap"> |
| 108 | <h2><?php _e('System Info'); ?></h2> |
| 109 | <p>PHP Version: <b><?php echo PHP_VERSION . "\n"; ?></b></p> |
| 110 | <p>Web Server Info: <b><?php echo $_SERVER['SERVER_SOFTWARE'] . "\n"; ?></b></p> |
| 111 | <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> |
| 112 | <p>PHP cURL: <b><?php echo is_callable('curl_init') ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p> |
| 113 | <p>JSON: <b><?php echo function_exists("json_decode") ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p> |
| 114 | </div> |
| 115 | <?php |
| 116 | } //End Settings_Page |
| 117 | //Create Style page |
| 118 | function cff_style_page() { |
| 119 | //Declare variables for fields |
| 120 | $style_hidden_field_name = 'cff_style_submit_hidden'; |
| 121 | $defaults = array( |
| 122 | //Include |
| 123 | 'cff_show_text' => true, |
| 124 | 'cff_show_desc' => true, |
| 125 | 'cff_show_date' => true, |
| 126 | 'cff_show_event_title' => true, |
| 127 | 'cff_show_event_details' => true, |
| 128 | 'cff_show_link' => true, |
| 129 | 'cff_show_like_box' => true, |
| 130 | //Typography |
| 131 | 'cff_title_format' => 'p', |
| 132 | 'cff_title_size' => 'inherit', |
| 133 | 'cff_title_weight' => 'inherit', |
| 134 | 'cff_title_color' => '', |
| 135 | 'cff_body_size' => 'inherit', |
| 136 | 'cff_body_weight' => 'inherit', |
| 137 | 'cff_body_color' => '', |
| 138 | 'cff_event_title_format' => 'p', |
| 139 | 'cff_event_title_size' => 'inherit', |
| 140 | 'cff_event_title_weight' => 'inherit', |
| 141 | 'cff_event_title_color' => '', |
| 142 | 'cff_event_details_size' => 'inherit', |
| 143 | 'cff_event_details_weight' => 'inherit', |
| 144 | 'cff_event_details_color' => '', |
| 145 | 'cff_date_size' => 'inherit', |
| 146 | 'cff_date_weight' => 'inherit', |
| 147 | 'cff_date_color' => '', |
| 148 | 'cff_link_size' => 'inherit', |
| 149 | 'cff_link_weight' => 'inherit', |
| 150 | 'cff_link_color' => '', |
| 151 | //Misc |
| 152 | 'cff_feed_width' => '', |
| 153 | 'cff_feed_height' => '', |
| 154 | 'cff_feed_padding' => '', |
| 155 | 'cff_like_box_position' => 'bottom', |
| 156 | 'cff_bg_color' => '', |
| 157 | 'cff_likebox_bg_color' => '', |
| 158 | //New |
| 159 | 'cff_custom_css' => '', |
| 160 | 'cff_title_link' => false, |
| 161 | 'cff_event_title_link' => false, |
| 162 | 'cff_sep_color' => '', |
| 163 | 'cff_sep_size' => '1' |
| 164 | ); |
| 165 | //Save layout options in an array |
| 166 | add_option( 'cff_style_settings', $options ); |
| 167 | $options = wp_parse_args(get_option('cff_style_settings'), $defaults); |
| 168 | //Set the page variables |
| 169 | //Include |
| 170 | $cff_show_text = $options[ 'cff_show_text' ]; |
| 171 | $cff_show_desc = $options[ 'cff_show_desc' ]; |
| 172 | $cff_show_date = $options[ 'cff_show_date' ]; |
| 173 | $cff_show_event_title = $options[ 'cff_show_event_title' ]; |
| 174 | $cff_show_event_details = $options[ 'cff_show_event_details' ]; |
| 175 | $cff_show_link = $options[ 'cff_show_link' ]; |
| 176 | $cff_show_like_box = $options[ 'cff_show_like_box' ]; |
| 177 | //Typography |
| 178 | $cff_title_format = $options[ 'cff_title_format' ]; |
| 179 | $cff_title_size = $options[ 'cff_title_size' ]; |
| 180 | $cff_title_weight = $options[ 'cff_title_weight' ]; |
| 181 | $cff_title_color = $options[ 'cff_title_color' ]; |
| 182 | $cff_body_size = $options[ 'cff_body_size' ]; |
| 183 | $cff_body_weight = $options[ 'cff_body_weight' ]; |
| 184 | $cff_body_color = $options[ 'cff_body_color' ]; |
| 185 | $cff_event_title_format = $options[ 'cff_event_title_format' ]; |
| 186 | $cff_event_title_size = $options[ 'cff_event_title_size' ]; |
| 187 | $cff_event_title_weight = $options[ 'cff_event_title_weight' ]; |
| 188 | $cff_event_title_color = $options[ 'cff_event_title_color' ]; |
| 189 | $cff_event_details_size = $options[ 'cff_event_details_size' ]; |
| 190 | $cff_event_details_weight = $options[ 'cff_event_details_weight' ]; |
| 191 | $cff_event_details_color = $options[ 'cff_event_details_color' ]; |
| 192 | $cff_date_size = $options[ 'cff_date_size' ]; |
| 193 | $cff_date_weight = $options[ 'cff_date_weight' ]; |
| 194 | $cff_date_color = $options[ 'cff_date_color' ]; |
| 195 | $cff_link_size = $options[ 'cff_link_size' ]; |
| 196 | $cff_link_weight = $options[ 'cff_link_weight' ]; |
| 197 | $cff_link_color = $options[ 'cff_link_color' ]; |
| 198 | //Misc |
| 199 | $cff_feed_width = $options[ 'cff_feed_width' ]; |
| 200 | $cff_feed_height = $options[ 'cff_feed_height' ]; |
| 201 | $cff_feed_padding = $options[ 'cff_feed_padding' ]; |
| 202 | $cff_like_box_position = $options[ 'cff_like_box_position' ]; |
| 203 | $cff_open_links = $options[ 'cff_open_links' ]; |
| 204 | $cff_bg_color = $options[ 'cff_bg_color' ]; |
| 205 | $cff_likebox_bg_color = $options[ 'cff_likebox_bg_color' ]; |
| 206 | //New |
| 207 | $cff_custom_css = $options[ 'cff_custom_css' ]; |
| 208 | $cff_title_link = $options[ 'cff_title_link' ]; |
| 209 | $cff_event_title_link = $options[ 'cff_event_title_link' ]; |
| 210 | $cff_sep_color = $options[ 'cff_sep_color' ]; |
| 211 | $cff_sep_size = $options[ 'cff_sep_size' ]; |
| 212 | |
| 213 | // Texts lengths |
| 214 | $cff_title_length = 'cff_title_length'; |
| 215 | $cff_body_length = 'cff_body_length'; |
| 216 | // Read in existing option value from database |
| 217 | $cff_title_length_val = get_option( $cff_title_length ); |
| 218 | $cff_body_length_val = get_option( $cff_body_length ); |
| 219 | // See if the user has posted us some information. If they did, this hidden field will be set to 'Y'. |
| 220 | if( isset($_POST[ $style_hidden_field_name ]) && $_POST[ $style_hidden_field_name ] == 'Y' ) { |
| 221 | |
| 222 | // Read their posted value |
| 223 | $cff_title_length_val = $_POST[ $cff_title_length ]; |
| 224 | $cff_body_length_val = $_POST[ $cff_body_length ]; |
| 225 | // Save the posted value in the database |
| 226 | update_option( $cff_title_length, $cff_title_length_val ); |
| 227 | update_option( $cff_body_length, $cff_body_length_val ); |
| 228 | |
| 229 | //Update the page variable |
| 230 | //Include |
| 231 | $cff_show_text = $_POST[ 'cff_show_text' ]; |
| 232 | $cff_show_desc = $_POST[ 'cff_show_desc' ]; |
| 233 | $cff_show_date = $_POST[ 'cff_show_date' ]; |
| 234 | $cff_show_event_title = $_POST[ 'cff_show_event_title' ]; |
| 235 | $cff_show_event_details = $_POST[ 'cff_show_event_details' ]; |
| 236 | $cff_show_link = $_POST[ 'cff_show_link' ]; |
| 237 | $cff_show_like_box = $_POST[ 'cff_show_like_box' ]; |
| 238 | //Typography |
| 239 | $cff_title_format = $_POST[ 'cff_title_format' ]; |
| 240 | $cff_title_size = $_POST[ 'cff_title_size' ]; |
| 241 | $cff_title_weight = $_POST[ 'cff_title_weight' ]; |
| 242 | $cff_title_color = $_POST[ 'cff_title_color' ]; |
| 243 | $cff_body_size = $_POST[ 'cff_body_size' ]; |
| 244 | $cff_body_weight = $_POST[ 'cff_body_weight' ]; |
| 245 | $cff_body_color = $_POST[ 'cff_body_color' ]; |
| 246 | $cff_event_title_format = $_POST[ 'cff_event_title_format' ]; |
| 247 | $cff_event_title_size = $_POST[ 'cff_event_title_size' ]; |
| 248 | $cff_event_title_weight = $_POST[ 'cff_event_title_weight' ]; |
| 249 | $cff_event_title_color = $_POST[ 'cff_event_title_color' ]; |
| 250 | $cff_event_details_size = $_POST[ 'cff_event_details_size' ]; |
| 251 | $cff_event_details_weight = $_POST[ 'cff_event_details_weight' ]; |
| 252 | $cff_event_details_color = $_POST[ 'cff_event_details_color' ]; |
| 253 | $cff_date_size = $_POST[ 'cff_date_size' ]; |
| 254 | $cff_date_weight = $_POST[ 'cff_date_weight' ]; |
| 255 | $cff_date_color = $_POST[ 'cff_date_color' ]; |
| 256 | $cff_link_size = $_POST[ 'cff_link_size' ]; |
| 257 | $cff_link_weight = $_POST[ 'cff_link_weight' ]; |
| 258 | $cff_link_color = $_POST[ 'cff_link_color' ]; |
| 259 | //Misc |
| 260 | $cff_feed_width = $_POST[ 'cff_feed_width' ]; |
| 261 | $cff_feed_height = $_POST[ 'cff_feed_height' ]; |
| 262 | $cff_feed_padding = $_POST[ 'cff_feed_padding' ]; |
| 263 | $cff_like_box_position = $_POST[ 'cff_like_box_position' ]; |
| 264 | $cff_open_links = $_POST[ 'cff_open_links' ]; |
| 265 | $cff_bg_color = $_POST[ 'cff_bg_color' ]; |
| 266 | $cff_likebox_bg_color = $_POST[ 'cff_likebox_bg_color' ]; |
| 267 | //New |
| 268 | $cff_custom_css = $_POST[ 'cff_custom_css' ]; |
| 269 | $cff_title_link = $_POST[ 'cff_title_link' ]; |
| 270 | $cff_event_title_link = $_POST[ 'cff_event_title_link' ]; |
| 271 | $cff_sep_color = $_POST[ 'cff_sep_color' ]; |
| 272 | $cff_sep_size = $_POST[ 'cff_sep_size' ]; |
| 273 | //Update the options in the array in the database |
| 274 | //Include |
| 275 | $options[ 'cff_show_text' ] = $cff_show_text; |
| 276 | $options[ 'cff_show_desc' ] = $cff_show_desc; |
| 277 | $options[ 'cff_show_date' ] = $cff_show_date; |
| 278 | $options[ 'cff_show_event_title' ] = $cff_show_event_title; |
| 279 | $options[ 'cff_show_event_details' ] = $cff_show_event_details; |
| 280 | $options[ 'cff_show_link' ] = $cff_show_link; |
| 281 | $options[ 'cff_show_like_box' ] = $cff_show_like_box; |
| 282 | //Typography |
| 283 | $options[ 'cff_title_format' ] = $cff_title_format; |
| 284 | $options[ 'cff_title_size' ] = $cff_title_size; |
| 285 | $options[ 'cff_title_weight' ] = $cff_title_weight; |
| 286 | $options[ 'cff_title_color' ] = $cff_title_color; |
| 287 | $options[ 'cff_body_size' ] = $cff_body_size; |
| 288 | $options[ 'cff_body_weight' ] = $cff_body_weight; |
| 289 | $options[ 'cff_body_color' ] = $cff_body_color; |
| 290 | $options[ 'cff_event_title_format' ] = $cff_event_title_format; |
| 291 | $options[ 'cff_event_title_size' ] = $cff_event_title_size; |
| 292 | $options[ 'cff_event_title_weight' ] = $cff_event_title_weight; |
| 293 | $options[ 'cff_event_title_color' ] = $cff_event_title_color; |
| 294 | $options[ 'cff_event_details_size' ] = $cff_event_details_size; |
| 295 | $options[ 'cff_event_details_weight' ] = $cff_event_details_weight; |
| 296 | $options[ 'cff_event_details_color' ] = $cff_event_details_color; |
| 297 | $options[ 'cff_date_size' ] = $cff_date_size; |
| 298 | $options[ 'cff_date_weight' ] = $cff_date_weight; |
| 299 | $options[ 'cff_date_color' ] = $cff_date_color; |
| 300 | $options[ 'cff_link_size' ] = $cff_link_size; |
| 301 | $options[ 'cff_link_weight' ] = $cff_link_weight; |
| 302 | $options[ 'cff_link_color' ] = $cff_link_color; |
| 303 | //Misc |
| 304 | $options[ 'cff_feed_width' ] = $cff_feed_width; |
| 305 | $options[ 'cff_feed_height' ] = $cff_feed_height; |
| 306 | $options[ 'cff_feed_padding' ] = $cff_feed_padding; |
| 307 | $options[ 'cff_like_box_position' ] = $cff_like_box_position; |
| 308 | $options[ 'cff_open_links' ] = $cff_open_links; |
| 309 | $options[ 'cff_bg_color' ] = $cff_bg_color; |
| 310 | $options[ 'cff_likebox_bg_color' ] = $cff_likebox_bg_color; |
| 311 | //New |
| 312 | $options[ 'cff_custom_css' ] = $cff_custom_css; |
| 313 | $options[ 'cff_title_link' ] = $cff_title_link; |
| 314 | $options[ 'cff_event_title_link' ] = $cff_event_title_link; |
| 315 | $options[ 'cff_sep_color' ] = $cff_sep_color; |
| 316 | $options[ 'cff_sep_size' ] = $cff_sep_size; |
| 317 | //Update the array |
| 318 | update_option( 'cff_style_settings', $options ); |
| 319 | // Put an settings updated message on the screen |
| 320 | ?> |
| 321 | <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div> |
| 322 | <?php } ?> |
| 323 | |
| 324 | <div class="wrap"> |
| 325 | <h2><?php _e('Custom Facebook Feed - Layout and Style'); ?></h2> |
| 326 | <form name="form1" method="post" action=""> |
| 327 | <input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y"> |
| 328 | <br /> |
| 329 | <hr /> |
| 330 | <table class="form-table"> |
| 331 | <tbody> |
| 332 | <h3><?php _e('General'); ?></h3> |
| 333 | <tr valign="top"> |
| 334 | <th scope="row"><?php _e('Feed Width'); ?></th> |
| 335 | <td> |
| 336 | <input name="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width ); ?>" size="6" /> |
| 337 | <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;">Default is 100%</i></span> |
| 338 | </td> |
| 339 | </tr> |
| 340 | <tr valign="top"> |
| 341 | <th scope="row"><?php _e('Feed Height'); ?></th> |
| 342 | <td> |
| 343 | <input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height ); ?>" size="6" /> |
| 344 | <span>Eg. 500px, 50em. <i style="color: #666; font-size: 11px; margin-left: 5px;">Leave empty to set no maximum height. If the feed exceeds this height then a scroll bar will be used.</i></span> |
| 345 | </td> |
| 346 | </tr> |
| 347 | <th scope="row"><?php _e('Feed Padding'); ?></th> |
| 348 | <td> |
| 349 | <input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding ); ?>" size="6" /> |
| 350 | <span>Eg. 20px, 5%. <i style="color: #666; font-size: 11px; margin-left: 5px;">This is the amount of padding/spacing that goes around the feed. This is particularly useful if you intend to set a background color on the feed.</i></span> |
| 351 | </td> |
| 352 | </tr> |
| 353 | <tr valign="top"> |
| 354 | <th scope="row"><?php _e('Feed Background Color'); ?></th> |
| 355 | <td> |
| 356 | <label for="cff_bg_color">#</label> |
| 357 | <input name="cff_bg_color" type="text" value="<?php esc_attr_e( $cff_bg_color ); ?>" size="10" /> |
| 358 | <span>Eg. ED9A00 <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a></span> |
| 359 | </td> |
| 360 | </tr> |
| 361 | </tbody> |
| 362 | </table> |
| 363 | <br /> |
| 364 | <hr /> |
| 365 | <table class="form-table"> |
| 366 | <tbody> |
| 367 | <h3><?php _e('Post Types'); ?></h3> |
| 368 | <tr valign="top"> |
| 369 | <th scope="row"><?php _e('Show these types of posts:'); ?></th> |
| 370 | <td> |
| 371 | <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled checked /> |
| 372 | <label for="cff_show_status_type">Statuses</label> |
| 373 | |
| 374 | |
| 375 | <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled checked /> |
| 376 | <label for="cff_show_event_type">Events</label> |
| 377 | |
| 378 | <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled checked /> |
| 379 | <label for="cff_show_photos_type">Photos</label> |
| 380 | |
| 381 | <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled checked /> |
| 382 | <label for="cff_show_video_type">Videos</label> |
| 383 | |
| 384 | <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled checked /> |
| 385 | <label for="cff_show_links_type">Links</label> |
| 386 | |
| 387 | <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i> |
| 388 | </td> |
| 389 | </tr> |
| 390 | </tbody> |
| 391 | </table> |
| 392 | <br /> |
| 393 | <hr /> |
| 394 | <h3><?php _e('Post Layout'); ?></h3> |
| 395 | <table class="form-table"> |
| 396 | <tbody> |
| 397 | <tr> |
| 398 | <td><p>Choose a post layout:</p></td> |
| 399 | <td> |
| 400 | <select name="cff_preset_layout" disabled> |
| 401 | <option>Thumbnail</option> |
| 402 | <option>Half-width</option> |
| 403 | <option>Full-width</option> |
| 404 | </select> |
| 405 | <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i> |
| 406 | </td> |
| 407 | </tr> |
| 408 | <tr valign="top"> |
| 409 | <th scope="row"><?php _e('Include the following in posts (when applicable):'); ?></th> |
| 410 | <td> |
| 411 | <div> |
| 412 | <input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> /> |
| 413 | <label for="cff_show_text">Post text</label> |
| 414 | </div> |
| 415 | <div> |
| 416 | <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> /> |
| 417 | <label for="cff_show_desc">Link description</label> |
| 418 | </div> |
| 419 | <div> |
| 420 | <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> /> |
| 421 | <label for="cff_show_date">Date</label> |
| 422 | </div> |
| 423 | <div> |
| 424 | <input type="checkbox" disabled /> |
| 425 | <label style="color: #999;">Photos/videos</label><i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i> |
| 426 | </div> |
| 427 | |
| 428 | <div> |
| 429 | <input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> /> |
| 430 | <label for="cff_show_event_title">Event title</label> |
| 431 | </div> |
| 432 | <div> |
| 433 | <input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> /> |
| 434 | <label for="cff_show_event_details">Event details</label> |
| 435 | </div> |
| 436 | <div> |
| 437 | <input type="checkbox" disabled /> |
| 438 | <label style="color: #999;">Like/shares/comments</label><i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></i> |
| 439 | </div> |
| 440 | <div> |
| 441 | <input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> /> |
| 442 | <label for="cff_show_link">View on Facebook/View Link</label> |
| 443 | </div> |
| 444 | </td> |
| 445 | </tr> |
| 446 | </tbody> |
| 447 | </table> |
| 448 | <?php submit_button(); ?> |
| 449 | <hr /> |
| 450 | <h3><?php _e('Typography'); ?></h3> |
| 451 | <table class="form-table"> |
| 452 | <tbody> |
| 453 | <tr valign="top"> |
| 454 | <th scope="row"><?php _e('Post Text'); ?></th> |
| 455 | |
| 456 | <!-- <p>What does inherit mean?</p> --> |
| 457 | <td> |
| 458 | <label for="cff_title_format">Format</label> |
| 459 | <select name="cff_title_format"> |
| 460 | <option value="p" <?php if($cff_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option> |
| 461 | <option value="h3" <?php if($cff_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option> |
| 462 | <option value="h4" <?php if($cff_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option> |
| 463 | <option value="h5" <?php if($cff_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option> |
| 464 | <option value="h6" <?php if($cff_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option> |
| 465 | </select> |
| 466 | |
| 467 | <label for="cff_title_size">Font Size</label> |
| 468 | <select name="cff_title_size"> |
| 469 | <option value="inherit" <?php if($cff_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 470 | <option value="10" <?php if($cff_title_size == "10") echo 'selected="selected"' ?> >10px</option> |
| 471 | <option value="11" <?php if($cff_title_size == "11") echo 'selected="selected"' ?> >11px</option> |
| 472 | <option value="12" <?php if($cff_title_size == "12") echo 'selected="selected"' ?> >12px</option> |
| 473 | <option value="14" <?php if($cff_title_size == "14") echo 'selected="selected"' ?> >14px</option> |
| 474 | <option value="16" <?php if($cff_title_size == "16") echo 'selected="selected"' ?> >16px</option> |
| 475 | <option value="18" <?php if($cff_title_size == "18") echo 'selected="selected"' ?> >18px</option> |
| 476 | <option value="20" <?php if($cff_title_size == "20") echo 'selected="selected"' ?> >20px</option> |
| 477 | <option value="24" <?php if($cff_title_size == "24") echo 'selected="selected"' ?> >24px</option> |
| 478 | <option value="28" <?php if($cff_title_size == "28") echo 'selected="selected"' ?> >28px</option> |
| 479 | <option value="32" <?php if($cff_title_size == "32") echo 'selected="selected"' ?> >32px</option> |
| 480 | <option value="36" <?php if($cff_title_size == "36") echo 'selected="selected"' ?> >36px</option> |
| 481 | <option value="42" <?php if($cff_title_size == "42") echo 'selected="selected"' ?> >42px</option> |
| 482 | <option value="48" <?php if($cff_title_size == "48") echo 'selected="selected"' ?> >48px</option> |
| 483 | <option value="60" <?php if($cff_title_size == "54") echo 'selected="selected"' ?> >54px</option> |
| 484 | <option value="60" <?php if($cff_title_size == "60") echo 'selected="selected"' ?> >60px</option> |
| 485 | </select> |
| 486 | |
| 487 | <label for="cff_title_weight">Font Weight</label> |
| 488 | <select name="cff_title_weight"> |
| 489 | <option value="inherit" <?php if($cff_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 490 | <option value="normal" <?php if($cff_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option> |
| 491 | <option value="bold" <?php if($cff_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option> |
| 492 | </select> |
| 493 | |
| 494 | <label for="cff_title_color">Font Color #</label> |
| 495 | <input name="cff_title_color" type="text" value="<?php esc_attr_e( $cff_title_color ); ?>" size="10" placeholder="Eg. ED9A00" /> |
| 496 | <span><a href="http://www.colorpicker.com/" target="_blank">Color Picker</a></span> |
| 497 | |
| 498 | <input type="checkbox" name="cff_title_link" id="cff_title_link" <?php if($cff_title_link == true) echo 'checked="checked"' ?> /> |
| 499 | <label for="cff_title_link">Link to Facebook post</label> |
| 500 | </td> |
| 501 | </tr> |
| 502 | <tr valign="top"> |
| 503 | <th scope="row"><?php _e('Link Description'); ?></th> |
| 504 | |
| 505 | <td> |
| 506 | |
| 507 | |
| 508 | |
| 509 | <label for="cff_body_size">Font Size</label> |
| 510 | <select name="cff_body_size"> |
| 511 | <option value="inherit" <?php if($cff_body_size == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 512 | <option value="10" <?php if($cff_body_size == "10") echo 'selected="selected"' ?> >10px</option> |
| 513 | <option value="11" <?php if($cff_body_size == "11") echo 'selected="selected"' ?> >11px</option> |
| 514 | <option value="12" <?php if($cff_body_size == "12") echo 'selected="selected"' ?> >12px</option> |
| 515 | <option value="14" <?php if($cff_body_size == "14") echo 'selected="selected"' ?> >14px</option> |
| 516 | <option value="16" <?php if($cff_body_size == "16") echo 'selected="selected"' ?> >16px</option> |
| 517 | <option value="18" <?php if($cff_body_size == "18") echo 'selected="selected"' ?> >18px</option> |
| 518 | <option value="20" <?php if($cff_body_size == "20") echo 'selected="selected"' ?> >20px</option> |
| 519 | <option value="24" <?php if($cff_body_size == "24") echo 'selected="selected"' ?> >24px</option> |
| 520 | <option value="28" <?php if($cff_body_size == "28") echo 'selected="selected"' ?> >28px</option> |
| 521 | <option value="32" <?php if($cff_body_size == "32") echo 'selected="selected"' ?> >32px</option> |
| 522 | <option value="36" <?php if($cff_body_size == "36") echo 'selected="selected"' ?> >36px</option> |
| 523 | <option value="42" <?php if($cff_body_size == "42") echo 'selected="selected"' ?> >42px</option> |
| 524 | <option value="48" <?php if($cff_body_size == "48") echo 'selected="selected"' ?> >48px</option> |
| 525 | <option value="60" <?php if($cff_body_size == "54") echo 'selected="selected"' ?> >54px</option> |
| 526 | <option value="60" <?php if($cff_body_size == "60") echo 'selected="selected"' ?> >60px</option> |
| 527 | </select> |
| 528 | |
| 529 | <label for="cff_body_weight">Font Weight</label> |
| 530 | <select name="cff_body_weight"> |
| 531 | <option value="inherit" <?php if($cff_body_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 532 | <option value="normal" <?php if($cff_body_weight == "normal") echo 'selected="selected"' ?> >Normal</option> |
| 533 | <option value="bold" <?php if($cff_body_weight == "bold") echo 'selected="selected"' ?> >Bold</option> |
| 534 | </select> |
| 535 | |
| 536 | <label for="cff_body_color">Font Color #</label> |
| 537 | <input name="cff_body_color" type="text" value="<?php esc_attr_e( $cff_body_color ); ?>" size="10" placeholder="Eg. ED9A00" /> |
| 538 | <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a> |
| 539 | </td> |
| 540 | </tr> |
| 541 | <tr valign="top"> |
| 542 | <th scope="row"><?php _e('Event Title'); ?></th> |
| 543 | |
| 544 | <td> |
| 545 | <label for="cff_event_title_format">Format</label> |
| 546 | <select name="cff_event_title_format"> |
| 547 | <option value="p" <?php if($cff_event_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option> |
| 548 | <option value="h3" <?php if($cff_event_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option> |
| 549 | <option value="h4" <?php if($cff_event_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option> |
| 550 | <option value="h5" <?php if($cff_event_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option> |
| 551 | <option value="h6" <?php if($cff_event_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option> |
| 552 | </select> |
| 553 | |
| 554 | <label for="cff_event_title_size">Font Size</label> |
| 555 | <select name="cff_event_title_size"> |
| 556 | <option value="inherit" <?php if($cff_event_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 557 | <option value="10" <?php if($cff_event_title_size == "10") echo 'selected="selected"' ?> >10px</option> |
| 558 | <option value="11" <?php if($cff_event_title_size == "11") echo 'selected="selected"' ?> >11px</option> |
| 559 | <option value="12" <?php if($cff_event_title_size == "12") echo 'selected="selected"' ?> >12px</option> |
| 560 | <option value="14" <?php if($cff_event_title_size == "14") echo 'selected="selected"' ?> >14px</option> |
| 561 | <option value="16" <?php if($cff_event_title_size == "16") echo 'selected="selected"' ?> >16px</option> |
| 562 | <option value="18" <?php if($cff_event_title_size == "18") echo 'selected="selected"' ?> >18px</option> |
| 563 | <option value="20" <?php if($cff_event_title_size == "20") echo 'selected="selected"' ?> >20px</option> |
| 564 | <option value="24" <?php if($cff_event_title_size == "24") echo 'selected="selected"' ?> >24px</option> |
| 565 | <option value="28" <?php if($cff_event_title_size == "28") echo 'selected="selected"' ?> >28px</option> |
| 566 | <option value="32" <?php if($cff_event_title_size == "32") echo 'selected="selected"' ?> >32px</option> |
| 567 | <option value="36" <?php if($cff_event_title_size == "36") echo 'selected="selected"' ?> >36px</option> |
| 568 | <option value="42" <?php if($cff_event_title_size == "42") echo 'selected="selected"' ?> >42px</option> |
| 569 | <option value="48" <?php if($cff_event_title_size == "48") echo 'selected="selected"' ?> >48px</option> |
| 570 | <option value="60" <?php if($cff_event_title_size == "54") echo 'selected="selected"' ?> >54px</option> |
| 571 | <option value="60" <?php if($cff_event_title_size == "60") echo 'selected="selected"' ?> >60px</option> |
| 572 | </select> |
| 573 | |
| 574 | <label for="cff_event_title_weight">Font Weight</label> |
| 575 | <select name="cff_event_title_weight"> |
| 576 | <option value="inherit" <?php if($cff_event_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 577 | <option value="normal" <?php if($cff_event_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option> |
| 578 | <option value="bold" <?php if($cff_event_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option> |
| 579 | </select> |
| 580 | |
| 581 | <label for="cff_event_title_color">Font Color #</label> |
| 582 | <input name="cff_event_title_color" type="text" value="<?php esc_attr_e( $cff_event_title_color ); ?>" size="10" placeholder="Eg. ED9A00" /> |
| 583 | <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a> |
| 584 | |
| 585 | <input type="checkbox" name="cff_event_title_link" id="cff_event_title_link" <?php if($cff_event_title_link == true) echo 'checked="checked"' ?> /> |
| 586 | <label for="cff_event_title_link">Link to Facebook event</label> |
| 587 | </td> |
| 588 | </tr> |
| 589 | <tr valign="top"> |
| 590 | <th scope="row"><?php _e('Event Details'); ?></th> |
| 591 | |
| 592 | <td> |
| 593 | |
| 594 | |
| 595 | |
| 596 | <label for="cff_event_details_size">Font Size</label> |
| 597 | <select name="cff_event_details_size"> |
| 598 | <option value="inherit" <?php if($cff_event_details_size == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 599 | <option value="10" <?php if($cff_event_details_size == "10") echo 'selected="selected"' ?> >10px</option> |
| 600 | <option value="11" <?php if($cff_event_details_size == "11") echo 'selected="selected"' ?> >11px</option> |
| 601 | <option value="12" <?php if($cff_event_details_size == "12") echo 'selected="selected"' ?> >12px</option> |
| 602 | <option value="14" <?php if($cff_event_details_size == "14") echo 'selected="selected"' ?> >14px</option> |
| 603 | <option value="16" <?php if($cff_event_details_size == "16") echo 'selected="selected"' ?> >16px</option> |
| 604 | <option value="18" <?php if($cff_event_details_size == "18") echo 'selected="selected"' ?> >18px</option> |
| 605 | <option value="20" <?php if($cff_event_details_size == "20") echo 'selected="selected"' ?> >20px</option> |
| 606 | <option value="24" <?php if($cff_event_details_size == "24") echo 'selected="selected"' ?> >24px</option> |
| 607 | <option value="28" <?php if($cff_event_details_size == "28") echo 'selected="selected"' ?> >28px</option> |
| 608 | <option value="32" <?php if($cff_event_details_size == "32") echo 'selected="selected"' ?> >32px</option> |
| 609 | <option value="36" <?php if($cff_event_details_size == "36") echo 'selected="selected"' ?> >36px</option> |
| 610 | <option value="42" <?php if($cff_event_details_size == "42") echo 'selected="selected"' ?> >42px</option> |
| 611 | <option value="48" <?php if($cff_event_details_size == "48") echo 'selected="selected"' ?> >48px</option> |
| 612 | <option value="60" <?php if($cff_event_details_size == "54") echo 'selected="selected"' ?> >54px</option> |
| 613 | <option value="60" <?php if($cff_event_details_size == "60") echo 'selected="selected"' ?> >60px</option> |
| 614 | </select> |
| 615 | |
| 616 | <label for="cff_event_details_weight">Font Weight</label> |
| 617 | <select name="cff_event_details_weight"> |
| 618 | <option value="inherit" <?php if($cff_event_details_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 619 | <option value="normal" <?php if($cff_event_details_weight == "normal") echo 'selected="selected"' ?> >Normal</option> |
| 620 | <option value="bold" <?php if($cff_event_details_weight == "bold") echo 'selected="selected"' ?> >Bold</option> |
| 621 | </select> |
| 622 | |
| 623 | <label for="cff_event_details_color">Font Color #</label> |
| 624 | <input name="cff_event_details_color" type="text" value="<?php esc_attr_e( $cff_event_details_color ); ?>" size="10" placeholder="Eg. ED9A00" /> |
| 625 | <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a> |
| 626 | </td> |
| 627 | </tr> |
| 628 | <tr valign="top"> |
| 629 | <th scope="row"><?php _e('Date'); ?></th> |
| 630 | |
| 631 | <td> |
| 632 | |
| 633 | |
| 634 | |
| 635 | <label for="cff_date_size">Font Size</label> |
| 636 | <select name="cff_date_size"> |
| 637 | <option value="inherit" <?php if($cff_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 638 | <option value="10" <?php if($cff_date_size == "10") echo 'selected="selected"' ?> >10px</option> |
| 639 | <option value="11" <?php if($cff_date_size == "11") echo 'selected="selected"' ?> >11px</option> |
| 640 | <option value="12" <?php if($cff_date_size == "12") echo 'selected="selected"' ?> >12px</option> |
| 641 | <option value="14" <?php if($cff_date_size == "14") echo 'selected="selected"' ?> >14px</option> |
| 642 | <option value="16" <?php if($cff_date_size == "16") echo 'selected="selected"' ?> >16px</option> |
| 643 | <option value="18" <?php if($cff_date_size == "18") echo 'selected="selected"' ?> >18px</option> |
| 644 | <option value="20" <?php if($cff_date_size == "20") echo 'selected="selected"' ?> >20px</option> |
| 645 | <option value="24" <?php if($cff_date_size == "24") echo 'selected="selected"' ?> >24px</option> |
| 646 | <option value="28" <?php if($cff_date_size == "28") echo 'selected="selected"' ?> >28px</option> |
| 647 | <option value="32" <?php if($cff_date_size == "32") echo 'selected="selected"' ?> >32px</option> |
| 648 | <option value="36" <?php if($cff_date_size == "36") echo 'selected="selected"' ?> >36px</option> |
| 649 | <option value="42" <?php if($cff_date_size == "42") echo 'selected="selected"' ?> >42px</option> |
| 650 | <option value="48" <?php if($cff_date_size == "48") echo 'selected="selected"' ?> >48px</option> |
| 651 | <option value="60" <?php if($cff_date_size == "54") echo 'selected="selected"' ?> >54px</option> |
| 652 | <option value="60" <?php if($cff_date_size == "60") echo 'selected="selected"' ?> >60px</option> |
| 653 | </select> |
| 654 | |
| 655 | <label for="cff_date_weight">Font Weight</label> |
| 656 | <select name="cff_date_weight"> |
| 657 | <option value="inherit" <?php if($cff_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 658 | <option value="normal" <?php if($cff_date_weight == "normal") echo 'selected="selected"' ?> >Normal</option> |
| 659 | <option value="bold" <?php if($cff_date_weight == "bold") echo 'selected="selected"' ?> >Bold</option> |
| 660 | </select> |
| 661 | |
| 662 | <label for="cff_date_color">Font Color #</label> |
| 663 | <input name="cff_date_color" type="text" value="<?php esc_attr_e( $cff_date_color ); ?>" size="10" placeholder="Eg. ED9A00" /> |
| 664 | <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a> |
| 665 | </td> |
| 666 | </tr> |
| 667 | <tr valign="top"> |
| 668 | <th scope="row"><?php _e('Link to Facebook'); ?></th> |
| 669 | |
| 670 | <!-- <p>What does inherit mean?</p> --> |
| 671 | |
| 672 | <td> |
| 673 | |
| 674 | |
| 675 | |
| 676 | <label for="cff_link_size">Font Size</label> |
| 677 | <select name="cff_link_size"> |
| 678 | <option value="inherit" <?php if($cff_link_size == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 679 | <option value="10" <?php if($cff_link_size == "10") echo 'selected="selected"' ?> >10px</option> |
| 680 | <option value="11" <?php if($cff_link_size == "11") echo 'selected="selected"' ?> >11px</option> |
| 681 | <option value="12" <?php if($cff_link_size == "12") echo 'selected="selected"' ?> >12px</option> |
| 682 | <option value="14" <?php if($cff_link_size == "14") echo 'selected="selected"' ?> >14px</option> |
| 683 | <option value="16" <?php if($cff_link_size == "16") echo 'selected="selected"' ?> >16px</option> |
| 684 | <option value="18" <?php if($cff_link_size == "18") echo 'selected="selected"' ?> >18px</option> |
| 685 | <option value="20" <?php if($cff_link_size == "20") echo 'selected="selected"' ?> >20px</option> |
| 686 | <option value="24" <?php if($cff_link_size == "24") echo 'selected="selected"' ?> >24px</option> |
| 687 | <option value="28" <?php if($cff_link_size == "28") echo 'selected="selected"' ?> >28px</option> |
| 688 | <option value="32" <?php if($cff_link_size == "32") echo 'selected="selected"' ?> >32px</option> |
| 689 | <option value="36" <?php if($cff_link_size == "36") echo 'selected="selected"' ?> >36px</option> |
| 690 | <option value="42" <?php if($cff_link_size == "42") echo 'selected="selected"' ?> >42px</option> |
| 691 | <option value="48" <?php if($cff_link_size == "48") echo 'selected="selected"' ?> >48px</option> |
| 692 | <option value="60" <?php if($cff_link_size == "54") echo 'selected="selected"' ?> >54px</option> |
| 693 | <option value="60" <?php if($cff_link_size == "60") echo 'selected="selected"' ?> >60px</option> |
| 694 | </select> |
| 695 | |
| 696 | <label for="cff_link_weight">Font Weight</label> |
| 697 | <select name="cff_link_weight"> |
| 698 | <option value="inherit" <?php if($cff_link_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option> |
| 699 | <option value="normal" <?php if($cff_link_weight == "normal") echo 'selected="selected"' ?> >Normal</option> |
| 700 | <option value="bold" <?php if($cff_link_weight == "bold") echo 'selected="selected"' ?> >Bold</option> |
| 701 | </select> |
| 702 | |
| 703 | <label for="cff_link_color">Font Color #</label> |
| 704 | <input name="cff_link_color" type="text" value="<?php esc_attr_e( $cff_link_color ); ?>" size="10" placeholder="Eg. ED9A00" /> |
| 705 | <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a> |
| 706 | </td> |
| 707 | </tr> |
| 708 | <tr><i style="color: #666; font-size: 11px; margin-left: 5px;">'Inherit' means that the text will inherit the styles from your theme.</i></tr> |
| 709 | </tbody> |
| 710 | </table> |
| 711 | <br /> |
| 712 | <hr /> |
| 713 | <h3><?php _e('Likes, Shares and Comments'); ?></h3> |
| 714 | <p style="color: #666; font-size: 11px; font-style: italic; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Upgrade to Pro</a></p> |
| 715 | |
| 716 | <br /> |
| 717 | <hr /> |
| 718 | <h3><?php _e('Custom CSS'); ?></h3> |
| 719 | <table class="form-table"> |
| 720 | <tbody> |
| 721 | <tr valign="top"> |
| 722 | <td> |
| 723 | Enter your own custom CSS in the box below |
| 724 | </td> |
| 725 | </tr> |
| 726 | <tr valign="top"> |
| 727 | <td> |
| 728 | <textarea name="cff_custom_css" id="cff_custom_css" style="width: 70%;" rows="7"><?php esc_attr_e( $cff_custom_css ); ?></textarea> |
| 729 | </td> |
| 730 | </tr> |
| 731 | </tbody> |
| 732 | </table> |
| 733 | <br /> |
| 734 | <hr /> |
| 735 | <h3><?php _e('Misc'); ?></h3> |
| 736 | <table class="form-table"> |
| 737 | <tbody> |
| 738 | <tr><td><b style="font-size: 14px;"><?php _e('Text Character Limits'); ?></b></td></tr> |
| 739 | <tr valign="top"> |
| 740 | <th scope="row"><?php _e('Maximum Post Text Length'); ?></th> |
| 741 | <td> |
| 742 | <input name="cff_title_length" type="text" value="<?php esc_attr_e( $cff_title_length_val ); ?>" size="4" /> <span>Characters.</span> <span>Eg. 200</span> <i style="color: #666; font-size: 11px; margin-left: 5px;">(Leave empty to set no maximum length)</i> |
| 743 | </td> |
| 744 | </tr> |
| 745 | <tr valign="top"> |
| 746 | <th scope="row"><?php _e('Maximum Video/Link/Event Description Length'); ?></th> |
| 747 | <td> |
| 748 | <input name="cff_body_length" type="text" value="<?php esc_attr_e( $cff_body_length_val ); ?>" size="4" /> <span>Characters.</span> <i style="color: #666; font-size: 11px; margin-left: 5px;">(Leave empty to set no maximum length)</i> |
| 749 | </td> |
| 750 | </tr> |
| 751 | <tr><td><b style="font-size: 14px;"><?php _e('Like Box'); ?></b></td></tr> |
| 752 | <tr valign="top"> |
| 753 | <th scope="row"><?php _e('Show the Like Box'); ?></th> |
| 754 | <td> |
| 755 | <input type="checkbox" name="cff_show_like_box" id="cff_show_like_box" <?php if($cff_show_like_box == true) echo 'checked="checked"' ?> /> |
| 756 | </td> |
| 757 | </tr> |
| 758 | <tr valign="top"> |
| 759 | <th scope="row"><?php _e('Like Box Position'); ?></th> |
| 760 | <td> |
| 761 | <select name="cff_like_box_position"> |
| 762 | <option value="bottom" <?php if($cff_like_box_position == "bottom") echo 'selected="selected"' ?> >Bottom</option> |
| 763 | <option value="top" <?php if($cff_like_box_position == "top") echo 'selected="selected"' ?> >Top</option> |
| 764 | </select> |
| 765 | </td> |
| 766 | </tr> |
| 767 | <tr valign="top"> |
| 768 | <th scope="row"><?php _e('Like Box Background Color'); ?></th> |
| 769 | <td> |
| 770 | <label for="cff_likebox_bg_color">#</label> |
| 771 | <input name="cff_likebox_bg_color" type="text" value="<?php esc_attr_e( $cff_likebox_bg_color ); ?>" size="10" /> |
| 772 | <span>Eg. ED9A00</span> <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a> |
| 773 | </td> |
| 774 | </tr> |
| 775 | <tr><td><b style="font-size: 14px;"><?php _e('Separating Line'); ?></b></td></tr> |
| 776 | <tr valign="top"> |
| 777 | <th scope="row"><?php _e('Separating Line Color'); ?></th> |
| 778 | <td> |
| 779 | <label for="cff_sep_color">#</label> |
| 780 | <input name="cff_sep_color" type="text" value="<?php esc_attr_e( $cff_sep_color ); ?>" size="10" /> |
| 781 | <span>Eg. ED9A00</span> <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a> |
| 782 | </td> |
| 783 | </tr> |
| 784 | <tr valign="top"> |
| 785 | <th scope="row"><?php _e('Separating Line Thickness'); ?></th> |
| 786 | <td> |
| 787 | <input name="cff_sep_size" type="text" value="<?php esc_attr_e( $cff_sep_size ); ?>" size="1" /><span>px</span> <i style="color: #666; font-size: 11px; margin-left: 5px;">(Leave empty to hide)</i> |
| 788 | </td> |
| 789 | </tr> |
| 790 | </tbody> |
| 791 | </table> |
| 792 | <?php submit_button(); ?> |
| 793 | </form> |
| 794 | <hr /> |
| 795 | <br /> |
| 796 | <p>Please note that the free version of the plugin only displays text updates. For <b>photos, videos, comments and more</b> please upgrade to the <a href="http://smashballoon.com/custom-facebook-feed/" target="_blank">Pro version</a> of the plugin.</p> |
| 797 | <br /><br /> |
| 798 | <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a> |
| 799 | <?php |
| 800 | } //End Style_Page |
| 801 | ?> |