WpDevArt Facebook comments - Version 1.9.5

Version Description

=

  • Edited the plugin admin.

Step by step guide

Main options

  • APP ID - Type here your Fb App ID
  • Title - Type here the title
  • Color scheme - Select the Color scheme
  • Title text color - Select the title text color
  • Title font-size - Type the title font-size(px)
  • Title font family - Select the title font family
  • Title position - Select the title position
  • Display comment on - Select where to display Fb box
  • Width - Type here the width(px)
  • Number - Type here the number of remarks to display
  • Animation effect - Select animation effect
  • Background color - Select the background color
  • Position -Select the position
  • Language - Type here the language code(en_US,de_DE...)

Adding the plugin shortcode into pages, posts and in Php code

Here is 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="Title" 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="Fb title" 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 shortcode attributes.

curent_url - Type the URL of the page from where you need to show the content title_text - Type here the title title_text_color - Select the title color title_text_font_size - Type the title font-size title_text_font_famely - Select the title font family title_text_position - Select the title position width - Type here the width count_of_comments - Type here the number of remarks to display bg_color - Select the background color animation_effect - Choose animation effect

Download this release

Release Info

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

Code changes from version 1.9.4 to 1.9.5

Files changed (5) hide show
  1. facebook-comment.php +1 -1
  2. images/support-white.png +0 -0
  3. includes/admin_menu.php +131 -72
  4. includes/style/admin-style.css +76 -14
  5. readme.txt +6 -2
facebook-comment.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin URI: http://wpdevart.com/wordpress-facebook-comments-plugin/
5
  * Author URI: http://wpdevart.com
6
  * Description: Social (Facebook) comments plugin will help you to display Facebook Comments box on your website. You can use Facebook Comments on your pages/posts.
7
- * Version: 1.9.4
8
  * Author: wpdevart
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
10
  */
4
  * Plugin URI: http://wpdevart.com/wordpress-facebook-comments-plugin/
5
  * Author URI: http://wpdevart.com
6
  * Description: Social (Facebook) comments plugin will help you to display Facebook Comments box on your website. You can use Facebook Comments on your pages/posts.
7
+ * Version: 1.9.5
8
  * Author: wpdevart
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
10
  */
images/support-white.png ADDED
Binary file
includes/admin_menu.php CHANGED
@@ -153,7 +153,16 @@ class wpdevart_comment_admin_menu{
153
  var wpdevart_comment_parametrs_sucsses_saved="<?php echo $this->text_parametrs['parametrs_sucsses_saved'] ?>";
154
  var wpdevart_comment_all_parametrs = <?php echo json_encode($this->databese_parametrs); ?>;
155
  </script>
156
- <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><a target="blank" href="<?php echo wpdevart_comment_support_url; ?>" class="wp_support">Support</a></h1></div>
 
 
 
 
 
 
 
 
 
157
 
158
  <br>
159
 
@@ -400,12 +409,6 @@ Also, here is another tutorial(from other source) of creating App Id, you can ch
400
  'title' => 'WordPress Gallery plugin',
401
  'description' => 'Gallery plugin is an useful tool that will help you to create Galleries and Albums. Try our nice Gallery views and awesome animations.'
402
  ),
403
- 'countdown_extended'=>array(
404
- 'image_url' => $this->plugin_url.'images/featured_plugins/icon-128x128.png',
405
- 'site_url' => 'http://wpdevart.com/wordpress-countdown-extended-version',
406
- 'title' => 'Countdown - Extended version ',
407
- 'description' => 'Countdown extended is an fresh and extended version of countdown timer. You can easily create and add countdown timers to your website.'
408
- ),
409
  'coming_soon'=>array(
410
  'image_url' => $this->plugin_url.'images/featured_plugins/coming_soon.jpg',
411
  'site_url' => 'http://wpdevart.com/wordpress-coming-soon-plugin/',
@@ -428,70 +431,101 @@ Also, here is another tutorial(from other source) of creating App Id, you can ch
428
  'image_url' => $this->plugin_url.'images/featured_plugins/youtube.png',
429
  'site_url' => 'http://wpdevart.com/wordpress-youtube-embed-plugin',
430
  'title' => 'WordPress YouTube Embed',
431
- '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.'
432
  ),
 
 
 
 
 
 
433
  'countdown'=>array(
434
  'image_url' => $this->plugin_url.'images/featured_plugins/countdown.jpg',
435
  'site_url' => 'http://wpdevart.com/wordpress-countdown-plugin/',
436
  'title' => 'WordPress Countdown plugin',
437
- 'description' => 'WordPress Countdown plugin is an nice tool to create and insert countdown timers into your posts/pages and widgets.'
438
  ),
