WpDevArt Facebook comments - Version 2.1.8

Version Description

=

  • Changed the Hire an Expert page design.

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 2.1.8
Comparing to
See all releases

Code changes from version 2.1.7 to 2.1.8

Files changed (5) hide show
  1. facebook-comment.php +2 -2
  2. includes/admin_menu.php +21 -21
  3. includes/style/admin-style.css +1 -1
  4. includes/style/hire_expert.css +16 -16
  5. readme.txt +5 -1
facebook-comment.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin URI: https://wpdevart.com/wordpress-facebook-comments-plugin
5
  * Author URI: https://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: 2.1.7
8
  * Author: wpdevart
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
10
  */
@@ -95,7 +95,7 @@ class wpdevart_comment_main{
95
  public function plugin_activate_sublink($links){
96
  $plugin_submenu_added_link=array();
97
  $added_link = array(
98
- '<a target="_blank" style="color: rgba(10, 154, 62, 1); font-weight: bold; font-size: 13px;" href="http://wpdevart.com/wordpress-facebook-comments-plugin">Upgrade to Pro</a>',
99
  );
100
  $plugin_submenu_added_link=array_merge( $plugin_submenu_added_link, $added_link );
101
  $plugin_submenu_added_link=array_merge( $plugin_submenu_added_link, $links );
4
  * Plugin URI: https://wpdevart.com/wordpress-facebook-comments-plugin
5
  * Author URI: https://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: 2.1.8
8
  * Author: wpdevart
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
10
  */
95
  public function plugin_activate_sublink($links){
96
  $plugin_submenu_added_link=array();
97
  $added_link = array(
98
+ '<a target="_blank" style="color: #7052fb; font-weight: bold; font-size: 13px;" href="http://wpdevart.com/wordpress-facebook-comments-plugin">Upgrade to Pro</a>',
99
  );
100
  $plugin_submenu_added_link=array_merge( $plugin_submenu_added_link, $added_link );
101
  $plugin_submenu_added_link=array_merge( $plugin_submenu_added_link, $links );
includes/admin_menu.php CHANGED
@@ -540,19 +540,19 @@ Also, here is another tutorial(from other source) of creating App Id, you can ch
540
  margin: 0 auto;
541
  }
542
  .blue_button{
543
- display: inline-block;
544
- font-size: 15px;
545
- text-decoration: none;
546
- border-radius: 5px;
547
- color: #ffffff;
548
- font-weight: 400;
549
- opacity: 1;
550
- -webkit-transition: opacity 0.3s;
551
- -moz-transition: opacity 0.3s;
552
- transition: opacity 0.3s;
553
- background-image: linear-gradient(141deg, #32d6db, #00a0d2);
554
- padding: 10px 22px;
555
- text-transform: uppercase;
556
  }
557
  .blue_button:hover,
558
  .blue_button:focus {
@@ -570,15 +570,15 @@ Also, here is another tutorial(from other source) of creating App Id, you can ch
570
 
571
  }
572
  .featured_plugin_title{
573
- color: #0073aa;
574
- font-size: 18px;
575
- display: inline-block;
576
  }
577
  .featured_plugin_title a{
578
- text-decoration:none;
579
- font-size: 19px;
580
- line-height: 22px;
581
- color: #00a0d2;
582
 
583
  }
584
  .featured_plugin_title h4{
@@ -738,7 +738,7 @@ Also, here is another tutorial(from other source) of creating App Id, you can ch
738
  $content.='<p class="wpdevart_hire_description">'.$plugin["description"].'</p>';
739
  $content.='</div></a></div>';
740
  }
741
- $content.='<div><a target="_blank" class="wpdev_hire_button" href="https://wpdevart.com/hire-wordpress-developer-dedicated-experts-are-ready-to-help/">Start a project</a></div>';
742
  $content.='</div>';
743
 
744
  echo $content;
540
  margin: 0 auto;
541
  }
542
  .blue_button{
543
+ display: inline-block;
544
+ font-size: 15px;
545
+ text-decoration: none;
546
+ border-radius: 5px;
547
+ color: #ffffff;
548
+ font-weight: 400;
549
+ opacity: 1;
550
+ -webkit-transition: opacity 0.3s;
551
+ -moz-transition: opacity 0.3s;
552
+ transition: opacity 0.3s;
553
+ background-color: #7052fb;
554
+ padding: 10px 22px;
555
+ text-transform: uppercase;
556
  }
557
  .blue_button:hover,
558
  .blue_button:focus {
570
 
571
  }
572
  .featured_plugin_title{
573
+ color: #7052fb;
574
+ font-size: 18px;
575
+ display: inline-block;
576
  }
577
  .featured_plugin_title a{
578
+ text-decoration:none;
579
+ font-size: 19px;
580
+ line-height: 22px;
581
+ color: #7052fb;
582
 
583
  }
584
  .featured_plugin_title h4{
738
  $content.='<p class="wpdevart_hire_description">'.$plugin["description"].'</p>';
739
  $content.='</div></a></div>';
740
  }
741
+ $content.='<div><a target="_blank" class="wpdev_hire_button" href="https://wpdevart.com/hire-wordpress-developer-dedicated-experts-are-ready-to-help/">Hire an Expert</a></div>';
742
  $content.='</div>';
743
 
744
  echo $content;
includes/style/admin-style.css CHANGED
@@ -278,7 +278,7 @@ button{
278
  .pro_feature {
279
  font-size: 13px;
280
  font-weight: bold;
281
- color: rgba(10, 154, 62, 1);
282
  }
283
 
284
  /*For Support link*/
278
  .pro_feature {
279
  font-size: 13px;
280
  font-weight: bold;
281
+ color: #7052fb;
282
  }
283
 
284
  /*For Support link*/
includes/style/hire_expert.css CHANGED
@@ -1,10 +1,10 @@
1
  .wpdev_hire_exp_h1{
2
- text-align: center;
3
- color: #080808;
4
- font-size: 2em;
5
- margin: .67em 0;
6
- margin-top: 18px;
7
- margin-bottom: 34px;
8
  }
9
  .hire_expert_main{
10
  background-color:white;
@@ -33,7 +33,7 @@
33
  -moz-transform: translateY0);
34
  transform: translateY(0);
35
  min-height: 380px;
36
- background-image: linear-gradient(#5d59594f,#e0e0e0);
37
  vertical-align: top;
38
  cursor:pointer;
39
  }
@@ -98,15 +98,15 @@
98
  min-height: 63px;
99
  }
100
  .wpdev_hire_button{
101
- background-color: #cecdcd;
102
- border: none;
103
- color: white;
104
- padding: 15px 32px;
105
- text-align: center;
106
- text-decoration: none;
107
- display: inline-block;
108
- margin: 4px 2px;
109
- cursor: pointer;
110
  }
111
  .wpdev_hire_button:visited,.wpdev_hire_button:hover,.wpdev_hire_button:active,.wpdev_hire_button{
112
  color: #000000;
1
  .wpdev_hire_exp_h1{
2
+ text-align: center;
3
+ font-size: 50px;
4
+ font-weight: 700;
5
+ color: #2b2350;
6
+ margin: 20px auto 25px;
7
+ line-height: 1.2;
8
  }
9
  .hire_expert_main{
10
  background-color:white;
33
  -moz-transform: translateY0);
34
  transform: translateY(0);
35
  min-height: 380px;
36
+ background-image: linear-gradient(#8f7af4,#7052FD);
37
  vertical-align: top;
38
  cursor:pointer;
39
  }
98
  min-height: 63px;
99
  }
100
  .wpdev_hire_button{
101
+ background-color: #7052fb;
102
+ border: none;
103
+ color: white;
104
+ padding: 15px 32px;
105
+ text-align: center;
106
+ text-decoration: none;
107
+ display: inline-block;
108
+ margin: 4px 2px;
109
+ cursor: pointer;
110
  }
111
  .wpdev_hire_button:visited,.wpdev_hire_button:hover,.wpdev_hire_button:active,.wpdev_hire_button{
112
  color: #000000;
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: wpdevart
3
  Tags: Facebook, facebook comments, social comments, comments, wordpress comments
4
  Requires at least: 2.9
5
  Tested up to: 5.7.2
6
- Stable tag: 2.1.7
7
  License: GPLv3
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
@@ -500,6 +500,10 @@ Yes, If you are logged in(Fb account) then you will see the moderate options for
500
 
501
  * Changed featured plugins icons.
502
 
 
 
 
 
503
  ==Step by step guide==
504
 
505
  ### Main options
3
  Tags: Facebook, facebook comments, social comments, comments, wordpress comments
4
  Requires at least: 2.9
5
  Tested up to: 5.7.2
6
+ Stable tag: 2.1.8
7
  License: GPLv3
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
500
 
501
  * Changed featured plugins icons.
502
 
503
+ = 2.1.8 ==
504
+
505
+ * Changed the Hire an Expert page design.
506
+
507
  ==Step by step guide==
508
 
509
  ### Main options