Well this title is not new to some of wordpress blogger. Since I started blogging (to be honest very new), hovering those entire beautiful blog site existed, I always wondered how they can manage Twiiter avater in their comment area. Did they built their own plug-in or there might be a web service by twitter? While searching on goggle I got some blog post on SmashingMagazine and in WpBeginner, both described step by step approach towards your twitter based avatar for wordpress. Plugin named “Twittar” by SmashingMagazine and Ricardo Sousa. You can have a look at that post here.
But I found one in WordPress Plugin website name “Twitter Avatar” developed by BusinessXpand.com and author Thomas McGregor. It allows user to post there twitter username while they submit their comments. Below I will give some features and show how you can install this plugin to your wordpress theme.
What this “Twitter Avatar” do?
That picture tells everything, isn’t it?? Yes, you can have an additional text field for your commenter to submit their twitter username. Moreover it will show links to their twitter profile next to comment. Needless to say default avatar will be replaced by that twit commenter as well.
I personally liked it because it is customizable. You can give additional Css styling yourself which will fit with your designed template.
How to install?
Only problem I found with this problem is “You have open comment.php and insert some code” apart from that this plugin is fine. Well here we start…
- Download the plugin to your wordpress plugin folder ex: www.myblog.comwp-contentplugins
- Go to your dashboard click plugins
- Activate the plugin
- Go to edit themes and click on “comment.php“
- There you will find
<?php wp_list_comments(); ?>
- Replace that with this code:
<?php ( function_exists('twitter_comment') ? 'twitter_comment' : null ), 'avatar_size' => 96 ) ); ?>
- Again in the same file find this block :
<?php else : ?> <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> /> <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p> <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> /> <label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p> <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" /> <label for="url"><small>Website</small></label></p> <?php endif; ?>
- Just Bellow this code insert the following code:
<p><input type="text" name="author_twitter" id="author_twitter" value="<?php echo (isset($_COOKIE['author_twitter' . COOKIEHASH]) ? $_COOKIE['author_twitter' . COOKIEHASH] : '' );?>" size="15" tabindex="4" /> <label for="url"><small>Twitter Username</small></label></p>
Important : Don’t give your avatar size more than 90 pixel because this plugin can only work under 90 pixel image size avatar.
Well that’s it. You may find out a Twitter Avatar option in your dashboard, you can give some value there but I will recommend give the avatar size in your css style file.
No related posts.