WpDevArt Facebook comments - Version 2.0.4

Version Description

=

  • Added a service page in the admin panel.

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

Code changes from version 2.0.3 to 2.0.4

Files changed (12) hide show
  1. facebook-comment.php +1 -1
  2. images/hire_expert/1.png +0 -0
  3. images/hire_expert/2.png +0 -0
  4. images/hire_expert/3.png +0 -0
  5. images/hire_expert/4.png +0 -0
  6. images/hire_expert/5.png +0 -0
  7. images/hire_expert/6.png +0 -0
  8. images/hire_expert/7.png +0 -0
  9. images/hire_expert/8.png +0 -0
  10. includes/admin_menu.php +67 -2
  11. includes/style/hire_expert.css +120 -0
  12. readme.txt +6 -2
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.0.3
8
  * Author: wpdevart
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
10
  */
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.0.4
8
  * Author: wpdevart
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
10
  */
images/hire_expert/1.png ADDED
Binary file
images/hire_expert/2.png ADDED
Binary file
images/hire_expert/3.png ADDED
Binary file
images/hire_expert/4.png ADDED
Binary file
images/hire_expert/5.png ADDED
Binary file
images/hire_expert/6.png ADDED
Binary file
images/hire_expert/7.png ADDED
Binary file
images/hire_expert/8.png ADDED
Binary file
includes/admin_menu.php CHANGED
@@ -92,13 +92,16 @@ class wpdevart_comment_admin_menu{
92
  $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');
93
  $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'));
94
  $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'));
 
 
95
  add_action('admin_print_styles-' .$main_page, array($this,'menu_requeried_scripts'));
96
  add_action('admin_print_styles-' .$page_wpdevart_comment, array($this,'menu_requeried_scripts'));
 
97
 
98
  if(isset($submenu[$sub_men_cap]))
99
  add_submenu_page( $sub_men_cap, "Support or Any Ideas?", "<span style='color:#00ff66' >Support or Any Ideas?</span>", 'manage_options',"wpdevart_fbcomments_any_ideas",array($this, 'any_ideas'),155);
100
  if(isset($submenu[$sub_men_cap]))
101
- $submenu[$sub_men_cap][2][2]=wpdevart_comment_support_url;
102
  }
103
 
104
  /*###################### Any Ideas function ##################*/
@@ -114,7 +117,9 @@ class wpdevart_comment_admin_menu{
114
  wp_enqueue_script( 'comment-box-admin-script' );
115
  wp_enqueue_style('comment-box-admin-style');
116
  }
117
-
 
 
118
  /*###################### Generate parameters function ##################*/
119
 
120
  private function generete_parametrs($page_name){
@@ -655,5 +660,65 @@ Also, here is another tutorial(from other source) of creating App Id, you can ch
655
  </select>
656
  <?php
657
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
658
 
659
  }
92
  $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');
93
  $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'));
94
  $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'));
95
+ $page_hire = add_submenu_page( str_replace( ' ', '-', $this->menu_name), 'Hire an Expert', '<span style="color:#00ff66" >Hire an Expert</span>', 'manage_options', 'wpdevart-comment-hire-expert', array($this, 'hire_expert'));
96
+
97
  add_action('admin_print_styles-' .$main_page, array($this,'menu_requeried_scripts'));
98
  add_action('admin_print_styles-' .$page_wpdevart_comment, array($this,'menu_requeried_scripts'));
99
+ add_action('admin_print_styles-' .$page_hire, array($this,'menu_hire_expert_requeried_scripts'));
100
 
101
  if(isset($submenu[$sub_men_cap]))
102
  add_submenu_page( $sub_men_cap, "Support or Any Ideas?", "<span style='color:#00ff66' >Support or Any Ideas?</span>", 'manage_options',"wpdevart_fbcomments_any_ideas",array($this, 'any_ideas'),155);
103
  if(isset($submenu[$sub_men_cap]))
104
+ $submenu[$sub_men_cap][3][2]=wpdevart_comment_support_url;
105
  }
106
 
107
  /*###################### Any Ideas function ##################*/
