Using disqus & facebook comment in wordpress themes

14
Using Disqus & Facebook Comment in WordPress Themes By: Md. Sajedul Haque Romi CEO, CodeBANGLA email.: [email protected] Facebook: fb.com/JonabROMI

Transcript of Using disqus & facebook comment in wordpress themes

Page 1: Using disqus & facebook comment in wordpress themes

Using Disqus & Facebook Comment in WordPress Themes

By: Md. Sajedul Haque RomiCEO, CodeBANGLAemail.: [email protected]: fb.com/JonabROMI

Page 2: Using disqus & facebook comment in wordpress themes

About WordPress Comments

Used for Both Posts and Pages Located generally in comments.php

of the theme Store information in wp_comments

database Table

Page 3: Using disqus & facebook comment in wordpress themes

Others Commenting Systems

Disqus Facebook Comments Google+ Comments liveFyre IntenseDebate Vicomi

Page 4: Using disqus & facebook comment in wordpress themes

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)

Page 5: Using disqus & facebook comment in wordpress themes

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

Page 6: Using disqus & facebook comment in wordpress themes

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

Page 7: Using disqus & facebook comment in wordpress themes

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

Page 8: Using disqus & facebook comment in wordpress themes

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>

Page 9: Using disqus & facebook comment in wordpress themes

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

Page 10: Using disqus & facebook comment in wordpress themes

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

Page 11: Using disqus & facebook comment in wordpress themes

Using Facebook Comments in WordPress Theme

Go to

https://developers.facebook.com/docs/plugins/comments

Get this code

Page 12: Using disqus & facebook comment in wordpress themes

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.

Page 13: Using disqus & facebook comment in wordpress themes

Questions

?????

Page 14: Using disqus & facebook comment in wordpress themes

Thank you

By: Md. Sajedul Haque Romi CEO, CodeBANGLA email.: [email protected] Facebook: fb.com/JonabROMI Skype: romi0199