439
  'lightbox'=>array(
440
  'image_url' => $this->plugin_url.'images/featured_plugins/lightbox.png',
441
  'site_url' => 'http://wpdevart.com/wordpress-lightbox-plugin',
442
  'title' => 'WordPress Lightbox plugin',
443
- 'description' => 'WordPress lightbox plugin is an high customizable and responsive product for displaying images and videos in popup.'
444
  ),
445
  'facebook'=>array(
446
  'image_url' => $this->plugin_url.'images/featured_plugins/facebook.jpg',
447
  'site_url' => 'http://wpdevart.com/wordpress-facebook-like-box-plugin',
448
  'title' => 'Social Like Box',
449
- '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..'
450
  ),
451
  'poll'=>array(
452
  'image_url' => $this->plugin_url.'images/featured_plugins/poll.png',
453
  'site_url' => 'http://wpdevart.com/wordpress-polls-plugin',
454
- 'title' => 'WordPress Poll plugin',
455
- '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.'
456
- ),
457
- 'facebook-comments'=>array(
458
- 'image_url' => $this->plugin_url.'images/featured_plugins/facebook-comments-icon.png',
459
- 'site_url' => 'http://wpdevart.com/wordpress-facebook-comments-plugin/',
460
- 'title' => 'Wpdevart Social comments',
461
- 'description' => 'Our Facebook comments plugin will help you to display Facebook Comments on your website. You can use Facebook Comments on your pages/posts.'
462
  ),
463
- 'scroll'=>array(
464
- 'image_url' => $this->plugin_url.'images/featured_plugins/Scroll.png',
465
- 'site_url' => 'https://wordpress.org/plugins/wp-scroll-2',
466
- 'title' => 'Scroll plugin',
467
- 'description' => 'Scroll to top plugin is an simple and nice plugin with the standard scroll settings. You can use it on your website different sides.'
468
- ),
469
 
470
  );
471
  ?>
472
  <style>
473
  .featured_plugin_main{
474
- background-color: #ffffff;
475
- border: 1px solid #dedede;
476
- box-sizing: border-box;
477
- float:left;
478
- margin-right:20px;
479
- margin-bottom:20px;
480
-
481
- width:450px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
482
  }
483
  .featured_plugin_image{
484
- padding: 15px;
 
 
 
485
  display: inline-block;
486
- float:left;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
487
  }
488
  .featured_plugin_image a{
489
  display: inline-block;
490
  }
491
- .featured_plugin_information{
492
- float: left;
493
- width: auto;
494
- max-width: 282px;
495
 
496
  }
497
  .featured_plugin_title{
@@ -501,46 +535,71 @@ Also, here is another tutorial(from other source) of creating App Id, you can ch
501
  }
502
  .featured_plugin_title a{
503
  text-decoration:none;
 
 
 
504
 
505
  }
506
  .featured_plugin_title h4{
507
- margin:0px;
508
- margin-top: 20px;
509
- margin-bottom:8px;
510
  }
511
  .featured_plugin_description{
512
- display: inline-block;
 
513
  }
514
-
515
- </style>
516
- <script>
517
-
518
- jQuery(window).resize(wpdevart_comment_feature_resize);
519
- jQuery(document).ready(function(e) {
520
- wpdevart_comment_feature_resize();
521
- });
522
-
523
- function wpdevart_comment_feature_resize(){
524
- var wpdevart_comment_width=jQuery('.featured_plugin_main').eq(0).parent().width();
525
- var count_of_elements=Math.max(parseInt(wpdevart_comment_width/450),1);
526
- var width_of_plugin=((wpdevart_comment_width-count_of_elements*24-2)/count_of_elements);
527
- jQuery('.featured_plugin_main').width(width_of_plugin);
528
- jQuery('.featured_plugin_information').css('max-width',(width_of_plugin-160)+'px');
529
  }
530
- </script>
531
- <h2>Featured Plugins</h2>
532
- <br>
533
- <br>
534
- <?php foreach($plugins_array as $key=>$plugin) { ?>
535
- <div class="featured_plugin_main">
536
- <span class="featured_plugin_image"><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><img src="<?php echo $plugin['image_url'] ?>"></a></span>
537
- <span class="featured_plugin_information">
538
- <span class="featured_plugin_title"><h4><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><?php echo $plugin['title'] ?></a></h4></span>
539
- <span class="featured_plugin_description"><?php echo $plugin['description'] ?></span>
540
- </span>
541
- <div style="clear:both"></div>
542
- </div>
543
- <?php }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
544
  }
