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: 4% [?]

Posted January 24th, 2004 @ 2:05 AM

19 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

  19. 杜海凡 | Talk » 如何在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.’’);"/> ‘; [...]

    January 9th, 2009 at 2:23 am

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 5 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 - america09.com

Ads

web design services