Post on 23-Jun-2015
Using Disqus & Facebook Comment in WordPress Themes
By: Md. Sajedul Haque RomiCEO, CodeBANGLAemail.: romi@codebangla.comFacebook: fb.com/JonabROMI
About WordPress Comments
Used for Both Posts and Pages Located generally in comments.php
of the theme Store information in wp_comments
database Table
Others Commenting Systems
Disqus Facebook Comments Google+ Comments liveFyre IntenseDebate Vicomi
Why integration these commenting Systems
Offloading traffic to other servers Reduce the usage of wp_comments
table Alternative to way to stop spamming Auto Related Topics SMM ( Social Media Maketing)
Using Disqus & Facebook Comments
These two are mostly used commenting Systems
Disqus provides auto related posts, social shares, favorite options
Facebook comments add SMM value of facebook
Using Disqus in WordPress Theme
Sign up to disqus.com Verify your account Get shortcode for your WordPress
site Like mysite.disqus.com
Go to https://mysite.disqus.com/admin/universalcode/
Look for universal Code
Using Disqus in WordPress Theme
Paste the whole code before </body> except <div id="disqus_thread"></div><diid="disqus_thread"></div>
</body> tag locates generally in footer.php of the theme
Using Disqus in WordPress Theme
Now paste <div id="disqus_thread"></div>
in comments.php And you are done! You will disqus
comment box in your WordPress site! In addition, add <a href="http://foo.com/bar.html#disqus_thread">Link</a>
Before <div id="disqus_thread"></div>
Using Facebook Comments in WordPress Theme
Create a facebook app to get fb_appId
Go to https://developers.facebook.com/docs/javascript/quickstart/v2.0
for Facebook SDK for JavaScript
Using Facebook Comments in WordPress Theme
Paste this code with your app-id just after<body> tag Generally <body tag locates in header.php of wordpress
theme
Using Facebook Comments in WordPress Theme
Go to
https://developers.facebook.com/docs/plugins/comments
Get this code
Using Facebook Comments in WordPress Theme
Paste the two code blocks in comments.php
Look <div class="fb-comments" data-href="http://example.com/comments" data-numposts="5" data-colorscheme="light" data-width="100%"></div>
Replace <?php echo get_permalink(); ?> in place of the red colored href
Value for unique comments for separate posts & comments
That’s the trick! You are done! You will see faceboob
comment box inside your WordPress Site.
Questions
?????
Thank you
By: Md. Sajedul Haque Romi CEO, CodeBANGLA email.: romi@codebangla.com Facebook: fb.com/JonabROMI Skype: romi0199