545
 
546
  /*######################################### Fonts(select fonts) Function #######################################*/
153
  var wpdevart_comment_parametrs_sucsses_saved="<?php echo $this->text_parametrs['parametrs_sucsses_saved'] ?>";
154
  var wpdevart_comment_all_parametrs = <?php echo json_encode($this->databese_parametrs); ?>;
155
  </script>
156
+ <div class="wpdevart_plugins_header div-for-clear">
157
+ <div class="wpdevart_plugins_get_pro div-for-clear">
158
+ <div class="wpdevart_plugins_get_pro_info">
159
+ <h3>WpDevArt Facebook Comments Premium</h3>
160
+ <p>Powerful and Customizable Facebook Comments</p>
161
+ </div>
162
+ <a target="blank" href="http://wpdevart.com/wordpress-facebook-comments-plugin/" class="wpdevart_upgrade">Upgrade</a>
163
+ </div>
164
+ <a target="blank" href="<?php echo wpdevart_comment_support_url; ?>" class="wpdevart_support">Have any Questions? Get quick support!</a>
165
+ </div>
166
 
167
  <br>
168
 
409
  'title' => 'WordPress Gallery plugin',
410
  'description' => 'Gallery plugin is an useful tool that will help you to create Galleries and Albums. Try our nice Gallery views and awesome animations.'
411
  ),
 
 
 
 
 
 
412
  'coming_soon'=>array(
413
  'image_url' => $this->plugin_url.'images/featured_plugins/coming_soon.jpg',
414
  'site_url' => 'http://wpdevart.com/wordpress-coming-soon-plugin/',
431
  'image_url' => $this->plugin_url.'images/featured_plugins/youtube.png',
432
  'site_url' => 'http://wpdevart.com/wordpress-youtube-embed-plugin',
433
  'title' => 'WordPress YouTube Embed',
434
+ 'description' => 'YouTube Embed plugin is an convenient tool for adding videos to your website. Use YouTube Embed plugin for adding YouTube videos in posts/pages, widgets.'
435
  ),
436
+ 'facebook-comments'=>array(
437
+ 'image_url' => $this->plugin_url.'images/featured_plugins/facebook-comments-icon.png',
438
+ 'site_url' => 'http://wpdevart.com/wordpress-facebook-comments-plugin/',
439
+ 'title' => 'Wpdevart Social comments',
440
+ 'description' => 'WordPress Facebook comments plugin will help you to display Facebook Comments on your website. You can use Facebook Comments on your pages/posts.'
441
+ ),
442
  'countdown'=>array(
443
  'image_url' => $this->plugin_url.'images/featured_plugins/countdown.jpg',
444
  'site_url' => 'http://wpdevart.com/wordpress-countdown-plugin/',
445
  'title' => 'WordPress Countdown plugin',
446
+ 'description' => 'WordPress Countdown plugin is an nice tool for creating countdown timers for your website posts/pages and widgets.'
447
  ),
448
  'lightbox'=>array(
449
  'image_url' => $this->plugin_url.'images/featured_plugins/lightbox.png',
450
  'site_url' => 'http://wpdevart.com/wordpress-lightbox-plugin',
451
  'title' => 'WordPress Lightbox plugin',
452
+ 'description' => 'WordPress Lightbox Popup is an high customizable and responsive plugin for displaying images and videos in popup.'
453
  ),
454
  'facebook'=>array(
455
  'image_url' => $this->plugin_url.'images/featured_plugins/facebook.jpg',
456
  'site_url' => 'http://wpdevart.com/wordpress-facebook-like-box-plugin',
457
  'title' => 'Social Like Box',
458
+ 'description' => 'Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to sidebar or insert it into posts/pages and use it.'
459
  ),
460
  'poll'=>array(
461
  'image_url' => $this->plugin_url.'images/featured_plugins/poll.png',
462
  'site_url' => 'http://wpdevart.com/wordpress-polls-plugin',
463
+ 'title' => 'WordPress Polls system',
464
+ 'description' => 'WordPress Polls system is an handy tool for creating polls and survey forms for your visitors. You can use our polls on widgets, posts and pages.'
 
 
 
 
 
 
465
  ),
466
+
 
 
 
 
 
467
 
468
  );
469
  ?>
470
  <style>
