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.
This post is part of the project: WP Grins. View the project timeline for more context on this post.
This post is part of the project: WP Grins. View the project timeline for more context on this post.
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!
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
Or you can just add some style:
#wp_grins img {
cursor: pointer;
cursor: hand;
}
Of course 🙂
But why use two times
cursor:
?I guess this ‘ll do:
#wp_grins img {
cursor: hand;
}
MaThIbUs
One for IE, one for Mozilla.
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)?
Yes, you can change them in wp-include/vars.php.
[…] åŠ äº†ä¸?å°‘æ?’件,功能越æ?¥è¶Šå¤šäº† 䏿–‡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读者分æž?æ?’件。安装过程简å?•,推è??使用。 […]
thanks so much! this is great!!!
[…] 方法也并ä¸?麻烦,首先下载WP-Grins这个æ?’件,按æ£å¸¸æ–¹å¼?å®‰è£…ã€‚ç”±äºŽæ¤æ?’ä»¶å¹¶ä¸?是针对2.0å¼€å?‘ï¼Œå› æ¤è¦?先修改一下。找到wp-grins.phpä¸çš„下é?¢è¿™å?¥ï¼ˆå¤§çº¦åœ¨34行): $grins .= ‘<img src="’.get_settings(‘siteurl’).’/wp-images/smilies/’.$grin.’" alt="’.$tag.’" onclick="grin(”.$tag.”);"/> ‘; […]
[…] 在如何在WordPresså?Žå?°ä¸åŠ å…¥è¡¨æƒ…ç¬¦å?·ä¸€æ–‡ä¸ï¼Œæˆ‘介ç»?了使用wp-grinsæ?’件在WordPresså?Žå?°ä¸æ·»åŠ è¡¨æƒ…ç¬¦å?·çš„æ–¹æ³•。如果ä¸?满足于WordPress自带的表情符å?·ï¼Œå?¯ä»¥è‡ªè¡Œæ·»åŠ ã€‚ […]
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 😛 lol
[…] безполезни. От деÑ?етината оÑ?танали любимите Ñ?а ми този за емотиконите, които ръÑ?Ñ? безразÑ?ъдно, където ми падне , и тези, […]
[…] Grins: We have smilies!!! too bad I couldn’t find this earlier. Now you can use them on all the […]
[…] 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 […]
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 👿 code on the page…
I also looked in vars.php but it is not in there… any ideas?
Mike.
Sorry, found it in wp-includes/functions.php
Mike.
[…] WP-Grins : Ce plugin permet de rajouter très simplement des smileys dans vos commentaires. […]
[…] 方法也并ä¸éº»çƒ¦ï¼Œé¦–先下载 WP-Grins这个æ’件,按æ£å¸¸æ–¹å¼å®‰è£…ã€‚ç”±äºŽæ¤æ’件并䏿˜¯é’ˆå¯¹2.0å¼€å‘ï¼Œå› æ¤è¦å…ˆä¿®æ”¹ä¸€ä¸‹ã€‚找到wp-grins.phpä¸çš„下é¢è¿™å¥ï¼ˆå¤§çº¦åœ¨34行) $grins .= ‘<img src="’.get_settings(’siteurl’).’/wp-images/smilies/’.$grin.’" alt="’.$tag.’" onclick="grin(”.$tag.’’);"/> ‘; […]