117
  wp_enqueue_script( 'comment-box-admin-script' );
118
  wp_enqueue_style('comment-box-admin-style');
119
  }
120
+ public function menu_hire_expert_requeried_scripts(){
121
+ wp_enqueue_style("wpdevart_lightbox_hire_expert",$this->plugin_url.'includes/style/hire_expert.css');
122
+ }
123
  /*###################### Generate parameters function ##################*/
124
 
125
  private function generete_parametrs($page_name){
660
  </select>
661
  <?php
662
  }
663
+ public function hire_expert(){
664
+ $plugins_array=array(
665
+ 'custom_site_dev'=>array(
666
+ 'image_url' => $this->plugin_url.'images/hire_expert/1.png',
667
+ 'title' => 'Custom WordPress Development',
668
+ 'description' => 'Hire a WordPress expert and make any custom development for your WordPress website.'
669
+ ),
670
+ 'custom_plug_dev'=>array(
671
+ 'image_url' => $this->plugin_url.'images/hire_expert/2.png',
672
+ 'title' => 'WordPress Plugin Development',
673
+ 'description' => 'Our developers can create any WordPress plugin from zero. Also, they can customize any plugin and add any functionality.'
674
+ ),
675
+ 'custom_theme_dev'=>array(
676
+ 'image_url' => $this->plugin_url.'images/hire_expert/3.png',
677
+ 'title' => 'WordPress Theme Development',
678
+ 'description' => 'If you need an unique theme or any customizations for a ready theme, then our developers are ready.'
679
+ ),
680
+ 'custom_theme_inst'=>array(
681
+ 'image_url' => $this->plugin_url.'images/hire_expert/4.png',
682
+ 'title' => 'WordPress Theme Installation and Customization',
683
+ 'description' => 'If you need a theme installation and configuration, then just let us know, our experts configure it.'
684
+ ),
685
+ 'gen_wp_speed'=>array(
686
+ 'image_url' => $this->plugin_url.'images/hire_expert/5.png',
687
+ 'title' => 'General WordPress Support',
688
+ 'description' => 'Our developers can provide general support. If you have any problem with your website, then our experts are ready to help.'
689
+ ),
690
+ 'speed_op'=>array(
691
+ 'image_url' => $this->plugin_url.'images/hire_expert/6.png',
692
+ 'title' => 'WordPress Speed Optimization',
693
+ 'description' => 'Hire an expert from WpDevArt and let him take care of your website speed optimization.'
694
+ ),
695
+ 'mig_serv'=>array(
696
+ 'image_url' => $this->plugin_url.'images/hire_expert/7.png',
697
+ 'title' => 'WordPress Migration Services',
698
+ 'description' => 'Our developers can migrate websites from any platform to WordPress.'
699
+ ),
700
+ 'page_seo'=>array(
701
+ 'image_url' => $this->plugin_url.'images/hire_expert/8.png',
702
+ 'title' => 'WordPress On-Page SEO',
703
+ 'description' => 'On-page SEO is an important part of any website. Hire an expert and they will organize the on-page SEO for your website.'
704
+ )
705
+ );
706
+ $content='';
707
+
708
+ $content.='<h1 class="wpdev_hire_exp_h1"> Hire an Expert </h1>';
709
+ $content.='<div class="hire_expert_main">';
710
+ foreach($plugins_array as $key=>$plugin) {
711
+ $content.='<div class="wpdevart_hire_main"><a target="_blank" class="wpdev_hire_buklet" href="https://wpdevart.com/hire-a-wordpress-developer-online-submit-form/">';
712
+ $content.='<div class="wpdevart_hire_image"><img src="'.$plugin["image_url"].'"></div>';
713
+ $content.='<div class="wpdevart_hire_information">';
714
+ $content.='<div class="wpdevart_hire_title">'.$plugin["title"].'</div>';
715
+ $content.='<p class="wpdevart_hire_description">'.$plugin["description"].'</p>';
716
+ $content.='</div></a></div>';
717
+ }
718
+ $content.='<div><a target="_blank" class="wpdev_hire_button" href="https://wpdevart.com/hire-a-wordpress-developer-online-submit-form/">Start a project</a></div>';
719
+ $content.='</div>';
720
+
721
+ echo $content;
722
+ }
723
 