471
  .featured_plugin_main{
472
+ background-color: #ffffff;
473
+ -webkit-box-sizing: border-box;
474
+ -moz-box-sizing: border-box;
475
+ box-sizing: border-box;
476
+ float: left;
477
+ margin-right: 30px;
478
+ margin-bottom: 30px;
479
+ width: calc((100% - 90px)/3);
480
+ border-radius: 15px;
481
+ box-shadow: 1px 1px 7px rgba(0,0,0,0.04);
482
+ padding: 20px 25px;
483
+ text-align: center;
484
+ -webkit-transition:-webkit-transform 0.3s;
485
+ -moz-transition:-moz-transform 0.3s;
486
+ transition:transform 0.3s;
487
+ -webkit-transform: translateY(0);
488
+ -moz-transform: translateY0);
489
+ transform: translateY(0);
490
+ min-height: 344px;
491
+ }
492
+ .featured_plugin_main:hover{
493
+ -webkit-transform: translateY(-2px);
494
+ -moz-transform: translateY(-2px);
495
+ transform: translateY(-2px);
496
  }
497
  .featured_plugin_image{
498
+ max-width: 128px;
499
+ margin: 0 auto;
500
+ }
501
+ .blue_button{
502
  display: inline-block;
503
+ font-size: 15px;
504
+ text-decoration: none;
505
+ border-radius: 5px;
506
+ color: #ffffff;
507
+ font-weight: 400;
508
+ opacity: 1;
509
+ -webkit-transition: opacity 0.3s;
510
+ -moz-transition: opacity 0.3s;
511
+ transition: opacity 0.3s;
512
+ background-image: linear-gradient(141deg, #32d6db, #00a0d2);
513
+ padding: 10px 22px;
514
+ text-transform: uppercase;
515
+ }
516
+ .blue_button:hover,
517
+ .blue_button:focus {
518
+ color:#ffffff;
519
+ box-shadow: none;
520
+ outline: none;
521
+ }
522
+ .featured_plugin_image img{
523
+ max-width: 100%;
524
  }
525
  .featured_plugin_image a{
526
  display: inline-block;
527
  }
528
+ .featured_plugin_information{
 
 
 
529
 
530
  }
531
  .featured_plugin_title{
535
  }
536
  .featured_plugin_title a{
537
  text-decoration:none;
538
+ font-size: 19px;
539
+ line-height: 22px;
540
+ color: #00a0d2;
541
 
542
  }
543
  .featured_plugin_title h4{
544
+ margin: 0px;
545
+ margin-top: 20px;
546
+ min-height: 44px;
547
  }
548
  .featured_plugin_description{
549
+ font-size: 14px;
550
+ min-height: 63px;
551
  }
552
+ @media screen and (max-width: 1460px){
553
+ .featured_plugin_main {
554
+ margin-right: 20px;
555
+ margin-bottom: 20px;
556
+ width: calc((100% - 60px)/3);
557
+ padding: 20px 10px;
558
+ }
559
+ .featured_plugin_description {
560
+ font-size: 13px;
561
+ min-height: 63px;
562
+ }
 
 
 
 
563
  }
564
+ @media screen and (max-width: 1279px){
565
+ .featured_plugin_main {
566
+ width: calc((100% - 60px)/2);
567
+ padding: 20px 20px;
568
+ min-height: 363px;
569
+ }
570
+ }
571
+ @media screen and (max-width: 768px){
572
+ .featured_plugin_main {
573
+ width: calc(100% - 30px);
574
+ padding: 20px 20px;
575
+ min-height: auto;
576
+ margin: 0 auto 20px;
577
+ float: none;
578
+ }
579
+ .featured_plugin_title h4{
580
+ min-height: auto;
581
+ }
582
+ .featured_plugin_description{
583
+ min-height: auto;
584
+ font-size: 14px;
585
+ }
586
+ }
587
+
588
+ </style>
589
+
590
+ <h1>Featured Plugins</h1>
591
+ <?php foreach($plugins_array as $key=>$plugin) { ?>
592
+ <div class="featured_plugin_main">
593
+ <div class="featured_plugin_image"><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><img src="<?php echo $plugin['image_url'] ?>"></a></div>
594
+ <div class="featured_plugin_information">
595
+ <div class="featured_plugin_title"><h4><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><?php echo $plugin['title'] ?></a></h4></div>
596
+ <p class="featured_plugin_description"><?php echo $plugin['description'] ?></p>
597
+ <a target="_blank" href="<?php echo $plugin['site_url'] ?>" class="blue_button">Check The Plugin</a>
598
+ </div>
599
+ <div style="clear:both"></div>
600
+ </div>
601
+ <?php }
602
+
603
  }
