WP Grins - Clickable Smilies Hack

Posted in: WordPress

I’ve released WP Grins, a clickable smilies hack for WordPress. This lets you easily add a row of smilies to the post form in the admin area, and/or the comment form on your blog.

Like the Quicktags, the smiley inserting is cursor-aware. It inserts the smiley tag where the cursor is as long as your browser supports it (IE and Mozilla are fine).

You can grab it from my WordPress Hacks page.

Popularity: 6% [?]

Posted January 24th, 2004 @ 2:05 AM

18 Replies

  1. MaThIbUs adds this Comment:

    In case you want to have a hand cursor when you move over the clickable smilies, just edit wp-grins.php as follows:

    (see next comment)

    [demo]

    Thanks for the great hack, alexking!

    January 25th, 2004 at 4:50 am

  2. MaThIbUs adds this Comment:

    I seem not to be able to post the code as a comment, so here is my post on the Wordpress support board.

    Sorry for the triple-post (maybe you could make a ‘preview’-hack? ;)).

    MaThIbUs

    January 25th, 2004 at 4:52 am

  3. Alex adds this Comment:

    Or you can just add some style:

    #wp_grins img {
      cursor: pointer;
      cursor: hand;
    }

    January 25th, 2004 at 4:55 am

  4. MaThIbUs adds this Comment:

    Of course :)

    But why use two times cursor:?

    I guess this ‘ll do:

    #wp_grins img {
    cursor: hand;
    }

    MaThIbUs

    January 25th, 2004 at 5:00 am

  5. Alex adds this Comment:

    One for IE, one for Mozilla.

    January 25th, 2004 at 5:13 am

  6. dainec adds this Comment:

    Is there a way to add smilies to those provided in the images directory? What about substituting (for instance, if you have a :) icon that you like better than the one WP provides)?

    May 21st, 2004 at 9:59 am

  7. Alex adds this Comment:

    Yes, you can change them in wp-include/vars.php.

    May 21st, 2004 at 10:18 am

  8. 鬼鬼网志–scavin’s blog! » Blog Archive » æ?’ä»¶çš„ä¹?è¶£ adds this Pingback:

    […] 加了ä¸?å°‘æ?’件,功能越æ?¥è¶Šå¤šäº† 中文WordPress Planet是个好地方~~ 首先是recent post,recent comments,å’Œmost-commented 这三个都很好安装,上传到/wp-content/plugins/目录å?ŽåŽ»Site Admin里激活,然å?ŽæŒ‰readme.txt里说明的修改themes里的sidebar.php文件就å?¯ä»¥äº†ã€‚。 还有WP Grins比较好玩,就是在Postå’Œcommented的时候有表情æ?’入。我在这里折腾了一个下å?ˆæ?žå®šï¼Œæœ€å?Žè¿˜æ˜¯ä»£ç ?çš„ä½?置问题,多试几次总会正确~ 图åƒ?相关æ?’ä»¶Photopress Plugin算是很好用的了~~~~安装在readme.txt里都能æ?žå®šï¼Œå°±æˆ‘这烂英语,开ç?€é‡‘å±±è¯?霸一样能看懂 random postéš?机文章 访问统计æ?’ä»¶Stattraq很好玩, 1ã€?访问统计æ?’ä»¶Stattraq:Statraq是一个读者统计分æž?çš„æ?’件,能够记录blogçš„æµ?览é‡?,访问人数,IP分æž?,æ?œç´¢å¼•擎关键字,å??å?‘链接等主è¦?的分æž?内容,目å‰?应该属于功能最强大的WordPress读者分æž?æ?’件。安装过程简å?•,推è??使用。 […]

    August 22nd, 2005 at 7:33 pm

  9. saha adds this Comment:

    thanks so much! this is great!!!

    January 11th, 2006 at 10:33 pm

  10. ZRong’s Blog » Blog Archive » 如何在WordPresså?Žå?°ä¸­åŠ å…¥è¡¨æƒ…ç¬¦å?· adds this Pingback:

    […] 方法也并ä¸?麻烦,首先下载WP-Grins这个æ?’件,按正常方å¼?安装。由于此æ?’ä»¶å¹¶ä¸?是针对2.0å¼€å?‘,因此è¦?先修改一下。找到wp-grins.php中的下é?¢è¿™å?¥ï¼ˆå¤§çº¦åœ¨34行): $grins .= ‘<img src="’.get_settings(’siteurl’).’/wp-images/smilies/’.$grin.’" alt="’.$tag.’" onclick="grin(”.$tag.”);"/> ‘; […]

    March 13th, 2006 at 7:21 am

  11. ZRong’s Blog - 正文 - 在WordPresså?Žå?°ä¸­å¢žåŠ è¡¨æƒ… adds this Pingback:

    […] 在如何在WordPresså?Žå?°ä¸­åŠ å…¥è¡¨æƒ…ç¬¦å?·ä¸€æ–‡ä¸­ï¼Œæˆ‘介ç»?了使用wp-grinsæ?’件在WordPresså?Žå?°ä¸­æ·»åŠ è¡¨æƒ…ç¬¦å?·çš„æ–¹æ³•。如果ä¸?满足于WordPress自带的表情符å?·ï¼Œå?¯ä»¥è‡ªè¡Œæ·»åŠ ã€‚ […]

    May 4th, 2006 at 2:09 am

  12. Sindhu adds this Comment:

    hello there! wp-grins is a nice hack. but it loads all smileys at once. is there any way we can hide that? under a more link maybe?

    http://chinnu.freeho[...]milies-edit/

    my very own edit :P lol

    October 12th, 2006 at 2:07 pm

  13. Блогът ми излезе от бета верÑ?иÑ?! :) adds this Pingback:

    […] безполезни. От деÑ?етината оÑ?танали любимите Ñ?а ми този за емотиконите, които ръÑ?Ñ? безразÑ?ъдно, където ми падне , и тези, […]

    May 13th, 2007 at 3:14 am

  14. Another 7 Useful Wordpress plugins–TheAnand’s Ripples adds this Pingback:

    […] Grins: We have smilies!!! too bad I couldn’t find this earlier. Now you can use them on all the […]

    May 29th, 2007 at 6:40 am

  15. Smiley Invasion at zHome adds this Pingback:

    […] war. Irgendwann kam ein Update meines Themes hier. Der Entwickler schreibt selbst, man solle doch WP-Grins benutzen für die Darstellung der Emoticons. Ums kurz zu machen. Das PlugIn stellt vorhandene […]

    August 19th, 2007 at 6:11 am

  16. Mike Holohan adds this Comment:

    Hi, I am trying to use the grins but I want to remove, evil and twisted but I can’t find where to edit them, I removed them from the omage location but still have the :evil: code on the page…

    I also looked in vars.php but it is not in there… any ideas?

    Mike.

    August 4th, 2008 at 12:27 pm

  17. Mike Holohan adds this Comment:

    Sorry, found it in wp-includes/functions.php

    Mike.

    August 4th, 2008 at 12:34 pm

  18. Le chocolat blanc… » Deux nouveaux plugins en place ! adds this Pingback:

    […] WP-Grins : Ce plugin permet de rajouter très simplement des smileys dans vos commentaires. […]

    September 21st, 2008 at 2:58 pm

Add a Comment

Please note: Use of a non-personal web site or blog in the field below and/or comments that are off-topic, personal attacks, or support requests will likely be removed at my discretion.

Note: This post is over 4 years old. You may want to check later in this blog to see if there is new information relevant to your comment.

January 25, 2004 » « January 24, 2004

About This Site

This is the personal web site of Alex King, a web developer in Denver, Colorado USA. More...


Crowd Favorite

Crowd Favorite is my software and web development business.

We build web applications, design and develop custom WordPress themes and plugins, and build custom sites using WordPress as a CMS.


I also have a tumblog that aggregates my online content from other services (Twitter, Flickr, del.icio.us. etc.).

America

Ads

Get Group Health Insurance
Car Loans available here