724
  }
includes/style/hire_expert.css ADDED
@@ -0,0 +1,120 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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;
11
+ width:calc(100% - 20px);
12
+ padding:20px;
13
+ text-align: center;
14
+ box-sizing: border-box;
15
+ }
16
+ .wpdevart_hire_main {
17
+ color: #060606;
18
+ -webkit-box-sizing: border-box;
19
+ -moz-box-sizing: border-box;
20
+ box-sizing: border-box;
21
+ display: inline-block;
22
+ margin-right: 20px;
23
+ margin-bottom: 30px;
24
+ width: calc((100% - 120px)/6);
25
+ border-radius: 4px;
26
+ /* box-shadow: 1px 1px 7px rgb(0 0 0 / 10%); */
27
+ padding: 20px 25px;
28
+ text-align: center;
29
+ -webkit-transition: -webkit-transform .3s;
30
+ -moz-transition: -moz-transform .3s;
31
+ transition: all 0.2s;
32
+ -webkit-transform: translateY(0);
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
+ }
40
+ .wpdev_hire_buklet:hover,.wpdev_hire_buklet:active,.wpdev_hire_buklet{
41
+ color:#060606;
42
+ text-decoration:none;
43
+ }
44
+ @media screen and (max-width: 1850px){
45
+ .wpdevart_hire_main {
46
+ margin-right: 25px;
47
+ width: calc((100% - 125px)/5);
48
+ }
49
+ }
50
+ @media screen and (max-width: 1450px){
51
+ .wpdevart_hire_main {
52
+ margin-right: 25px;
53
+ width: calc((100% - 100px)/4);
54
+ }
55
+ }
56
+ @media screen and (max-width: 1150px){
57
+ .wpdevart_hire_main {
58
+ margin-right: 30px;
59
+ width: calc((100% - 90px)/3);
60
+ }
61
+ }
62
+ @media screen and (max-width: 900px){
63
+ .wpdevart_hire_main {
64
+ margin-right: 30px;
65
+ width: calc((100% - 60px)/2);
66
+ }
67
+ }
68
+ @media screen and (max-width: 500px){
69
+ .wpdevart_hire_main {
70
+ margin-right: 0px;
71
+ width: 100%;
72
+ }
73
+ .hire_expert_main{
74
+ width:100%;
75
+ }
76
+ }
77
+ .wpdevart_hire_main:hover {
78
+ box-shadow: 0 6px 20px 1px #151d22;
79
+ }
80
+ .wpdevart_hire_image {
81
+ max-width: 128px;
82
+ margin: 0 auto;
83
+ }
84
+ .wpdevart_hire_image img {
85
+ max-width: 100%;
86
+ }
87
+ .wpdevart_hire_information {
88
+ }
89
+ .wpdevart_hire_title {
90
+ color: #000000;
91
+ font-size: 18px;
92
+ display: inline-block;
93
+ font-weight: bold;
94
+ margin-top: 15px;
95
+ }
96
+ .wpdevart_hire_description {
97
+ font-size: 14px;
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;
113
+ text-decoration: none;
114
+ font-size: 18px;
115
+ font-weight: bold;
116
+ border-radius:3px;
117
+ }
118
+ .wpdev_hire_button:hover{
119
+ box-shadow: 0px 4px 11px 0px #151d22;
120
+ }
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.6.1
6
- Stable tag: 2.0.3
7
  License: GPLv3
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
@@ -444,6 +444,10 @@ Yes, If you are logged in(Fb account) then you will see the moderate options for
444
 
445
  * Edit comments default count.
446
 
 
 
 
 
447
  ==Step by step guide==
448
 
449
  ### 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.6.2
6
+ Stable tag: 2.0.4
7
  License: GPLv3
8
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
 
444
 
445
  * Edit comments default count.
446
 
447
+ = 2.0.4 ==
448
+
449
+ * Added a service page in the admin panel.
450
+
451
  ==Step by step guide==
452
 
453
  ### Main options