604
 
605
  /*######################################### Fonts(select fonts) Function #######################################*/
includes/style/admin-style.css CHANGED
@@ -282,17 +282,79 @@ button{
282
  }
283
 
284
  /*For Support link*/
285
-
286
- .wp_support {
287
- display: inline-block;
288
- float: right;
289
- background: #fff url(../../images/support.png) no-repeat 7px center;
290
- padding: 8px 20px 9px 45px;
291
- font-size: 16px;
292
- text-decoration: none;
293
- border-radius: 2px;
294
- border: 1px solid #d4d4d4;
295
- position: relative;
296
- bottom: 5px;
297
- margin-right: 20px;
298
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
282
  }
283
 
284
  /*For Support link*/
285
+ .wpdevart_plugins_header {
286
+ margin: 10px 20px 10px 0px;
287
+
288
+ }
289
+ .wpdevart_plugins_get_pro {
290
+ border-radius: 10px;
291
+ background: #ffffff;
292
+ padding: 15px 20px;
293
+ box-sizing: border-box;
294
+ float: left;
295
+ box-shadow: 1px 1px 7px rgba(0,0,0,0.04);
296
+ }
297
+ .wpdevart_plugins_get_pro_info {
298
+ float: left;
299
+ margin-right: 30px;
300
+ }
301
+ .wpdevart_plugins_get_pro_info h3 {
302
+ margin: 0 0 5px 0;
303
+ font-size: 17px;
304
+ font-weight: 500;
305
+ }
306
+ .wpdevart_plugins_get_pro_info p {
307
+ margin: 0;
308
+ font-size: 14px;
309
+ font-weight: 200;
310
+ }
311
+ .wpdevart_support, .wpdevart_upgrade {
312
+ display: inline-block;
313
+ font-size: 16px;
314
+ text-decoration: none;
315
+ border-radius: 5px;
316
+ border: 0;
317
+ color: #ffffff;
318
+ font-weight: 400;
319
+ opacity: 1;
320
+ -webkit-transition: opacity 0.3s;
321
+ -moz-transition: opacity 0.3s;
322
+ transition: opacity 0.3s;
323
+ background-image: linear-gradient(141deg, #32d6db, #00a0d2);
324
+ }
325
+ .wpdevart_upgrade {
326
+ float: left;
327
+ padding: 11px 25px 12px;
328
+ text-transform: uppercase;
329
+ }
330
+ .wpdevart_support {
331
+ float: right;
332
+ padding: 11px 20px 12px 50px;
333
+ margin-top: 15px;
334
+ position: relative;
335
+ }
336
+ .wpdevart_support:before {
337
+ content: "";
338
+ background: url(../../images/support-white.png) no-repeat;
339
+ width: 25px;
340
+ height: 25px;
341
+ background-size: 25px;
342
+ top: 8px;
343
+ position: absolute;
344
+ left: 15px;
345
+ }
346
+ .div-for-clear:after {
347
+ content: '';
348
+ clear: both;
349
+ display: table;
350
+ }
351
+ .wpdevart_support:hover,
352
+ .wpdevart_upgrade:hover,
353
+ .wpdevart_support:focus,
354
+ .wpdevart_upgrade:focus {
355
+ color:#ffffff;
356
+ opacity:0.85;
357
+ box-shadow: none;
358
+ outline: none;
359
+ text-decoration:none;
360
+ }
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: wpdevart
3
  Tags: Facebook, facebook comments, facebook comment plugin, comments, wordpress comments
4
  Requires at least: 2.9
5
- Tested up to: 5.2.2
6
- Stable tag: 1.9.4
7
  License: GPLv3
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
@@ -408,6 +408,10 @@ Yes, If you are logged in(Fb account) then you will see the moderate options for
408
 
409
  * Changed featured plugin info.
410
 
 
 
 
 
411
  ==Step by step guide==
412
 
413
  ### Main options
2
  Contributors: wpdevart
3
  Tags: Facebook, facebook comments, facebook comment plugin, comments, wordpress comments
4
  Requires at least: 2.9
5
+ Tested up to: 5.3.2
6
+ Stable tag: 1.9.5
7
  License: GPLv3
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
408
 
409
  * Changed featured plugin info.
410
 
411
+ = 1.9.5 ==
412
+
413
+ * Edited the plugin admin.
414
+
415
  ==Step by step guide==
416
 
417
  ### Main options