WpDevArt Facebook comments - Version 1.0.0

Version Description

  • Initial version of WordPress Facebook comments.

Facebook comments WordPress step by step guide

Facebook Comments plugin main options

  • APP ID - Type here your Facebook App ID
  • Title - Type here Facebook comments box title
  • Title text color - Select Facebook comments box title text color
  • Title font-size - Type Facebook comments box title font-size
  • Title font family - Select Facebook comments box title font family
  • Title position - Select Facebook comments box title position
  • Display comment on - Select where to display Facebook comments
  • Comment box width - Type here the Facebook comments box width
  • Number of comments show - Type here the comments of Facebook comments to display
  • Animation effect - Select the animation effect for Facebook comments box
  • Background color - Select Facebook comments background color
  • Facebook comments position -Select Facebook comments box position(before or after WordPress standard comments)
  • Facebook comments language - Type here Facebook comments language code(en_US,de_DE...)

Adding Facebook Comments plugin shortcode to pages, posts and in Php code

Here's an example of using the shortcode in posts, pages: [wpdevart_facebook_comment facebook_app_id="1638418549774901" curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" locale="en_US" count_of_comments="2" ]

Here's an example of using the shortcode in PHP code: <?php echo do_shortcode('[wpdevart_facebook_comment facebook_app_id="1638418549774901" curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" locale="en_US" count_of_comments="2" ]'); ?>

Here are explanation of Facebook comments shoetcode attributes.

curent_url - Type the URL of a page from where you need to show Facebook comments title_text - Type here Facebook comments box title title_text_color - Select Facebook comments box title text color title_text_font_size - Type Facebook comments box title font-size title_text_font_famely - Select Facebook comments box title font family title_text_position - Select Facebook comments box title position width - Type here the Facebook comments box width count_of_comments - Type here the comments of Facebook comments to display bg_color - Select Facebook comments background color animation_effect - Select the animation effect for Facebook comments box

Dear users, we also recommend you to take a look for this useful plugins - WordPress Coming Soon, WordPress Poll plugin, WordPress Countdown plugin, WordPress YouTube .

Download this release

Release Info

Developer wpdevart
Plugin Icon 128x128 WpDevArt Facebook comments
Version 1.0.0
Comparing to
See all releases

Version 1.0.0

Files changed (19) hide show
  1. facebook-comment.php +83 -0
  2. images/facebook_menu_icon.png +0 -0
  3. images/featured_plugins/coming_soon.jpg +0 -0
  4. images/featured_plugins/countdown.jpg +0 -0
  5. images/featured_plugins/facebook.jpg +0 -0
  6. images/featured_plugins/poll.png +0 -0
  7. images/featured_plugins/twitter.png +0 -0
  8. images/featured_plugins/youtube.png +0 -0
  9. images/loading.gif +0 -0
  10. images/post.button.png +0 -0
  11. images/remove_element.png +0 -0
  12. images/success.png +0 -0
  13. includes/admin_menu.php +506 -0
  14. includes/front_end.php +108 -0
  15. includes/install_database.php +43 -0
  16. includes/javascript/admin-wpdevart-comment.js +71 -0
  17. includes/library.php +125 -0
  18. includes/style/admin-style.css +272 -0
  19. readme.txt +136 -0
facebook-comment.php ADDED
@@ -0,0 +1,83 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Plugin Name: Wpdevart Facebook comments
4
+ * Plugin URI: http://wpdevart.com/wordpress-facebook-comments-plugin/
5
+ * Description: Our WordPress Facebook comments plugin will help you to display Facebook Comments box on your website. You can use Facebook Comments box on your pages/posts.
6
+ * Version: 1.0.0
7
+ * Author: wpdevart
8
+ * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
9
+ */
10
+
11
+
12
+ class wpdevart_comment_main{
13
+ // required variables
14
+
15
+ private $wpdevart_comment_plugin_url;
16
+
17
+ private $wpdevart_comment_plugin_path;
18
+
19
+ private $wpdevart_comment_version;
20
+
21
+ public $wpdevart_comment_options;
22
+
23
+
24
+ function __construct(){
25
+
26
+ $this->wpdevart_comment_plugin_url = trailingslashit( plugins_url('', __FILE__ ) );
27
+ $this->wpdevart_comment_plugin_path = trailingslashit( plugin_dir_path( __FILE__ ) );
28
+ if(!class_exists('wpdevart_comment_setting'))
29
+ require_once($this->wpdevart_comment_plugin_path.'includes/library.php');
30
+ $this->wpdevart_comment_version = 10.0;
31
+ $this->call_base_filters();
32
+ $this->install_databese();
33
+ $this->create_admin_menu();
34
+ $this->wpdevart_comment_front_end();
35
+
36
+ }
37
+
38
+ public function create_admin_menu(){
39
+
40
+ require_once($this->wpdevart_comment_plugin_path.'includes/admin_menu.php');
41
+
42
+ $wpdevart_comment_admin_menu = new wpdevart_comment_admin_menu(array('menu_name' => 'FB comments','databese_parametrs'=>$this->wpdevart_comment_options));
43
+
44
+ add_action('admin_menu', array($wpdevart_comment_admin_menu,'create_menu'));
45
+
46
+ }
47
+
48
+ public function install_databese(){
49
+
50
+ require_once($this->wpdevart_comment_plugin_path.'includes/install_database.php');
51
+
52
+ $wpdevart_comment_install_database = new wpdevart_comment_install_database();
53
+
54
+ $this->wpdevart_comment_options = $wpdevart_comment_install_database->installed_options;
55
+
56
+ }
57
+
58
+ public function wpdevart_comment_front_end(){
59
+
60
+ require_once($this->wpdevart_comment_plugin_path.'includes/front_end.php');
61
+ $wpdevart_comment_front_end = new wpdevart_comment_front_end(array('menu_name' => 'Wpdevart Comment','databese_parametrs'=>$this->wpdevart_comment_options));
62
+
63
+ }
64
+
65
+ public function registr_requeried_scripts(){
66
+ wp_register_script('comment-box-admin-script',$this->wpdevart_comment_plugin_url.'includes/javascript/admin-wpdevart-comment.js');
67
+ wp_register_style('comment-box-admin-style',$this->wpdevart_comment_plugin_url.'includes/style/admin-style.css');
68
+
69
+ }
70
+
71
+ public function call_base_filters(){
72
+ add_action( 'init', array($this,'registr_requeried_scripts') );
73
+ add_action( 'admin_head', array($this,'include_requeried_scripts') );
74
+ }
75
+ public function include_requeried_scripts(){
76
+ wp_enqueue_script('wp-color-picker');
77
+ wp_enqueue_style( 'wp-color-picker' );
78
+ }
79
+
80
+ }
81
+ $wpdevart_comment_main = new wpdevart_comment_main();
82
+
83
+ ?>
images/facebook_menu_icon.png ADDED
Binary file
images/featured_plugins/coming_soon.jpg ADDED
Binary file
images/featured_plugins/countdown.jpg ADDED
Binary file
images/featured_plugins/facebook.jpg ADDED
Binary file
images/featured_plugins/poll.png ADDED
Binary file
images/featured_plugins/twitter.png ADDED
Binary file
images/featured_plugins/youtube.png ADDED
Binary file
images/loading.gif ADDED
Binary file
images/post.button.png ADDED
Binary file
images/remove_element.png ADDED
Binary file
images/success.png ADDED
Binary file
includes/admin_menu.php ADDED
@@ -0,0 +1,506 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*############ Wpdevar facebook Comment Admin Menu Class ################*/
4
+
5
+ class wpdevart_comment_admin_menu{
6
+
7
+ private $menu_name;
8
+ private $databese_parametrs;
9
+ private $plugin_url;
10
+ private $text_parametrs;
11
+
12
+ function __construct($param){
13
+
14
+ $this->menu_name=$param['menu_name'];
15
+ $this->databese_parametrs=$param['databese_parametrs'];
16
+ if(isset($params['plugin_url']))
17
+ $this->plugin_url=$params['plugin_url'];
18
+ else
19
+ $this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
20
+ add_action( 'wp_ajax_wpdevart_comment_page_save', array($this,'save_in_databese') );
21
+ add_action( 'add_meta_boxes', array($this,'wpdevart_comment_add_meta_box') );
22
+ add_action( 'save_post', array($this,'wpdevar_save_post') );
23
+ }
24
+
25
+ public function wpdevart_comment_add_meta_box() {
26
+
27
+ $post_types = array( 'post', 'page' );
28
+
29
+ foreach ( $post_types as $post_type ) {
30
+
31
+ add_meta_box('myplugin_sectionid', 'Disable Wpdevart facebook comment',array($this,'generete_html_for_wpdevart_comment_box'), $post_type );
32
+ }
33
+ }
34
+ public function generete_html_for_wpdevart_comment_box($post){
35
+ // Add a nonce field so we can check for it later.
36
+ wp_nonce_field( 'wpdevar_save_post', 'wpdevart_facebook_meta_box_nonce' );
37
+
38
+ /*
39
+ * Use get_post_meta() to retrieve an existing value
40
+ * from the database and use the value for the form.
41
+ */
42
+ $value = get_post_meta( $post->ID, '_disabel_wpdevart_facebook_comment', true );
43
+ echo '<label for="wpdevart_disable_field">';
44
+ echo 'Wpdevart Facebook comment &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
45
+ echo '</label> ';
46
+ echo '<select id="wpdevart_disable_field" name="wpdevart_disable_field"><option value="enable">Enable</option><option '.(($value=='disable')?'selected="selected"':'').' value="disable">Disable</option></select>';
47
+ }
48
+ function wpdevar_save_post( $post_id ) {
49
+
50
+
51
+ if ( ! isset( $_POST['wpdevart_facebook_meta_box_nonce'] ) ) { return; }
52
+
53
+ if ( ! wp_verify_nonce( $_POST['wpdevart_facebook_meta_box_nonce'], 'wpdevar_save_post' ) ) { return; }
54
+
55
+ if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { return; }
56
+
57
+
58
+ if ( isset( $_POST['post_type'] ) && 'page' == $_POST['post_type'] ) {
59
+ if ( ! current_user_can( 'edit_page', $post_id ) ) {
60
+ return;
61
+ }
62
+ } else {
63
+ if ( ! current_user_can( 'edit_post', $post_id ) ) {
64
+ return;
65
+ }
66
+ }
67
+ if ( ! isset( $_POST['wpdevart_disable_field'] ) ) {
68
+ return;
69
+ }
70
+
71
+ $my_data = sanitize_text_field( $_POST['wpdevart_disable_field'] );
72
+
73
+
74
+ update_post_meta( $post_id, '_disabel_wpdevart_facebook_comment', $my_data );
75
+ }
76
+
77
+ /*############################### post page insert button ########################################*/
78
+
79
+
80
+ public function create_menu(){
81
+ $main_page = add_menu_page( $this->menu_name, $this->menu_name, 'manage_options', str_replace( ' ', '-', $this->menu_name), array($this, 'main_menu_function'),$this->plugin_url.'images/facebook_menu_icon.png');
82
+ $page_wpdevart_comment = add_submenu_page($this->menu_name, $this->menu_name, $this->menu_name, 'manage_options', str_replace( ' ', '-', $this->menu_name), array($this, 'main_menu_function'));
83
+ $page_wpdevart_comment = add_submenu_page( str_replace( ' ', '-', $this->menu_name), 'Featured Plugins', 'Featured Plugins', 'manage_options', 'wpdevart-comment-featured-plugins', array($this, 'featured_plugins'));
84
+ add_action('admin_print_styles-' .$main_page, array($this,'menu_requeried_scripts'));
85
+ add_action('admin_print_styles-' .$page_wpdevart_comment, array($this,'menu_requeried_scripts'));
86
+ }
87
+
88
+ public function menu_requeried_scripts(){
89
+ wp_enqueue_script('wp-color-picker');
90
+ wp_enqueue_style( 'wp-color-picker' );
91
+ wp_enqueue_script( 'comment-box-admin-script' );
92
+ wp_enqueue_style('comment-box-admin-style');
93
+ }
94
+
95
+ private function generete_parametrs($page_name){
96
+ $page_parametrs=array();
97
+ if(isset($this->databese_parametrs[$page_name])){
98
+ foreach($this->databese_parametrs[$page_name] as $key => $value){
99
+ $page_parametrs[$key]=get_option($key,$value);
100
+ }
101
+ return $page_parametrs;
102
+ }
103
+ return NULL;
104
+
105
+ }
106
+
107
+ public function save_in_databese(){
108
+ $kk=1;
109
+ if(isset($_POST['wpdevart_comment_options_nonce']) && wp_verify_nonce( $_POST['wpdevart_comment_options_nonce'],'wpdevart_comment_options_nonce')){
110
+ foreach($this->databese_parametrs[$_POST['curent_page']] as $key => $value){
111
+ if(isset($_POST[$key]))
112
+ update_option($key,$_POST[$key]);
113
+ else{
114
+ $kk=0;
115
+ printf($this->text_parametrs['error_in_saving'],$key);
116
+ }
117
+ }
118
+ }
119
+ else{
120
+ die($this->text_parametrs['authorize_problem']);
121
+ }
122
+ if($kk==0){
123
+ exit;
124
+ }
125
+ die($this->text_parametrs['parametrs_sucsses_saved']);
126
+ }
127
+
128
+ public function main_menu_function(){
129
+
130
+ $enable_disable=$this->generete_parametrs('general_save_parametr');
131
+ $enable_disable=$enable_disable['wpdevart_comment_page_mode'];
132
+ ?>
133
+ <script>
134
+ var wpdevart_comment_ajaxurl="<?php echo admin_url( 'admin-ajax.php'); ?>";
135
+ var wpdevart_comment_plugin_url="<?php echo $this->plugin_url; ?>";
136
+ var wpdevart_comment_parametrs_sucsses_saved="<?php echo $this->text_parametrs['parametrs_sucsses_saved'] ?>";
137
+ var wpdevart_comment_all_parametrs = <?php echo json_encode($this->databese_parametrs); ?>;
138
+ </script>
139
+ <div class="coming_title"><h1>Facebook Comments <a style="text-decoration:none;" href="http://wpdevart.com/wordpress-facebook-comments-plugin/"><span style="color: rgba(10, 154, 62, 1);"> (Upgrade to Pro Version)</span></a></h1></div>
140
+
141
+ <br>
142
+
143
+ <div class="wp-table right_margin">
144
+
145
+
146
+ <div class="left_sections">
147
+ <?php
148
+ $this->generete_wpdevart_main_section($this->generete_parametrs('wpdevart_comments_box'));
149
+ ?>
150
+ </div>
151
+ <div class="right_sections">
152
+ <div class="main_parametrs_group_div">
153
+ <div class="head_panel_div">
154
+ <span class="title_parametrs_group">User manual for Facebook Comments plugin</span>
155
+ </div>
156
+ <div class="inside_information_div">
157
+ <table class="wp-list-table widefat fixed posts section_parametrs_table">
158
+ <tbody>
159
+ <tr>
160
+ <td>
161
+ <div class="pea_admin_box">
162
+
163
+ <p>This is a short user manual that will help you to insert and configure Facebook Comments plugin.</p>
164
+ <p style="font-weight:bolder"><span style="color:red">APP ID</span> - you can create your App Id on this page - <a style="color:#0073aa" target="_blank" href="https://developers.facebook.com/apps">https://developers.facebook.com/apps.</a>
165
+ Also, here is another tutorial of creating App Id, you can check it - <a style="color:#0073aa" target="_blank" href="https://help.yahoo.com/kb/SLN18861.html">https://help.yahoo.com/kb/SLN18861.html</a>.</p>
166
+ <p>If you select the option "Display comment on" Home, Post, Page then Facebook Comments box will be added on all your posts pages and homepage. </p>
167
+ <p>Also, you can insert the Facebook Comments box manually in any page, post or even in Php code by using the shortcode.</p>
168
+
169
+ <p><strong>Here's an example of using the shortcode in posts, pages:</strong></p>
170
+ <p><code>[wpdevart_facebook_comment curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" count_of_comments="2" ]</code></p>
171
+
172
+ <p><strong>Here's an example of using the shortcode in PHP code:</strong></p>
173
+ <p><code>&lt;?php echo do_shortcode('[wpdevart_facebook_comment curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" count_of_comments="2" ]'); ?&gt;</code></p>
174
+
175
+ <p><strong>Here are explanation of Facebook comments shortcode attributes.</strong></p>
176
+
177
+ <p><strong>curent_url</strong> - Type the URL of a page from where you need to show Facebook comments </p>
178
+ <p><strong>title_text</strong> - Type here Facebook comments box title</p>
179
+ <p><strong>title_text_color</strong> - Select Facebook comments box title text color</p>
180
+ <p><strong>title_text_font_size</strong> - Type Facebook comments box title font-size</p>
181
+ <p><strong>title_text_font_famely</strong> - Select Facebook comments box title font family</p>
182
+ <p><strong>title_text_position</strong> - Select Facebook comments box title position</p>
183
+ <p><strong>width</strong> - Type here the Facebook comments box width</p>
184
+ <p><strong>count_of_comments</strong> - Type here the comments of Facebook comments to display</p>
185
+ <p><strong>bg_color</strong> <span class="pro_feature"> (pro)</span> - Select Facebook comments background color</p>
186
+ <p><strong>animation_effect</strong> <span class="pro_feature"> (pro)</span> - Select the animation effect for Facebook comments box</p>
187
+
188
+ </div>
189
+ </td>
190
+ </tr>
191
+ </tbody>
192
+ </table>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </div>
197
+ <?php
198
+ wp_nonce_field('wpdevart_comment_options_nonce','wpdevart_comment_options_nonce');
199
+ }
200
+
201
+
202
+ /*######################### Coment Main settings #################################*/
203
+ public function generete_wpdevart_main_section($page_parametrs){
204
+
205
+ ?>
206
+ <div class="main_parametrs_group_div " >
207
+ <div class="head_panel_div">
208
+ <span class="title_parametrs_group">comment box settings</span>
209
+ <span class="enabled_or_disabled_parametr"></span>
210
+ <span class="open_or_closed"></span>
211
+ </div>
212
+ <div class="inside_information_div">
213
+ <table class="wp-list-table widefat fixed posts section_parametrs_table">
214
+ <tbody>
215
+
216
+
217
+ <tr>
218
+ <td>
219
+ APP ID <span style="color:red">important</span> <span title="Type here your Facebook App ID" class="desription_class">?</span>
220
+ </td>
221
+ <td>
222
+ <input type="text" name="wpdevart_comment_facebook_app_id" id="wpdevart_comment_facebook_app_id" value="<?php echo $page_parametrs['wpdevart_comment_facebook_app_id'] ?>">
223
+ </td>
224
+ </tr>
225
+ <tr>
226
+ <td>
227
+ Title <span title="Type here Facebook comments box title" class="desription_class">?</span>
228
+ </td>
229
+ <td>
230
+ <input type="text" name="wpdevart_comment_title_text" id="wpdevart_comment_title_text" value="<?php echo $page_parametrs['wpdevart_comment_title_text'] ?>">
231
+ </td>
232
+ </tr>
233
+ <tr >
234
+ <td>
235
+ Title text color <span title="Select Facebook comments box title text color" class="desription_class">?</span>
236
+ </td>
237
+ <td>
238
+ <input type="text" class="color_option" id="wpdevart_comment_title_text_color" name="wpdevart_comment_title_text_color" value="<?php echo $page_parametrs['wpdevart_comment_title_text_color'] ?>"/>
239
+ </td>
240
+ </tr>
241
+ <tr>
242
+ <td>
243
+ Title font-size <span title="Type Facebook comments box title font-size" class="desription_class">?</span>
244
+ </td>
245
+ <td>
246
+ <input type="text" name="wpdevart_comment_title_text_font_size" id="wpdevart_comment_title_text_font_size" value="<?php echo $page_parametrs['wpdevart_comment_title_text_font_size'] ?>">Px
247
+ </td>
248
+ </tr>
249
+ <tr>
250
+ <td>
251
+ Title font family <span title=" Select Facebook comments box title font family" class="desription_class">?</span>
252
+ </td>
253
+ <td>
254
+ <?php $this->create_select_element_for_font('wpdevart_comment_title_text_font_famely',$page_parametrs['wpdevart_comment_title_text_font_famely']) ?>
255
+ </td>
256
+ </tr>
257
+ <tr >
258
+ <td>
259
+ Title position <span title="Select Facebook comments box title position" class="desription_class">?</span>
260
+ </td>
261
+ <td>
262
+ <select id="wpdevart_comment_title_text_position">
263
+ <option value="left" <?php selected($page_parametrs['wpdevart_comment_title_text_position'],'left') ?>>Left</option>
264
+ <option value="center" <?php selected($page_parametrs['wpdevart_comment_title_text_position'],'center') ?>>Center</option>
265
+ <option value="right" <?php selected($page_parametrs['wpdevart_comment_title_text_position'],'right') ?>>Right</option>
266
+ </select>
267
+ </td>
268
+ </tr>
269
+ <tr>
270
+ <td>
271
+ Display comment on<span title="Select where to display Facebook comments" class="desription_class">?</span>
272
+ </td>
273
+ <td>
274
+ <?php $jsone_wpdevart_comments_box_show_in= json_decode(stripslashes($page_parametrs['wpdevart_comments_box_show_in']), true);?>
275
+ <input id="wpdevart_comment_show_in_home" type="checkbox" value="home" class="" size="" <?php checked($jsone_wpdevart_comments_box_show_in['home'],true) ?>><small>Home</small><br>
276
+ <input id="wpdevart_comment_show_in_post" type="checkbox" value="post" class="" size="" <?php checked($jsone_wpdevart_comments_box_show_in['post'],true) ?>><small>Post</small><br>
277
+ <input id="wpdevart_comment_show_in_page" type="checkbox" value="page" class="" size="" <?php checked($jsone_wpdevart_comments_box_show_in['page'],true) ?>><small>Page</small><br>
278
+ <input type="hidden" id="wpdevart_comments_box_show_in" class="wpdevart_comment_hidden_parametr" value='<?php echo stripslashes($page_parametrs['wpdevart_comments_box_show_in']); ?>'>
279
+
280
+ </td>
281
+ </tr>
282
+ <tr >
283
+ <td>
284
+ Facebook comments position <span class="pro_feature"> (pro)</span> <span title="Select Facebook comments box position(before or after WordPress standard comments)" class="desription_class">?</span>
285
+ </td>
286
+ <td>
287
+ <select class="pro_select" id="wpdevart_comments_box_vertical_position">
288
+ <option value="bottom" selected="selected">Bottom</option>
289
+ <option value="top">Top</option>
290
+ </select>
291
+ </td>
292
+ </tr>
293
+
294
+ <tr>
295
+ <td>
296
+ Comment box width <span title="Type here the Facebook comments box width" class="desription_class">?</span>
297
+ </td>
298
+ <td>
299
+ <input type="text" name="wpdevart_comments_box_width" id="wpdevart_comments_box_width" value="<?php echo $page_parametrs['wpdevart_comments_box_width'] ?>">
300
+ </td>
301
+ </tr>
302
+ <tr>
303
+ <td>
304
+ Number of comments show <span title="Type here the comments of Facebook comments to display " class="desription_class">?</span>
305
+ </td>
306
+ <td>
307
+ <input type="text" name="wpdevart_comments_box_count_of_comments" id="wpdevart_comments_box_count_of_comments" value="<?php echo $page_parametrs['wpdevart_comments_box_count_of_comments'] ?>">
308
+ </td>
309
+ </tr>
310
+ <tr >
311
+ <td>
312
+ Background color <span class="pro_feature"> (pro)</span> <span title=" Select Facebook comments background color" class="desription_class">?</span>
313
+ </td>
314
+ <td>
315
+ <div class="disabled_picker">
316
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
317
+ </div>
318
+ </td>
319
+ </tr>
320
+ <tr>
321
+ <td>
322
+ Animation effect <span class="pro_feature"> (pro)</span> <span title="Select the animation effect for Facebook comments box" class="desription_class">?</span>
323
+ </td>
324
+ <td>
325
+ <?php wpdevart_comment_setting::generete_animation_select('animation_effect','none') ?>
326
+ </td>
327
+ </tr>
328
+
329
+ <tr>
330
+ <td>
331
+ Facebook comments language <span title="Type here Facebook comments language code(en_US,de_DE...)" class="desription_class">?</span>
332
+ </td>
333
+ <td>
334
+ <input type="text" name="wpdevart_comments_box_locale" id="wpdevart_comments_box_locale" value="<?php echo $page_parametrs['wpdevart_comments_box_locale'] ?>">(en_US,de_DE...)
335
+ </td>
336
+ </tr>
337
+
338
+ </tbody>
339
+ <tfoot>
340
+ <tr>
341
+ <th colspan="2" width="100%"><button type="button" id="wpdevart_comments_box" class="save_section_parametrs button button-primary"><span class="save_button_span">Save Section</span> <span class="saving_in_progress"> </span><span class="sucsses_save"> </span><span class="error_in_saving"> </span></button><span class="error_massage"> </span></th>
342
+ </tr>
343
+ </tfoot>
344
+ </table>
345
+ </div>
346
+ </div>
347
+ <?php
348
+ }
349
+
350
+ public function featured_plugins(){
351
+ $plugins_array=array(
352
+ 'coming_soon'=>array(
353
+ 'image_url' => $this->plugin_url.'images/featured_plugins/coming_soon.jpg',
354
+ 'site_url' => 'http://wpdevart.com/wordpress-coming-soon-plugin/',
355
+ 'title' => 'Coming soon and Maintenance mode',
356
+ 'description' => 'Coming soon and Maintenance mode plugin is an awesome tool to show your visitors that you are working on your website to make it better.'
357
+ ),
358
+
359
+ 'youtube'=>array(
360
+ 'image_url' => $this->plugin_url.'images/featured_plugins/youtube.png',
361
+ 'site_url' => 'http://wpdevart.com/wordpress-youtube-embed-plugin',
362
+ 'title' => 'WordPress YouTube Embed',
363
+ 'description' => 'YouTube Embed plugin is an convenient tool for adding video to your website. Use YouTube Embed plugin to add YouTube videos in posts/pages, widgets.'
364
+ ),
365
+ 'countdown'=>array(
366
+ 'image_url' => $this->plugin_url.'images/featured_plugins/countdown.jpg',
367
+ 'site_url' => 'http://wpdevart.com/wordpress-countdown-plugin/',
368
+ 'title' => 'WordPress Countdown plugin',
369
+ 'description' => 'WordPress Countdown plugin is an nice tool to create and insert countdown timers into your posts/pages and widgets.'
370
+ ),
371
+ 'facebook'=>array(
372
+ 'image_url' => $this->plugin_url.'images/featured_plugins/facebook.jpg',
373
+ 'site_url' => 'http://wpdevart.com/wordpress-facebook-like-box-plugin',
374
+ 'title' => 'Facebook Like Box',
375
+ 'description' => 'Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it..'
376
+ ),
377
+ 'poll'=>array(
378
+ 'image_url' => $this->plugin_url.'images/featured_plugins/poll.png',
379
+ 'site_url' => 'http://wpdevart.com/wordpress-polls-plugin',
380
+ 'title' => 'Poll',
381
+ 'description' => 'WordPress Polls plugin is an wonderful tool for creating polls and survey forms for your visitors. You can use our polls on widgets, posts and pages.'
382
+ ),
383
+ 'twitter'=>array(
384
+ 'image_url' => $this->plugin_url.'images/featured_plugins/twitter.png',
385
+ 'site_url' => 'http://wpdevart.com/wordpress-twitter-plugin',
386
+ 'title' => 'Twitter button plus',
387
+ 'description' => 'Twitter button plus is nice and useful tool to show Twitter tweet button on your website.'
388
+ ),
389
+
390
+ );
391
+ ?>
392
+ <style>
393
+ .featured_plugin_main{
394
+ background-color: #ffffff;
395
+ border: 1px solid #dedede;
396
+ box-sizing: border-box;
397
+ float:left;
398
+ margin-right:20px;
399
+ margin-bottom:20px;
400
+
401
+ width:450px;
402
+ }
403
+ .featured_plugin_image{
404
+ padding: 15px;
405
+ display: inline-block;
406
+ float:left;
407
+ }
408
+ .featured_plugin_image a{
409
+ display: inline-block;
410
+ }
411
+ .featured_plugin_information{
412
+ float: left;
413
+ width: auto;
414
+ max-width: 282px;
415
+
416
+ }
417
+ .featured_plugin_title{
418
+ color: #0073aa;
419
+ font-size: 18px;
420
+ display: inline-block;
421
+ }
422
+ .featured_plugin_title a{
423
+ text-decoration:none;
424
+
425
+ }
426
+ .featured_plugin_title h4{
427
+ margin:0px;
428
+ margin-top: 20px;
429
+ margin-bottom:8px;
430
+ }
431
+ .featured_plugin_description{
432
+ display: inline-block;
433
+ }
434
+
435
+ </style>
436
+ <script>
437
+
438
+ jQuery(window).resize(wpdevart_comment_feature_resize);
439
+ jQuery(document).ready(function(e) {
440
+ wpdevart_comment_feature_resize();
441
+ });
442
+
443
+ function wpdevart_comment_feature_resize(){
444
+ var wpdevart_comment_width=jQuery('.featured_plugin_main').eq(0).parent().width();
445
+ var count_of_elements=Math.max(parseInt(wpdevart_comment_width/450),1);
446
+ var width_of_plugin=((wpdevart_comment_width-count_of_elements*24-2)/count_of_elements);
447
+ jQuery('.featured_plugin_main').width(width_of_plugin);
448
+ jQuery('.featured_plugin_information').css('max-width',(width_of_plugin-160)+'px');
449
+ }
450
+ </script>
451
+ <h2>Featured Plugins</h2>
452
+ <br>
453
+ <br>
454
+ <?php foreach($plugins_array as $key=>$plugin) { ?>
455
+ <div class="featured_plugin_main">
456
+ <span class="featured_plugin_image"><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><img src="<?php echo $plugin['image_url'] ?>"></a></span>
457
+ <span class="featured_plugin_information">
458
+ <span class="featured_plugin_title"><h4><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><?php echo $plugin['title'] ?></a></h4></span>
459
+ <span class="featured_plugin_description"><?php echo $plugin['description'] ?></span>
460
+ </span>
461
+ <div style="clear:both"></div>
462
+ </div>
463
+ <?php }
464
+ }
465
+ /*######################################### SUBSCRIBE #######################################*/
466
+
467
+ private function create_select_element_for_font($select_id='',$curent_font='none'){
468
+ ?>
469
+ <select id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">
470
+
471
+ <option <?php selected('Arial,Helvetica Neue,Helvetica,sans-serif',$curent_font); ?> value="Arial,Helvetica Neue,Helvetica,sans-serif">Arial *</option>
472
+ <option <?php selected('Arial Black,Arial Bold,Arial,sans-serif',$curent_font); ?> value="Arial Black,Arial Bold,Arial,sans-serif">Arial Black *</option>
473
+ <option <?php selected('Arial Narrow,Arial,Helvetica Neue,Helvetica,sans-serif',$curent_font); ?> value="Arial Narrow,Arial,Helvetica Neue,Helvetica,sans-serif">Arial Narrow *</option>
474
+ <option <?php selected('Courier,Verdana,sans-serif',$curent_font); ?> value="Courier,Verdana,sans-serif">Courier *</option>
475
+ <option <?php selected('Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Georgia,Times New Roman,Times,serif">Georgia *</option>
476
+ <option <?php selected('Times New Roman,Times,Georgia,serif',$curent_font); ?> value="Times New Roman,Times,Georgia,serif">Times New Roman *</option>
477
+ <option <?php selected('Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Arial,sans-serif',$curent_font); ?> value="Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Arial,sans-serif">Trebuchet MS *</option>
478
+ <option <?php selected('Verdana,sans-serif',$curent_font); ?> value="Verdana,sans-serif">Verdana *</option>
479
+ <option <?php selected('American Typewriter,Georgia,serif',$curent_font); ?> value="American Typewriter,Georgia,serif">American Typewriter</option>
480
+ <option <?php selected('Andale Mono,Consolas,Monaco,Courier,Courier New,Verdana,sans-serif',$curent_font); ?> value="Andale Mono,Consolas,Monaco,Courier,Courier New,Verdana,sans-serif">Andale Mono</option>
481
+ <option <?php selected('Baskerville,Times New Roman,Times,serif',$curent_font); ?> value="Baskerville,Times New Roman,Times,serif">Baskerville</option>
482
+ <option <?php selected('Bookman Old Style,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Bookman Old Style,Georgia,Times New Roman,Times,serif">Bookman Old Style</option>
483
+ <option <?php selected('Calibri,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif',$curent_font); ?> value="Calibri,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif">Calibri</option>
484
+ <option <?php selected('Cambria,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Cambria,Georgia,Times New Roman,Times,serif">Cambria</option>
485
+ <option <?php selected('Candara,Verdana,sans-serif',$curent_font); ?> value="Candara,Verdana,sans-serif">Candara</option>
486
+ <option <?php selected('Century Gothic,Apple Gothic,Verdana,sans-serif',$curent_font); ?> value="Century Gothic,Apple Gothic,Verdana,sans-serif">Century Gothic</option>
487
+ <option <?php selected('Century Schoolbook,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Century Schoolbook,Georgia,Times New Roman,Times,serif">Century Schoolbook</option>
488
+ <option <?php selected('Consolas,Andale Mono,Monaco,Courier,Courier New,Verdana,sans-serif',$curent_font); ?> value="Consolas,Andale Mono,Monaco,Courier,Courier New,Verdana,sans-serif">Consolas</option>
489
+ <option <?php selected('Constantia,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Constantia,Georgia,Times New Roman,Times,serif">Constantia</option>
490
+ <option <?php selected('Corbel,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif',$curent_font); ?> value="Corbel,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif">Corbel</option>
491
+ <option <?php selected('Franklin Gothic Medium,Arial,sans-serif',$curent_font); ?> value="Franklin Gothic Medium,Arial,sans-serif">Franklin Gothic Medium</option>
492
+ <option <?php selected('Garamond,Hoefler Text,Times New Roman,Times,serif',$curent_font); ?> value="Garamond,Hoefler Text,Times New Roman,Times,serif">Garamond</option>
493
+ <option <?php selected('Gill Sans MT,Gill Sans,Calibri,Trebuchet MS,sans-serif',$curent_font); ?> value="Gill Sans MT,Gill Sans,Calibri,Trebuchet MS,sans-serif">Gill Sans MT</option>
494
+ <option <?php selected('Helvetica Neue,Helvetica,Arial,sans-serif',$curent_font); ?> value="Helvetica Neue,Helvetica,Arial,sans-serif">Helvetica Neue</option>
495
+ <option <?php selected('Hoefler Text,Garamond,Times New Roman,Times,sans-serif',$curent_font); ?> value="Hoefler Text,Garamond,Times New Roman,Times,sans-serif">Hoefler Text</option>
496
+ <option <?php selected('Lucida Bright,Cambria,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Lucida Bright,Cambria,Georgia,Times New Roman,Times,serif">Lucida Bright</option>
497
+ <option <?php selected('Lucida Grande,Lucida Sans,Lucida Sans Unicode,sans-serif',$curent_font); ?> value="Lucida Grande,Lucida Sans,Lucida Sans Unicode,sans-serif">Lucida Grande</option>
498
+ <option <?php selected('monospace',$curent_font); ?> value="monospace">monospace</option>
499
+ <option <?php selected('Palatino Linotype,Palatino,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Palatino Linotype,Palatino,Georgia,Times New Roman,Times,serif">Palatino Linotype</option>
500
+ <option <?php selected('Tahoma,Geneva,Verdana,sans-serif',$curent_font); ?> value="Tahoma,Geneva,Verdana,sans-serif">Tahoma</option>
501
+ <option <?php selected('Rockwell, Arial Black, Arial Bold, Arial, sans-serif',$curent_font); ?> value="Rockwell, Arial Black, Arial Bold, Arial, sans-serif">Rockwell</option>
502
+ </select>
503
+ <?php
504
+ }
505
+
506
+ }
includes/front_end.php ADDED
@@ -0,0 +1,108 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class wpdevart_comment_front_end{
4
+ private $menu_name;
5
+
6
+ private $plugin_url;
7
+
8
+ private $databese_parametrs;
9
+
10
+ private $params;
11
+
12
+ public static $id_for_content=0;
13
+
14
+ function __construct($params){
15
+
16
+ $this->databese_parametrs=$params['databese_parametrs'];
17
+ //if plugin url not come in parent class
18
+ if(isset($params['plugin_url']))
19
+ $this->plugin_url=$params['plugin_url'];
20
+ else
21
+ $this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
22
+ //genereting js code for inserting footer
23
+ add_action( 'wp_head',array($this,'generete_front_javascript'));
24
+ add_action( 'wp_footer',array($this,'generete_facbook_js_sdk'));
25
+ // genereting code for content
26
+ add_shortcode( 'wpdevart_facebook_comment', array($this,'wpdevart_comment_shortcode') );
27
+ add_action('the_content',array($this,'insert_facebook_comment_in_content'));
28
+ $this->params=$this->generete_params();
29
+ //for updated parametrs
30
+
31
+
32
+
33
+ }
34
+ /*###################### CONECTING TO DATABESE ##################*/
35
+ private function generete_params(){
36
+
37
+ foreach($this->databese_parametrs as $param_array_key => $param_value){
38
+ foreach($this->databese_parametrs[$param_array_key] as $key => $value){
39
+ $front_end_parametrs[$key]=stripslashes(get_option($key,$value));
40
+ }
41
+ }
42
+ return $front_end_parametrs;
43
+
44
+ }
45
+ public function insert_facebook_comment_in_content($content){
46
+ $jsone_comment_show_in= json_decode(stripslashes($this->params['wpdevart_comments_box_show_in']), true);
47
+ global $post;
48
+ $value = get_post_meta( $post->ID, '_disabel_wpdevart_facebook_comment', true );
49
+ if($value!='disable' && (((is_home() || is_front_page()) && $jsone_comment_show_in['home']==true) || (is_page() && $jsone_comment_show_in['page']==true) || (is_single() && $jsone_comment_show_in['post']==true))) {
50
+
51
+ $params=array(
52
+ "facebook_app_id" => $this->params['wpdevart_comment_facebook_app_id'],
53
+ "curent_url" => get_permalink(),
54
+ "title_text" => $this->params['wpdevart_comment_title_text'],
55
+ "title_text_color" => $this->params['wpdevart_comment_title_text_color'],
56
+ "title_text_font_size" => $this->params['wpdevart_comment_title_text_font_size'],
57
+ "title_text_font_famely" => $this->params['wpdevart_comment_title_text_font_famely'],
58
+ "title_text_position" => $this->params['wpdevart_comment_title_text_position'],
59
+ "width" => $this->params['wpdevart_comments_box_width'],
60
+ "count_of_comments" => $this->params['wpdevart_comments_box_count_of_comments'],
61
+ "locale" => $this->params['wpdevart_comments_box_locale'],
62
+ );
63
+ $content.=wpdevart_comment_setting::generete_iframe_by_array($params);
64
+
65
+ }
66
+ return $content;
67
+
68
+
69
+ }
70
+ /*###################### scripts and styles ##################*/
71
+ public function generete_front_javascript(){
72
+ wp_enqueue_script('thickbox');
73
+ wp_enqueue_style('thickbox');
74
+ echo '<meta property="fb:app_id" content="'.$this->params['wpdevart_comment_facebook_app_id'].'"/>';
75
+
76
+ }
77
+ public function wpdevart_comment_shortcode($atts){
78
+ $atts = shortcode_atts( array(
79
+ "facebook_app_id" => $this->params['wpdevart_comment_facebook_app_id'],
80
+ "curent_url" => get_permalink(),
81
+ "title_text" => $this->params['wpdevart_comment_title_text'],
82
+ "title_text_color" => $this->params['wpdevart_comment_title_text_color'],
83
+ "title_text_font_size" => $this->params['wpdevart_comment_title_text_font_size'],
84
+ "title_text_font_famely" => $this->params['wpdevart_comment_title_text_font_famely'],
85
+ "title_text_position" => $this->params['wpdevart_comment_title_text_position'],
86
+ "width" => $this->params['wpdevart_comments_box_width'],
87
+ "count_of_comments" => $this->params['wpdevart_comments_box_count_of_comments'],
88
+ "locale" => $this->params['wpdevart_comments_box_locale'],
89
+ ), $atts, 'wpdevart_facebook_comment' );
90
+ return wpdevart_comment_setting::generete_iframe_by_array($atts);
91
+ }
92
+ public function generete_facbook_js_sdk(){
93
+ ?>
94
+ <div id="fb-root"></div>
95
+ <script>(function(d, s, id) {
96
+ var js, fjs = d.getElementsByTagName(s)[0];
97
+ if (d.getElementById(id)) return;
98
+ js = d.createElement(s); js.id = id;
99
+ js.src = "//connect.facebook.net/<?php echo $this->params['wpdevart_comments_box_locale']; ?>/sdk.js#xfbml=1&appId=<?php echo $this->params['wpdevart_comment_facebook_app_id']; ?>&version=v2.3";
100
+ fjs.parentNode.insertBefore(js, fjs);
101
+ }(document, 'script', 'facebook-jssdk'));</script>
102
+ <?php
103
+ }
104
+ /*creating iframe for content*/
105
+ /*###################### creating iframe Popup ##################*/
106
+
107
+ }
108
+ ?>
includes/install_database.php ADDED
@@ -0,0 +1,43 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /// class for install databese
4
+
5
+ class wpdevart_comment_install_database{
6
+
7
+ public $installed_options; // all standart_options
8
+ private $plugin_url;
9
+
10
+ function __construct(){
11
+
12
+ if(isset($params['plugin_url']))
13
+ $this->plugin_url=$params['plugin_url'];
14
+ else
15
+ $this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
16
+
17
+
18
+ $this->installed_options=array(
19
+ "wpdevart_comments_box"=>array(
20
+
21
+ "wpdevart_comment_facebook_app_id" => '',
22
+ "wpdevart_comment_title_text" => 'Facebook Comments',
23
+ "wpdevart_comment_title_text_color" => '#000000',
24
+ "wpdevart_comment_title_text_font_size" => '22',
25
+ "wpdevart_comment_title_text_font_famely" => 'Times New Roman,Times,Georgia,serif',
26
+ "wpdevart_comment_title_text_position" => 'left',
27
+ "wpdevart_comments_box_show_in" => '{"home":true,"post":true,"page":true}',
28
+ "wpdevart_comments_box_width" => '100%',
29
+ "wpdevart_comments_box_count_of_comments" => '5',
30
+ "wpdevart_comments_box_locale" => 'en_US',
31
+ )
32
+ );
33
+
34
+
35
+ }
36
+ public function install_databese(){
37
+ foreach( $this->installed_options as $key => $option ){
38
+ if( get_option($key,FALSE) === FALSE ){
39
+ add_option($key,$option);
40
+ }
41
+ }
42
+ }
43
+ }
includes/javascript/admin-wpdevart-comment.js ADDED
@@ -0,0 +1,71 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(document).ready(function(e) {
2
+ jQuery('.pro_select,.pro_input,.disabled_picker').click(function(){alert("If you want to use this feature upgrade to Facebook Comments Pro")});
3
+ jQuery('.pro_checkbox').mousedown(function(){alert("If you want to use this feature upgrade to Facebook Comments Pro")})
4
+ });
5
+ /*ADMIN CUSTOMIZE SETTINGS OPEN OR HIDE*/
6
+ function get_array_of_opened_elements(){
7
+ var kk=0;
8
+ var array_of_activ_elements=new Array();
9
+ jQuery('#wpdevart_comment_page .main_parametrs_group_div').each(function(index, element) {
10
+ if(!jQuery(this).hasClass('closed_params')){
11
+ array_of_activ_elements[kk]=jQuery('#wpdevart_comment_page .main_parametrs_group_div').index(this);
12
+ kk++;
13
+ }
14
+ });
15
+ return array_of_activ_elements;
16
+ }
17
+
18
+ jQuery(document).ready(function(e) {
19
+ /*SET CLOR PICKERS*/
20
+ jQuery('.color_option').wpColorPicker()
21
+
22
+ var askofen=0;
23
+ /*############ Other section Save click ################*/
24
+ jQuery(".save_section_parametrs").click(function(){
25
+
26
+ jQuery('.wpdevart_comment_hidden_parametr').each(function(index, element) {
27
+ generete_input_values(this)
28
+ });
29
+ var wpdevart_comment_curent_section=jQuery(this).attr('id');
30
+ jQuery.each( wpdevart_comment_all_parametrs[wpdevart_comment_curent_section], function( key, value ) {
31
+ wpdevart_comment_all_parametrs[wpdevart_comment_curent_section][key] =jQuery('#'+key).val()
32
+ });
33
+ var wpdevart_comment_date_for_post=wpdevart_comment_all_parametrs;
34
+ wpdevart_comment_all_parametrs[wpdevart_comment_curent_section]['curent_page']=wpdevart_comment_curent_section;
35
+ wpdevart_comment_all_parametrs[wpdevart_comment_curent_section]['wpdevart_comment_options_nonce']=jQuery('#wpdevart_comment_options_nonce').val();
36
+
37
+
38
+ jQuery('#'+wpdevart_comment_curent_section).addClass('padding_loading');
39
+ jQuery('#'+wpdevart_comment_curent_section).prop('disabled', true);
40
+ jQuery('#'+wpdevart_comment_curent_section+' .saving_in_progress').css('display','inline-block');
41
+
42
+ askofen++;
43
+ jQuery.ajax({
44
+ type:'POST',
45
+ url: wpdevart_comment_ajaxurl+'?action=wpdevart_comment_page_save',
46
+ data: wpdevart_comment_all_parametrs[wpdevart_comment_curent_section],
47
+ }).done(function(date) {
48
+ jQuery('#'+wpdevart_comment_curent_section+' .saving_in_progress').css('display','none');
49
+ if(date==wpdevart_comment_parametrs_sucsses_saved){
50
+ jQuery('#'+wpdevart_comment_curent_section+' .sucsses_save').css('display','inline-block');
51
+ setTimeout(function(){wpdevart_comment_clickable=1;jQuery('#'+wpdevart_comment_curent_section+' .sucsses_save').hide('fast');jQuery('#'+wpdevart_comment_curent_section+'.save_section_parametrs').removeClass('padding_loading');jQuery('#'+wpdevart_comment_curent_section).prop('disabled', false);},1800);
52
+ askofen--;
53
+ }
54
+ else{
55
+ jQuery('#'+wpdevart_comment_curent_section+' .error_in_saving').css('display','inline-block');
56
+ jQuery('#'+wpdevart_comment_curent_section).parent().find('.error_massage').eq(0).html(date);
57
+
58
+ }
59
+ });
60
+ });
61
+
62
+ });
63
+
64
+
65
+ function generete_input_values(hidden_element){
66
+ var element_array = {};
67
+ jQuery(hidden_element).parent().find('input[type=checkbox]').each(function(index, element) {
68
+ element_array[jQuery(this).val()]=jQuery(this).prop('checked');
69
+ });
70
+ jQuery(hidden_element).val(JSON.stringify(element_array));
71
+ }
includes/library.php ADDED
@@ -0,0 +1,125 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class wpdevart_comment_setting{
4
+ public static $list_of_animations=array('bounce','flash','pulse','rubberBand','shake','swing','tada','wobble','bounceIn','bounceInDown','bounceInLeft','bounceInRight','bounceInUp','fadeIn','fadeInDown','fadeInDownBig','fadeInLeft','fadeInLeftBig','fadeInRight','fadeInRightBig','fadeInUp','fadeInUpBig','flip','flipInX','flipInY','lightSpeedIn','rotateIn','rotateInDownLeft','rotateInDownRight','rotateInUpLeft','rotateInUpRight','rollIn','zoomIn','zoomInDown','zoomInLeft','zoomInRight','zoomInUp');
5
+ public static $id_for_iframe=0;
6
+
7
+ // function for genereted animation lists
8
+ public static function get_animations_type_array($animation=''){
9
+ if($animation=='' || $animation=='none')
10
+ return '';
11
+ if($animation=='random'){
12
+
13
+ return self::$list_of_animations[array_rand(self::$list_of_animations,1)];
14
+ }
15
+ return $animation;
16
+ }
17
+ public static function generete_iframe_by_array($params){
18
+ self::$id_for_iframe++;
19
+ $output_code='';
20
+ //default parametrs for iframe
21
+ $defaults=array(
22
+
23
+ "iframe_id" => 'wpdevar_comment_'.self::$id_for_iframe,
24
+ "facebook_app_id" => '',
25
+ "curent_url" => get_permalink(),
26
+ "title_text" => 'Comments',
27
+ "title_text_color" => '#000000',
28
+ "title_text_font_size" => '22',
29
+ "title_text_font_famely" => 'Times New Roman,Times,Georgia,serif',
30
+ "title_text_position" => 'left',
31
+ "width" => '100%',
32
+ "count_of_comments" => '5',
33
+ "locale" => 'en_US',
34
+
35
+ );
36
+ $params=array_merge($defaults,$params);
37
+ $comment_box_array_query=array(
38
+ 'api_key' => $params['facebook_app_id'],
39
+ 'href' => $params['curent_url'],
40
+ "numposts" => $params['count_of_comments'],
41
+ "version" => '2.3',
42
+ "sdk" => 'joey',
43
+ "locale" => $params['locale'],
44
+ );
45
+ $comment_box_src=add_query_arg($comment_box_array_query,'https://www.facebook.com/plugins/comments.php');
46
+
47
+ $output_code.='<div id="'.$params['iframe_id'].'" style="width:'.( (strpos($params['width'],'%')===false)?$params['width'].'px':$params['width']).';text-align:'.$params['title_text_position'].';">
48
+ <span style="padding: 10px;font-size:'.$params['title_text_font_size'].'px;font-family:'.$params['title_text_font_famely'].';color:'.$params['title_text_color'].';">'.$params['title_text'].'</span>
49
+ <div class="fb-comments" data-href="'.$params['curent_url'].'" data-numposts="'.$params['count_of_comments'].'" data-width="'.$params['width'].'" style="display:block;"></div></div>';
50
+ return $output_code;
51
+ }
52
+ public static function generete_animation_select($select_id='',$curent_effect='none'){
53
+ ?>
54
+ <select class="pro_select" id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">
55
+ <option <?php selected('none',$curent_effect); ?> value="none">none</option>
56
+ <option <?php selected('random',$curent_effect); ?> value="random">random</option>
57
+ <optgroup label="Attention Seekers">
58
+ <option <?php selected('bounce',$curent_effect); ?> value="bounce">bounce</option>
59
+ <option <?php selected('flash',$curent_effect); ?> value="flash">flash</option>
60
+ <option <?php selected('pulse',$curent_effect); ?> value="pulse">pulse</option>
61
+ <option <?php selected('rubberBand',$curent_effect); ?> value="rubberBand">rubberBand</option>
62
+ <option <?php selected('shake',$curent_effect); ?> value="shake">shake</option>
63
+ <option <?php selected('swing',$curent_effect); ?> value="swing">swing</option>
64
+ <option <?php selected('tada',$curent_effect); ?> value="tada">tada</option>
65
+ <option <?php selected('wobble',$curent_effect); ?> value="wobble">wobble</option>
66
+ </optgroup>
67
+
68
+ <optgroup label="Bouncing Entrances">
69
+ <option <?php selected('bounceIn',$curent_effect); ?> value="bounceIn">bounceIn</option>
70
+ <option <?php selected('bounceInDown',$curent_effect); ?> value="bounceInDown">bounceInDown</option>
71
+ <option <?php selected('bounceInLeft',$curent_effect); ?> value="bounceInLeft">bounceInLeft</option>
72
+ <option <?php selected('bounceInRight',$curent_effect); ?> value="bounceInRight">bounceInRight</option>
73
+ <option <?php selected('bounceInUp',$curent_effect); ?> value="bounceInUp">bounceInUp</option>
74
+ </optgroup>
75
+
76
+ <optgroup label="Fading Entrances">
77
+ <option <?php selected('fadeIn',$curent_effect); ?> value="fadeIn">fadeIn</option>
78
+ <option <?php selected('fadeInDown',$curent_effect); ?> value="fadeInDown">fadeInDown</option>
79
+ <option <?php selected('fadeInDownBig',$curent_effect); ?> value="fadeInDownBig">fadeInDownBig</option>
80
+ <option <?php selected('fadeInLeft',$curent_effect); ?> value="fadeInLeft">fadeInLeft</option>
81
+ <option <?php selected('fadeInLeftBig',$curent_effect); ?> value="fadeInLeftBig">fadeInLeftBig</option>
82
+ <option <?php selected('fadeInRight',$curent_effect); ?> value="fadeInRight">fadeInRight</option>
83
+ <option <?php selected('fadeInRightBig',$curent_effect); ?> value="fadeInRightBig">fadeInRightBig</option>
84
+ <option <?php selected('fadeInUp',$curent_effect); ?> value="fadeInUp">fadeInUp</option>
85
+ <option <?php selected('fadeInUpBig',$curent_effect); ?> value="fadeInUpBig">fadeInUpBig</option>
86
+ </optgroup>
87
+
88
+ <optgroup label="Flippers">
89
+ <option <?php selected('flip',$curent_effect); ?> value="flip">flip</option>
90
+ <option <?php selected('flipInX',$curent_effect); ?> value="flipInX">flipInX</option>
91
+ <option <?php selected('flipInY',$curent_effect); ?> value="flipInY">flipInY</option>
92
+ </optgroup>
93
+
94
+ <optgroup label="Lightspeed">
95
+ <option <?php selected('lightSpeedIn',$curent_effect); ?> value="lightSpeedIn">lightSpeedIn</option>
96
+ </optgroup>
97
+
98
+ <optgroup label="Rotating Entrances">
99
+ <option <?php selected('rotateIn',$curent_effect); ?> value="rotateIn">rotateIn</option>
100
+ <option <?php selected('rotateInDownLeft',$curent_effect); ?> value="rotateInDownLeft">rotateInDownLeft</option>
101
+ <option <?php selected('rotateInDownRight',$curent_effect); ?> value="rotateInDownRight">rotateInDownRight</option>
102
+ <option <?php selected('rotateInUpLeft',$curent_effect); ?> value="rotateInUpLeft">rotateInUpLeft</option>
103
+ <option <?php selected('rotateInUpRight',$curent_effect); ?> value="rotateInUpRight">rotateInUpRight</option>
104
+ </optgroup>
105
+
106
+ <optgroup label="Specials">
107
+
108
+ <option <?php selected('rollIn',$curent_effect); ?> value="rollIn">rollIn</option>
109
+ </optgroup>
110
+
111
+ <optgroup label="Zoom Entrances">
112
+ <option <?php selected('zoomIn',$curent_effect); ?> value="zoomIn">zoomIn</option>
113
+ <option <?php selected('zoomInDown',$curent_effect); ?> value="zoomInDown">zoomInDown</option>
114
+ <option <?php selected('zoomInLeft',$curent_effect); ?> value="zoomInLeft">zoomInLeft</option>
115
+ <option <?php selected('zoomInRight',$curent_effect); ?> value="zoomInRight">zoomInRight</option>
116
+ <option <?php selected('zoomInUp',$curent_effect); ?> value="zoomInUp">zoomInUp</option>
117
+ </optgroup>
118
+ </select>
119
+ <?php
120
+ }
121
+
122
+ }
123
+
124
+
125
+ ?>
includes/style/admin-style.css ADDED
@@ -0,0 +1,272 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*Remove elements*/
2
+ .remove_element{
3
+ background-image:url(../../images/remove_element.png);
4
+ background-size:contain;
5
+ width: 21px;
6
+ height: 21px;
7
+ display: inline-block;
8
+ position: relative;
9
+ top: 4px;
10
+ margin-left: 7px;
11
+ cursor: pointer;
12
+ }
13
+ /*Coming Soon title*/
14
+ .wp-picker-holder{
15
+ position:absolute;
16
+ z-index: 9999;
17
+ }
18
+ .white{
19
+ background-color: #fff !important;
20
+ }
21
+ .black{
22
+ background-color:rgba(176, 176, 176, 0.07) !important;
23
+ }
24
+ .coming_title h1{
25
+ font-family: serif;
26
+ /*color: #3AA3D4;*/
27
+ }
28
+ .title_parametrs_image{
29
+ height: 37px;
30
+ float: left;
31
+ }
32
+ .title_parametrs_image > img{
33
+ height: 37px;
34
+
35
+ }
36
+
37
+ .wp-table.right_margin{
38
+ margin-right:20px;
39
+ }
40
+
41
+ /*COMING SOON ENABLE RADIO*/
42
+ .display_none{display:none;}
43
+ .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../../images/switch.gif) repeat-x; display: block; float: left; }
44
+ .cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
45
+ .cb-enable span { background-position: left -90px; padding: 0 10px; }
46
+ .cb-disable span { background-position: right -180px;padding: 0 10px; }
47
+ .cb-disable.selected { background-position: 0 -30px; }
48
+ .cb-disable.selected span { background-position: right -210px; color: #fff; }
49
+ .cb-enable.selected { background-position: 0 -60px; }
50
+ .cb-enable.selected span { background-position: left -150px; color: #fff; }
51
+ .switch label { cursor: pointer; }
52
+ .switch input { display: none; }
53
+ /*###################admin cuztomization grouped parametrs##############################*/
54
+ /*coming soon header part styling*/
55
+ #save_all_parametrs{
56
+ margin-right:20px;
57
+ }
58
+ .save_all_paramss{
59
+ width: 160px;
60
+ display: inline-block;
61
+ float: right;
62
+ }
63
+
64
+ .main_parametrs_group_div{
65
+ float:left;
66
+ background-color:#fafafa;
67
+ display:inline-block;
68
+ width:100%;
69
+ box-sizing: border-box;
70
+ position: relative;
71
+ min-width: 430px;
72
+ border: 1px solid #e5e5e5;
73
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
74
+ box-shadow: 0 1px 1px rgba(0,0,0,.04);
75
+ margin-bottom: 20px;
76
+ padding: 0;
77
+ line-height: 1;
78
+ }
79
+ .left_sections{
80
+ width:49%;
81
+ margin-right:1%;
82
+ float:left;
83
+ }
84
+ .right_sections{
85
+ width:50%;
86
+ float:left;
87
+ }
88
+ @media screen and (max-width: 1156px){
89
+ .left_sections{
90
+ width:100%;
91
+ }
92
+ .right_sections{
93
+ width:100%;
94
+ }
95
+ }
96
+ .main_parametrs_group_div:hover{
97
+ border: 1px solid #D5D5D5;
98
+ }
99
+
100
+ .head_panel_div{
101
+ cursor:pointer;
102
+ border-bottom:1px solid #e5e5e5;
103
+ }
104
+ .main_parametrs_group_div.closed_params .head_panel_div{
105
+ border-bottom:0px;
106
+ }
107
+ .title_parametrs_group{
108
+ display: inline-block;
109
+ -webkit-user-select: none;
110
+ -moz-user-select: none;
111
+ -ms-user-select: none;
112
+ user-select: none;
113
+ font-weight:bold;
114
+ font-size: 15px;
115
+ padding: 8px 12px;
116
+ margin: 0;
117
+ line-height: 1.4;
118
+ }
119
+ .open_or_closed{
120
+ float:right;
121
+ height:20px;
122
+ right: 10px;
123
+ color: #aaa;
124
+ font: 400 20px/1 dashicons;
125
+ speak: none;
126
+ display: inline-block;
127
+ top: 8px;
128
+ position: relative;
129
+ -webkit-font-smoothing: antialiased;
130
+ -moz-osx-font-smoothing: grayscale;
131
+ text-decoration: none!important;
132
+ }
133
+ .head_panel_div:hover .open_or_closed{
134
+ color:#777
135
+ }
136
+ .open_or_closed:before{
137
+ content: '\f142';
138
+
139
+ }
140
+ .main_parametrs_group_div.closed_params .open_or_closed:before{
141
+ content: '\f140';
142
+ }
143
+
144
+ .section_parametrs_table{
145
+ border:0px !important;
146
+ }
147
+ .section_parametrs_table > tbody > tr:nth-child(odd){
148
+ background-color:rgba(176, 176, 176, 0.07);
149
+ }
150
+ .section_parametrs_table > tbody > tr td{
151
+ vertical-align:middle !important;
152
+ }
153
+ .section_parametrs_table > tbody > tr>td:nth-child(1){
154
+ width:42%;
155
+ }
156
+ .desription_class{
157
+ float: right;
158
+ cursor: default;
159
+ color: #0074a2;
160
+ font-size: 18px;
161
+ font-weight: bold;
162
+ border: 1px solid #000000;
163
+ border-radius: 200px;
164
+ height: 20px;
165
+ padding-left: 6px;
166
+ padding-right: 6px;
167
+ margin-left: 15px;
168
+ }
169
+
170
+ /*SAVING PARAMETRS*/
171
+ button{
172
+ webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
173
+ -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
174
+ -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
175
+ -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
176
+ transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
177
+ }
178
+ .save_section_parametrs{
179
+ width: 100px;
180
+ text-align: left;
181
+ overflow:hidden;
182
+ }
183
+ .save_section_parametrs.padding_loading{
184
+ width: 130px !important;
185
+ }
186
+ .save_all_section_parametrs{
187
+ width: 130px;
188
+ text-align: left;
189
+ overflow:hidden;
190
+ }
191
+ .save_all_section_parametrs.padding_loading{
192
+ width: 150px !important;
193
+ }
194
+ .save_section_parametrs{
195
+ width: 100px;
196
+ text-align: left;
197
+ overflow:hidden;
198
+ }
199
+ .save_section_parametrs.padding_loading{
200
+ width: 130px !important;
201
+ }
202
+ .saving_in_progress{
203
+ position: relative;
204
+ display:none;
205
+ width: 20px;
206
+ height: 20px;
207
+ margin-left: 12px;
208
+ top: 4px;
209
+ background-image: url(../../images/loading.gif);
210
+ background-size:100% 100%;
211
+ }
212
+ .save_button_span{
213
+ float:left;
214
+ }
215
+ .sucsses_save{
216
+ position: relative;
217
+ display:none;
218
+ width: 20px;
219
+ height: 20px;
220
+ margin-left: 12px;
221
+ top: 4px;
222
+ background-image: url(../../images/success.png);
223
+ background-size:100% 100%;
224
+ }
225
+ .error_in_saving{
226
+ position: relative;
227
+ display:none;
228
+ width: 20px;
229
+ height: 20px;
230
+ margin-left: 12px;
231
+ top: 4px;
232
+ background-image: url(../../images/remove_element.png);
233
+ background-size:100% 100%;
234
+ }
235
+ .error_massage{
236
+ color: #BB1E1E;
237
+ font-size: 18px;
238
+ font-weight: bold;
239
+ padding-left: 21px;
240
+ }
241
+ /* remove upload image*/
242
+ .remove_upload_image{
243
+ width:27px;
244
+ line-height:27px;
245
+ cursor:pointer;
246
+ }
247
+ .upload_many_images{
248
+ float:left;
249
+ margin-right:4px;
250
+ }
251
+ .slider_images_div .upload-button.button{
252
+ float:left;
253
+ margin-right:4px;
254
+ }
255
+
256
+ /*slider option*/
257
+ .slider_div{
258
+ width:195px !important;
259
+ }
260
+
261
+ .live_previev{
262
+ float:left;
263
+ padding:0px;
264
+ margin:0px;
265
+ }
266
+
267
+
268
+ .pro_feature {
269
+ font-size: 13px;
270
+ font-weight: bold;
271
+ color: rgba(10, 154, 62, 1);
272
+ }
readme.txt ADDED
@@ -0,0 +1,136 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === Facebook comments WordPress ===
2
+ Contributors: wpdevart
3
+ Tags: facebook comments, facebook comment, facebook comment notification, seo facebook comments, facebook comments import, facebook comment system, comments, comment, wordpress comment, wordpress comments, Facebook, facebook badge, facebook connect, facebook group, facebook integration, Facebook like widget, facebook meta, facebook meta tag, Facebook Open Graph, Facebook Page, facebook platform, facebook plugin, post to facebook, Facebook feed, facebook wall for wordpress, Facebook Stream, Facebook Widget,
4
+ Requires at least: 2.9
5
+ Tested up to: 4.3
6
+ Stable tag: 1.0.0
7
+
8
+ Our WordPress Facebook comments plugin will help you to display Facebook Comments box on your website. You can use Facebook Comments box on your pages/posts.
9
+
10
+ == Description ==
11
+
12
+ Facebook comments plugin is great tool that will allow you to show your visitors Facebook comments on your website. At the same time this plugin is very useful for improving your website traffic from Facebook. Facebook Comments box is important part of social optimization as well, that's why most of websites use Facebook Comments box on their websites.
13
+ WordPress Facebook comments plugin is very easy to use, you just need to create Facebook App ID and use it on your website.
14
+ You can disable Facebook Comments on any page/post you need.
15
+
16
+ ### View our Facebook comments plugin Demo page:
17
+
18
+ [Facebook comments Demo](http://demo.wpdevart.com/facebook-comments-box/)
19
+
20
+ ### Features of WordPress Facebook comments:
21
+
22
+ * **User friendly and easy to use.**
23
+ * **Tested with other popular plugins.**
24
+ * **Ability to import Facebook Comments box to your WordPress website.**
25
+ * **Ability to type Facebook Comments box Title.**
26
+ * **Ability to type Facebook Comments box Title text color.**
27
+ * **Ability to type Facebook Comments box Title font-size.**
28
+ * **Ability to type Facebook Comments box Title font family.**
29
+ * **Ability to select Comments box Title position.**
30
+ * **Ability to select where to display Facebook Comments box.**
31
+ * **Ability to set Facebook Comments box width.**
32
+ * **Ability to set number of comments of Facebook Comments box.**
33
+ * **Ability to set Facebook Comments box language.**
34
+
35
+ You can upgrade WordPress Facebook Comments plugin to [Facebook Comments Pro](http://wpdevart.com/wordpress-facebook-comments-plugin) to add more features.
36
+
37
+ ### Features of WordPress Facebook comments Pro:
38
+
39
+ * **Ability to set WordPress Facebook Comments box Background color.**
40
+ * **Ability to set WordPress Facebook Comments box position.**
41
+ * **39 awesome animation effects for WordPress Facebook Comments box.**
42
+ * **Premium Support.**
43
+
44
+ ### If you found any bug in our WordPress Facebook comments plugin or have a question contact us at support@wpdevart.com.
45
+
46
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player/) .
47
+
48
+ == Installation ==
49
+
50
+ ### It's very simple:
51
+
52
+ 1. Download WordPress Facebook Comments plugin.
53
+ 2. Upload the Facebook Comments plugin from your admin panel.
54
+ 3. Then activate the Facebook Comments plugin.
55
+ 4. After that type the Facebook App ID.
56
+ 5. Then configure the plugin and that's all.
57
+
58
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player/) .
59
+
60
+ == Frequently Asked Questions ==
61
+
62
+ Facebook Comments plugin is an user friendly plugin, but on this page you can find some frequently asked questions that will help you.
63
+
64
+ = Where I need to find App ID =
65
+
66
+ APP ID - you can create your App Id on this page - https://developers.facebook.com/apps.
67
+ Also, here is another tutorial of creating App Id, you can check it - https://help.yahoo.com/kb/SLN18861.html.
68
+
69
+ = How can I use WordPress Facebook comments plugin shortcode =
70
+
71
+ Here's an example of using the shortcode in posts, pages:
72
+
73
+ `[wpdevart_facebook_comment facebook_app_id="1638418549774901" curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" locale="en_US" count_of_comments="2" ]`
74
+
75
+ Here's an example of using the shortcode in PHP code:
76
+
77
+ `<?php echo do_shortcode('[wpdevart_facebook_comment curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" count_of_comments="2" ]'); ?>`
78
+
79
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player/) .
80
+
81
+ == Screenshots ==
82
+
83
+ 1. WordPress Facebook comments Front-end
84
+ 2. WordPress Facebook comments Back-end
85
+ 3. WordPress Facebook comments Front-end
86
+ 4. WordPress Facebook comments Back-end
87
+
88
+ == Changelog ==
89
+
90
+ = 1.0.0 =
91
+
92
+ * Initial version of WordPress Facebook comments.
93
+
94
+ ==Facebook comments WordPress step by step guide==
95
+
96
+ ### Facebook Comments plugin main options
97
+
98
+ * APP ID - Type here your Facebook App ID
99
+ * Title - Type here Facebook comments box title
100
+ * Title text color - Select Facebook comments box title text color
101
+ * Title font-size - Type Facebook comments box title font-size
102
+ * Title font family - Select Facebook comments box title font family
103
+ * Title position - Select Facebook comments box title position
104
+ * Display comment on - Select where to display Facebook comments
105
+ * Comment box width - Type here the Facebook comments box width
106
+ * Number of comments show - Type here the comments of Facebook comments to display
107
+ * Animation effect - Select the animation effect for Facebook comments box
108
+ * Background color - Select Facebook comments background color
109
+ * Facebook comments position -Select Facebook comments box position(before or after WordPress standard comments)
110
+ * Facebook comments language - Type here Facebook comments language code(en_US,de_DE...)
111
+
112
+ ### Adding Facebook Comments plugin shortcode to pages, posts and in Php code
113
+
114
+ Here's an example of using the shortcode in posts, pages:
115
+ `[wpdevart_facebook_comment facebook_app_id="1638418549774901" curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" locale="en_US" count_of_comments="2" ]`
116
+
117
+ Here's an example of using the shortcode in PHP code:
118
+ `<?php echo do_shortcode('[wpdevart_facebook_comment facebook_app_id="1638418549774901" curent_url="http://developers.facebook.com/docs/plugins/comments/" title_text="Facebook Comment" title_text_color="#000000" title_text_font_size="22" title_text_font_famely="monospace" title_text_position="left" width="100%" bg_color="#CCCCCC" animation_effect="random" locale="en_US" count_of_comments="2" ]'); ?>`
119
+
120
+ Here are explanation of Facebook comments shoetcode attributes.
121
+
122
+ curent_url - Type the URL of a page from where you need to show Facebook comments
123
+ title_text - Type here Facebook comments box title
124
+ title_text_color - Select Facebook comments box title text color
125
+ title_text_font_size - Type Facebook comments box title font-size
126
+ title_text_font_famely - Select Facebook comments box title font family
127
+ title_text_position - Select Facebook comments box title position
128
+ width - Type here the Facebook comments box width
129
+ count_of_comments - Type here the comments of Facebook comments to display
130
+ bg_color - Select Facebook comments background color
131
+ animation_effect - Select the animation effect for Facebook comments box
132
+
133
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player/) .
134
+
135
+
136
+