<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Life Studio &#187; 表情</title>
	<atom:link href="http://wange.im/tag/expression/feed" rel="self" type="application/rss+xml" />
	<link>http://wange.im</link>
	<description>My Life, My Studio...</description>
	<lastBuildDate>Sat, 05 May 2012 00:26:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>自定义 WordPress 表情路径</title>
		<link>http://wange.im/custom-smilies-src-for-wordpress.html</link>
		<comments>http://wange.im/custom-smilies-src-for-wordpress.html#comments</comments>
		<pubDate>Tue, 18 Jan 2011 12:25:14 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[表情]]></category>

		<guid isPermaLink="false">http://wange.im/?p=4376</guid>
		<description><![CDATA[我每天都会走访很多朋友的博客，大多数都是 WordPress 的忠实拥护者，我们都会互相留言表示到此一游。在我路过的博客中大多数都开启了 WordPress 的表情功能，而其中的大多数都没有用 WordPress 默认自带的那 22 个丑到爆的表情，我们都追求个性化。但是我们是怎么替换这些表情的呢？相信大多数人和我之前一些，用最原始的方法，那就是以原文件名覆盖替换 WordPress 的 wp-includes/images/smilies 下的图片文件。那么如果碰到 WordPress 升级，或者更换主题后需要换另一套搭配的表情时，那我们就又需要再这样重复操作一遍。无论怎么样，我们都是不建议修改 WordPress 中的源代码的，哪怕只是图片。 其实 WordPress 已经给我们预留了表情路径的钩子，我们完全可以在主题的函数中自定义这个路径，而不必大费周章去覆盖替换原表情图片。方法很简单，在 WordPress 主题的 functions.php 文件中加入以下代码就可以了： add_filter('smilies_src','custom_smilies_src',1,10); function custom_smilies_src ($img_src, $img, $siteurl){     return get_bloginfo('template_directory').'/images/smilies/'.$img; } 从以上代码中可以看出，我的表情图片是放在主题目录的 images/smilies 中，这样可以更方便地随自己的主题进行管理，当然以上只是修改 WordPress 表情的路径，要激活表情功能还需要参看此文，如果你觉得 22 个表情不够爽的话还可以看看这篇文章。 与 WordPress,图片,表情 相关的文章 将 Wordpress 中的表情符号转化为图片 2009年12月8日 Wordpress 默认的22个表情不够用？ 2009年11月3日 Wordpress 自带表情代码 2009年06月29日 WordPress [...]]]></description>
			<content:encoded><![CDATA[<p>我每天都会走访很多朋友的博客，大多数都是 WordPress 的忠实拥护者，我们都会互相留言表示到此一游。在我路过的博客中大多数都<a title="WordPress 非插件调用表情符" href="http://wange.im/expression-without-plugins-in-wordpress.html">开启了 WordPress 的表情功能</a>，而其中的大多数都没有用 WordPress 默认自带的那 22 个丑到爆的表情，我们都追求个性化。但是我们是怎么替换这些表情的呢？相信大多数人和我之前一些，用最原始的方法，那就是以原文件名覆盖替换 WordPress 的 wp-includes/images/smilies 下的图片文件。那么如果碰到 WordPress 升级，或者更换主题后需要换另一套搭配的表情时，那我们就又需要再这样重复操作一遍。无论怎么样，我们都是不建议修改 WordPress 中的源代码的，哪怕只是图片。</p>
<p>其实 WordPress 已经给我们预留了表情路径的钩子，我们完全可以在主题的函数中自定义这个路径，而不必大费周章去覆盖替换原表情图片。方法很简单，在 WordPress 主题的 functions.php 文件中加入以下代码就可以了：</p>
<div class="source" style="font-family: 'Courier New', 'Consolas', 'Lucida Console'; color: #000000;"><span style="color: #000000;">add_filter</span>(<span style="color: #0000ff;">'smilies_src'</span><span style="color: #000000;">,</span><span style="color: #0000ff;">'custom_smilies_src'</span><span style="color: #000000;">,</span><span style="color: #0000ff;">1</span><span style="color: #000000;">,</span><span style="color: #0000ff;">10</span>);<br />
<span style="color: #000080; font-weight: bold;">function</span> <span style="color: #000000;">custom_smilies_src</span> (<span style="color: #000000;">$img_src</span><span style="color: #000000;">,</span> <span style="color: #000000;">$img</span><span style="color: #000000;">,</span> <span style="color: #000000;">$siteurl</span><span style="color: #000000;">){</span><br />
    <span style="color: #000080; font-weight: bold;">return</span> <span style="color: #000000;">get_bloginfo</span>(<span style="color: #0000ff;">'template_directory'</span><span style="color: #000000;">).</span><span style="color: #0000ff;">'/images/smilies/'</span><span style="color: #000000;">.</span><span style="color: #000000;">$img</span>;<br />
<span style="color: #000000;">}</span></div>
<p>从以上代码中可以看出，我的表情图片是放在主题目录的 images/smilies 中，这样可以更方便地随自己的主题进行管理，当然以上只是修改 WordPress 表情的路径，要激活表情功能还需要<a title="WordPress 非插件调用表情符" href="http://wange.im/expression-without-plugins-in-wordpress.html">参看此文</a>，如果你觉得 22 个表情不够爽的话还可以看看<a title="WordPress 默认的22个表情不够用？" href="http://wange.im/wordpress-default-22-expression-is-not-enough.html">这篇文章</a>。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/picture/" title="图片" rel="tag">图片</a>,<a href="http://wange.im/tag/expression/" title="表情" rel="tag">表情</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/convert-smilies-to-pic-in-wordpress.html" rel="bookmark" title="将 Wordpress 中的表情符号转化为图片">将 Wordpress 中的表情符号转化为图片</a>        <div class="rl_date">2009年12月8日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-default-22-expression-is-not-enough.html" rel="bookmark" title="Wordpress 默认的22个表情不够用？">Wordpress 默认的22个表情不够用？</a>        <div class="rl_date">2009年11月3日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-emotion-images.html" rel="bookmark" title="Wordpress 自带表情代码">Wordpress 自带表情代码</a>        <div class="rl_date">2009年06月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/most-viewed-with-thumbs-for-wordpress.html" rel="bookmark" title="WordPress 实现带图片的点击量排行">WordPress 实现带图片的点击量排行</a>        <div class="rl_date">2011年03月26日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/custom-smilies-src-for-wordpress.html/feed</wfw:commentRss>
		<slash:comments>213</slash:comments>
		</item>
		<item>
		<title>非插件调用 WordPress 表情</title>
		<link>http://wange.im/wordpress-smiles-without-plugins.html</link>
		<comments>http://wange.im/wordpress-smiles-without-plugins.html#comments</comments>
		<pubDate>Sat, 13 Mar 2010 12:39:59 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[转来载去]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[表情]]></category>
		<category><![CDATA[非插件]]></category>

		<guid isPermaLink="false">http://wange.im/?p=2837</guid>
		<description><![CDATA[今天又在 Google Reader 上掏到了好东东，看到盒子写了一篇《17行代码为 wordpress 添加评论表情列表》，我马上联想到现在正在用的 Willin 大师的非插件调用 WordPress 表情符的方法，两者实现的效果都是一样的，就是抛弃插件，用代码来实现 WordPress 自带的表情。我比较了一下，盒子的方法居然更精简，效率更高，马上应用到了自己的主题上，并转载方法如下： 将以下代码复制到 comments.php 中合适的位置： &#60;!--smilies--&#62;        &#60;?php function wp_smilies() {     global $wpsmiliestrans;     if ( !get_option('use_smilies') or (empty($wpsmiliestrans))) return;     $smilies = array_unique($wpsmiliestrans);     $link='';     foreach ($smilies as $key =&#62; $smile) {         $file = get_bloginfo('wpurl').'/wp-includes/images/smilies/'.$smile;         $value = " ".$key." ";         [...]]]></description>
			<content:encoded><![CDATA[<p>今天又在 Google Reader 上掏到了好东东，看到<a title="盒子" href="http://hezi.info/" target="_blank">盒子</a>写了一篇<a title="17行代码为 wordpress 添加评论表情列表" href="http://hezi.info/share/wordpress/wordpress-smilies-code.html" target="_blank">《17行代码为 wordpress 添加评论表情列表》</a>，我马上联想到现在正在用的 Willin 大师的<a title="Wordpress 非插件调用表情符" href="http://wange.im/expression-without-plugins-in-wordpress.html">非插件调用 WordPress 表情符</a>的方法，两者实现的效果都是一样的，就是抛弃插件，用代码来实现 WordPress 自带的表情。我比较了一下，盒子的方法居然更精简，效率更高，马上应用到了自己的主题上，并转载方法如下：</p>
<p>将以下代码复制到 comments.php 中合适的位置：</p>
<div class="source" style="font-family: 'Courier New','Lucida Console','monospace'; color: #000000;"><span style="color: #000000;">&lt;!--smilies--&gt;        </span><br />
<span style="color: #008080;">&lt;?php</span><br />
<span style="color: #000080; font-weight: bold;">function</span> <span style="color: #000000;">wp_smilies</span>() <span style="color: #000000;">{</span><br />
    <span style="color: #000080; font-weight: bold;">global</span> <span style="color: #000000;">$wpsmiliestrans</span>;<br />
    <span style="color: #000080; font-weight: bold;">if</span> ( <span style="color: #000000;">!</span><span style="color: #000000;">get_option</span>(<span style="color: #0000ff;">'use_smilies'</span>) <span style="color: #000080; font-weight: bold;">or</span> (<span style="color: #000080; font-weight: bold;">empty</span>(<span style="color: #000000;">$wpsmiliestrans</span>))) <span style="color: #000080; font-weight: bold;">return</span>;<br />
    <span style="color: #000000;">$smilies</span> <span style="color: #000000;">=</span> <span style="color: #000000;">array_unique</span>(<span style="color: #000000;">$wpsmiliestrans</span>);<br />
    <span style="color: #000000;">$link</span><span style="color: #000000;">=</span><span style="color: #0000ff;">''</span>;<br />
    <span style="color: #000080; font-weight: bold;">foreach</span> (<span style="color: #000000;">$smilies</span> <span style="color: #000080; font-weight: bold;">as</span> <span style="color: #000000;">$key</span> <span style="color: #000000;">=&gt;</span> <span style="color: #000000;">$smile</span>) <span style="color: #000000;">{</span><br />
        <span style="color: #000000;">$file</span> <span style="color: #000000;">=</span> <span style="color: #000000;">get_bloginfo</span>(<span style="color: #0000ff;">'wpurl'</span>)<span style="color: #000000;">.</span><span style="color: #0000ff;">'/wp-includes/images/smilies/'</span><span style="color: #000000;">.</span><span style="color: #000000;">$smile</span>;<br />
        <span style="color: #000000;">$value</span> <span style="color: #000000;">=</span> <span style="color: #0000ff;">" "</span><span style="color: #000000;">.</span><span style="color: #000000;">$key</span><span style="color: #000000;">.</span><span style="color: #0000ff;">" "</span>;<br />
        <span style="color: #000000;">$img</span> <span style="color: #000000;">=</span> <span style="color: #0000ff;">"&lt;img src=</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;">{</span><span style="color: #000000;">$file</span><span style="color: #0000ff;">}</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;"> alt=</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;">{</span><span style="color: #000000;">$smile</span><span style="color: #0000ff;">}</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;"> /&gt;"</span>;<br />
        <span style="color: #000000;">$imglink</span> <span style="color: #000000;">=</span> <span style="color: #000000;">htmlspecialchars</span>(<span style="color: #000000;">$img</span>);<br />
        <span style="color: #000000;">$link</span> <span style="color: #000000;">.=</span> <span style="color: #0000ff;">"&lt;a href=</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;">#commentform</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;"> title=</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;">{</span><span style="color: #000000;">$smile</span><span style="color: #0000ff;">}</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;"> onclick=</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;">document.getElementById('comment').value += '</span><span style="color: #0000ff;">{</span><span style="color: #000000;">$value</span><span style="color: #0000ff;">}</span><span style="color: #0000ff;">'</span><span style="color: #0000ff;">\"</span><span style="color: #0000ff;">&gt;</span><span style="color: #0000ff;">{</span><span style="color: #000000;">$img</span><span style="color: #0000ff;">}</span><span style="color: #0000ff;">&lt;/a&gt;&amp;nbsp;"</span>;<br />
    <span style="color: #000000;">}</span><br />
    <span style="color: #000080; font-weight: bold;">echo</span> <span style="color: #0000ff;">'&lt;div class="wp_smilies"&gt;'</span><span style="color: #000000;">.</span><span style="color: #000000;">$link</span><span style="color: #000000;">.</span><span style="color: #0000ff;">'&lt;/div&gt;'</span>;<br />
<span style="color: #000000;">}</span><br />
<span style="color: #008080;">?&gt;</span><br />
<span style="color: #008080;">&lt;?php</span> <span style="color: #000000;">wp_smilies</span>();<span style="color: #008080;">?&gt;</span><br />
<span style="color: #000000;">&lt;!--smilies--&gt;</span></div>
<p>当然，为了便于管理，你也可以把函数部分放在 functions.php 里，然后在 comments.php 里用&lt;?php wp_smilies(); ?&gt; 来调用。</p>
<p>这里，还要感谢 <a href="http://www.thinkagain.cn/" target="_blank">ThinkAgain</a> 大虾，以上代码提取自他的 wp-smilies 插件。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/expression/" title="表情" rel="tag">表情</a>,<a href="http://wange.im/tag/no-plugins/" title="非插件" rel="tag">非插件</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/expression-without-plugins-in-wordpress.html" rel="bookmark" title="Wordpress 非插件调用表情符">Wordpress 非插件调用表情符</a>        <div class="rl_date">2009年07月4日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wg-ie6warn-without-plugins.html" rel="bookmark" title="万戈牌 Fuck IE6 非插件版">万戈牌 Fuck IE6 非插件版</a>        <div class="rl_date">2011年05月13日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/digu.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="非插件同步 WordPress 日志到嘀咕" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/sync-wordpress-to-digu.html" rel="bookmark" title="非插件同步 WordPress 日志到嘀咕">非插件同步 WordPress 日志到嘀咕</a>        <div class="rl_date">2011年03月31日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/no-self-ping-in-wordpress.html" rel="bookmark" title="阻止 Wordpress 对站内文章的 pingback">阻止 Wordpress 对站内文章的 pingback</a>        <div class="rl_date">2011年03月28日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/wordpress-smiles-without-plugins.html/feed</wfw:commentRss>
		<slash:comments>93</slash:comments>
		</item>
		<item>
		<title>将 WordPress 中的表情符号转化为图片</title>
		<link>http://wange.im/convert-smilies-to-pic-in-wordpress.html</link>
		<comments>http://wange.im/convert-smilies-to-pic-in-wordpress.html#comments</comments>
		<pubDate>Tue, 08 Dec 2009 11:33:24 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[侧边栏]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[表情]]></category>
		<category><![CDATA[邮件]]></category>

		<guid isPermaLink="false">http://wange.im/?p=2297</guid>
		<description><![CDATA[长久以来一直困扰着我一个问题，别人的 WordPress 侧边栏中的最新评论都是可以显示表情图片的，而唯独我的最新留言中只是显示图片的代码，会让人感觉很别扭。但幸好不影响到整体美观，而且我又不愿用插件解决这个问题，所以搁置着成了我的心病。不过我一直没有放弃寻求解决的方案，今天在 zwwooooo 的提点下实现了在 WordPress 的侧边栏最新评论中显示表情图片的效果。 问题的关键就在于 convert_smilies() 函数，以下转自 WordPress 啦！关于 convert_smilies() 函数的介绍： 说明：将文本中的表情符号转换为表情图像。只在选项 'use_smilies' 为 true，且函数中的全局变量不为空时转换表情符号。 用法：&#60;?php convert_smilies( $text ) ?&#62; 参数：$text（字符串）（必需）需要转换表情符号的内容，默认值：None。返回的值，（字符串）将表情转换为图像之后的文本。 说到这里，稍微有些 PHP 基础的朋友应该已经看明白了，只要在最新评论的输出前用 convert_smilies() 函数将带有表情符号的内容转化为图片就可以了，具体的就根据各位不同的函数操作了。 解决了侧边栏最新留言的表情图片问题，我又突然联想到了评论回复的邮件通知中的表情问题。具我所知，在所有的邮件通知插件中只有 mail to commenter 插件是可以输出评论中的表情图片的，其他插件包括最著名的 wp thread comment，都只能输出表情的代码符号。我曾经为了解决这个问题而特别研究 mail to commenter 插件，未果，今天终于真相大白，原来只需区区一行 convert_smilies() 函数就搞定了。 关于评论回复的邮件通知，我现在并没有用任何插件，而是用 Willin 大师的《Ajax comments 評論回應郵件通知》的方法实现的，不过在他的方法中也是不能输出表情图片的，这是个小小的遗憾。我将 convert_smilies() 函数添加了进去，成功实现了带表情图片的邮件通知，欢迎同学们测试。 以下是对 Willin 大师的 comments-ajax.php 文件的小修改，同样用此方法的童鞋可以照搬：找到变量 $message = （邮件内容）;在后面添加一行：$message = [...]]]></description>
			<content:encoded><![CDATA[<p>长久以来一直困扰着我一个问题，别人的 WordPress 侧边栏中的最新评论都是可以显示表情图片的，而唯独我的最新留言中只是显示图片的代码，会让人感觉很别扭。但幸好不影响到整体美观，而且我又不愿用插件解决这个问题，所以搁置着成了我的心病。不过我一直没有放弃寻求解决的方案，今天在 <a title="ZWWoOoOo's Blog" rel="external nofollow" href="http://zww.me/" target="_blank">zwwooooo</a> 的提点下实现了在 WordPress 的侧边栏最新评论中显示表情图片的效果。</p>
<p>问题的关键就在于 convert_smilies() 函数，以下转自 WordPress 啦！<a title="常用函数-convert_smilies()" rel="external nofollow" href="http://www.wordpress.la/codex-%E5%B8%B8%E7%94%A8%E5%87%BD%E6%95%B0-convert_smilies%28%29.html" target="_blank">关于 convert_smilies() 函数的介绍</a>：</p>
<ul>
<li>说明：将文本中的表情符号转换为表情图像。只在选项 'use_smilies' 为 true，且函数中的全局变量不为空时转换表情符号。</li>
<li>用法：&lt;?php convert_smilies( $text ) ?&gt;</li>
<li>参数：$text（字符串）（必需）需要转换表情符号的内容，默认值：None。返回的值，（字符串）将表情转换为图像之后的文本。</li>
</ul>
<p>说到这里，稍微有些 PHP 基础的朋友应该已经看明白了，只要在最新评论的输出前用 convert_smilies() 函数将带有表情符号的内容转化为图片就可以了，具体的就根据各位不同的函数操作了。</p>
<p>解决了侧边栏最新留言的表情图片问题，我又突然联想到了评论回复的邮件通知中的表情问题。具我所知，在所有的邮件通知插件中只有 mail to commenter 插件是可以输出评论中的表情图片的，其他插件包括最著名的 wp thread comment，都只能输出表情的代码符号。我曾经为了解决这个问题而特别研究 mail to commenter 插件，未果，今天终于真相大白，原来只需区区一行 convert_smilies() 函数就搞定了。</p>
<p>关于评论回复的邮件通知，我现在并没有用任何插件，而是用 Willin 大师的<a title="Ajax comments 評論回應郵件通知" rel="external nofollow" href="http://willin.heliohost.org/?p=1279" target="_blank">《Ajax comments 評論回應郵件通知》</a>的方法实现的，不过在他的方法中也是不能输出表情图片的，这是个小小的遗憾。我将 convert_smilies() 函数添加了进去，成功实现了带表情图片的邮件通知，欢迎同学们测试。</p>
<p>以下是对 Willin 大师的 comments-ajax.php 文件的小修改，同样用此方法的童鞋可以照搬：找到变量 $message = （邮件内容）;在后面添加一行：$message = convert_smilies($message);</p>
<p>这样就 OK 了，就是如此简单，用 wp thread comment 插件的朋友也可以按照这个方法修改试试，这里不再熬述。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/sidebar/" title="侧边栏" rel="tag">侧边栏</a>,<a href="http://wange.im/tag/picture/" title="图片" rel="tag">图片</a>,<a href="http://wange.im/tag/expression/" title="表情" rel="tag">表情</a>,<a href="http://wange.im/tag/mail/" title="邮件" rel="tag">邮件</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/custom-smilies-src-for-wordpress.html" rel="bookmark" title="自定义 Wordpress 表情路径">自定义 Wordpress 表情路径</a>        <div class="rl_date">2011年01月18日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-default-22-expression-is-not-enough.html" rel="bookmark" title="Wordpress 默认的22个表情不够用？">Wordpress 默认的22个表情不够用？</a>        <div class="rl_date">2009年11月3日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-emotion-images.html" rel="bookmark" title="Wordpress 自带表情代码">Wordpress 自带表情代码</a>        <div class="rl_date">2009年06月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/most-viewed-with-thumbs-for-wordpress.html" rel="bookmark" title="WordPress 实现带图片的点击量排行">WordPress 实现带图片的点击量排行</a>        <div class="rl_date">2011年03月26日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/convert-smilies-to-pic-in-wordpress.html/feed</wfw:commentRss>
		<slash:comments>149</slash:comments>
		</item>
		<item>
		<title>WordPress 默认的22个表情不够用？</title>
		<link>http://wange.im/wordpress-default-22-expression-is-not-enough.html</link>
		<comments>http://wange.im/wordpress-default-22-expression-is-not-enough.html#comments</comments>
		<pubDate>Tue, 03 Nov 2009 11:33:35 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[表情]]></category>

		<guid isPermaLink="false">http://wange.im/?p=2043</guid>
		<description><![CDATA[你有过这样的小烦恼吗？用 WP-Grins 之类的表情插件时感觉 WordPress 自带的22个默认表情太少了，不能表达你丰富的情感；或者因为评论框太宽了，以至于22个默认表情没有分散对齐，一边倒，不协调；又或者 WordPress 默认的表情太古板，想换一套？ 首先声明，本文的方法是基于 WordPress 非插件调用表情符，还没有搞明白的朋友可以先去看个究竟。如果是用 WP-Grins 之类表情插件的朋友就需要自己适当修改了，不过原理都是一样的，很容易明白。 1、上传/更换表情图片： WordPress 默认的表情被存放在/wp-includes/images/smilies 目录下，其中就有22个 gif 格式的默认表情图片，可以全套更换之（不要随意改变图片的文件名），也可以适当添加你喜欢的表情图片，将新的表情图片命名为 smile_1.gif、smile_2.gif、smile_3.gif…… 点此打包下载我的22个表情图片 2、修改 WordPress 关于调用表情的相关函数： WordPress 的默认表情函数被存放在 /wp-includes/functions.php 文件中，大约在2601行开始，是定义表情相关的函数，我们会看到类似这样的定义方式： ':mrgreen:' =&#62; 'icon_mrgreen.gif', ':neutral:' =&#62; 'icon_neutral.gif', ':twisted:' =&#62; 'icon_twisted.gif', 我不是很懂 PHP，不过这些代码并不难理解，就是表情符与表情图片的文件名一一相对应。那就依样画葫芦，我们可以添加以下新表情代码： ':smile_1:' =&#62; 'smile_1.gif', ':smile_2:' =&#62; 'smile_2.gif', ':smile_3:' =&#62; 'smile_3.gif', 3、最后在 smiley.php 文件中添加对新表情图片的调用： 在文件中看到以下类似的代码： &#60;a href="javascript:grin(':mrgreen:')"&#62;&#60;img src="/wp-includes/images/smilies/icon_mrgreen.gif" alt="" [...]]]></description>
			<content:encoded><![CDATA[<p>你有过这样的小烦恼吗？用 WP-Grins 之类的表情插件时感觉 WordPress 自带的22个默认表情太少了，不能表达你丰富的情感；或者因为评论框太宽了，以至于22个默认表情没有分散对齐，一边倒，不协调；又或者 WordPress 默认的表情太古板，想换一套？</p>
<p>首先声明，本文的方法是基于 <a title="Wordpress 非插件调用表情符" href="http://wange.im/expression-without-plugins-in-wordpress.html">WordPress 非插件调用表情符</a>，还没有搞明白的朋友可以先去看个究竟。如果是用 WP-Grins 之类表情插件的朋友就需要自己适当修改了，不过原理都是一样的，很容易明白。</p>
<p>1、上传/更换表情图片：</p>
<p>WordPress 默认的表情被存放在/wp-includes/images/smilies 目录下，其中就有22个 gif 格式的默认表情图片，可以全套更换之（不要随意改变图片的文件名），也可以适当添加你喜欢的表情图片，将新的表情图片命名为 smile_1.gif、smile_2.gif、smile_3.gif…… <a href="/wp-content/uploads/2009/11/smilies.rar" target="_blank">点此打包下载</a>我的22个表情图片</p>
<p>2、修改 WordPress 关于调用表情的相关函数：</p>
<p>WordPress 的默认表情函数被存放在 /wp-includes/functions.php 文件中，大约在2601行开始，是定义表情相关的函数，我们会看到类似这样的定义方式：</p>
<div class="source">
<div style="FONT-FAMILY: 'Courier New','Lucida Console','monospace'; COLOR: #000000"><span style="COLOR: #0000ff">':mrgreen:'</span> <span style="COLOR: #000000">=&gt;</span> <span style="COLOR: #0000ff">'icon_mrgreen.gif'</span><span style="COLOR: #000000">,</span><br />
<span style="COLOR: #0000ff">':neutral:'</span> <span style="COLOR: #000000">=&gt;</span> <span style="COLOR: #0000ff">'icon_neutral.gif'</span><span style="COLOR: #000000">,</span><br />
<span style="COLOR: #0000ff">':twisted:'</span> <span style="COLOR: #000000">=&gt;</span> <span style="COLOR: #0000ff">'icon_twisted.gif'</span><span style="COLOR: #000000">,</span></div>
</div>
<p>我不是很懂 PHP，不过这些代码并不难理解，就是表情符与表情图片的文件名一一相对应。那就依样画葫芦，我们可以添加以下新表情代码：</p>
<div class="source">
<div style="FONT-FAMILY: 'Courier New','Lucida Console','monospace'; COLOR: #000000"><span style="COLOR: #0000ff">':smile_1:'</span> <span style="COLOR: #000000">=&gt;</span> <span style="COLOR: #0000ff">'smile_1.gif'</span><span style="COLOR: #000000">,</span><br />
<span style="COLOR: #0000ff">':smile_2:'</span> <span style="COLOR: #000000">=&gt;</span> <span style="COLOR: #0000ff">'smile_2.gif'</span><span style="COLOR: #000000">,</span><br />
<span style="COLOR: #0000ff">':smile_3:'</span> <span style="COLOR: #000000">=&gt;</span> <span style="COLOR: #0000ff">'smile_3.gif'</span><span style="COLOR: #000000">,</span></div>
</div>
<p>3、最后在 smiley.php 文件中添加对新表情图片的调用：</p>
<p>在文件中看到以下类似的代码：</p>
<div class="source">
<div style="FONT-FAMILY: 'Courier New','Lucida Console','monospace'; COLOR: #000000"><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">a</span> <span style="COLOR: #000000">href</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"javascript:grin(':mrgreen:')"</span><span style="COLOR: #000000">&gt;&lt;</span><span style="COLOR: #000000">img</span> <span style="COLOR: #000000">src</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"/wp-includes/images/smilies/icon_mrgreen.gif"</span> <span style="COLOR: #000000">alt</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">""</span> <span style="COLOR: #000000">/&gt;&lt;/</span><span style="COLOR: #000000">a</span><span style="COLOR: #000000">&gt;</span><br />
<span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">a</span> <span style="COLOR: #000000">href</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"javascript:grin(':neutral:')"</span><span style="COLOR: #000000">&gt;&lt;</span><span style="COLOR: #000000">img</span> <span style="COLOR: #000000">src</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"/wp-includes/images/smilies/icon_neutral.gif"</span> <span style="COLOR: #000000">alt</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">""</span> <span style="COLOR: #000000">/&gt;&lt;/</span><span style="COLOR: #000000">a</span><span style="COLOR: #000000">&gt;</span><br />
<span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">a</span> <span style="COLOR: #000000">href</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"javascript:grin(':twisted:')"</span><span style="COLOR: #000000">&gt;&lt;</span><span style="COLOR: #000000">img</span> <span style="COLOR: #000000">src</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"/wp-includes/images/smilies/icon_twisted.gif"</span> <span style="COLOR: #000000">alt</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">""</span> <span style="COLOR: #000000">/&gt;&lt;/</span><span style="COLOR: #000000">a</span><span style="COLOR: #000000">&gt;</span></div>
</div>
<p>我们同样再依样画葫芦，把对新表情的调用添加进去：</p>
<div class="source">
<div style="FONT-FAMILY: 'Courier New','Lucida Console','monospace'; COLOR: #000000"><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">a</span> <span style="COLOR: #000000">href</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"javascript:grin(':smile_1:')"</span><span style="COLOR: #000000">&gt;&lt;</span><span style="COLOR: #000000">img</span> <span style="COLOR: #000000">src</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"/wp-includes/images/smilies/smile_1.gif"</span> <span style="COLOR: #000000">alt</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">""</span> <span style="COLOR: #000000">/&gt;&lt;/</span><span style="COLOR: #000000">a</span><span style="COLOR: #000000">&gt;</span><br />
<span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">a</span> <span style="COLOR: #000000">href</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"javascript:grin(':smile_2:')"</span><span style="COLOR: #000000">&gt;&lt;</span><span style="COLOR: #000000">img</span> <span style="COLOR: #000000">src</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"/wp-includes/images/smilies/smile_2.gif"</span> <span style="COLOR: #000000">alt</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">""</span> <span style="COLOR: #000000">/&gt;&lt;/</span><span style="COLOR: #000000">a</span><span style="COLOR: #000000">&gt;</span><br />
<span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">a</span> <span style="COLOR: #000000">href</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"javascript:grin(':smile_3:')"</span><span style="COLOR: #000000">&gt;&lt;</span><span style="COLOR: #000000">img</span> <span style="COLOR: #000000">src</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">"/wp-includes/images/smilies/smile_3.gif"</span> <span style="COLOR: #000000">alt</span><span style="COLOR: #000000">=</span><span style="COLOR: #0000ff">""</span> <span style="COLOR: #000000">/&gt;&lt;/</span><span style="COLOR: #000000">a</span><span style="COLOR: #000000">&gt;</span></div>
</div>
<p>没有时间再给主题一次一次地做大手术，只能小打小闹小折腾，算不上技术，但也算原创，童鞋们就凑合着看吧。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/picture/" title="图片" rel="tag">图片</a>,<a href="http://wange.im/tag/expression/" title="表情" rel="tag">表情</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/custom-smilies-src-for-wordpress.html" rel="bookmark" title="自定义 Wordpress 表情路径">自定义 Wordpress 表情路径</a>        <div class="rl_date">2011年01月18日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/convert-smilies-to-pic-in-wordpress.html" rel="bookmark" title="将 Wordpress 中的表情符号转化为图片">将 Wordpress 中的表情符号转化为图片</a>        <div class="rl_date">2009年12月8日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-emotion-images.html" rel="bookmark" title="Wordpress 自带表情代码">Wordpress 自带表情代码</a>        <div class="rl_date">2009年06月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/most-viewed-with-thumbs-for-wordpress.html" rel="bookmark" title="WordPress 实现带图片的点击量排行">WordPress 实现带图片的点击量排行</a>        <div class="rl_date">2011年03月26日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/wordpress-default-22-expression-is-not-enough.html/feed</wfw:commentRss>
		<slash:comments>109</slash:comments>
		</item>
		<item>
		<title>WordPress 非插件调用表情符</title>
		<link>http://wange.im/expression-without-plugins-in-wordpress.html</link>
		<comments>http://wange.im/expression-without-plugins-in-wordpress.html#comments</comments>
		<pubDate>Sat, 04 Jul 2009 00:22:17 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[转来载去]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[留言]]></category>
		<category><![CDATA[表情]]></category>
		<category><![CDATA[非插件]]></category>

		<guid isPermaLink="false">http://wange.im/?p=1247</guid>
		<description><![CDATA[几天前本站刚介绍过 WordPress 自带表情代码，为了抵制使用不必要的插件，我将 WordPress 自带的22个表情代码都列了出来，方便以后自己使用。或许常用的笑脸符号我们都知道是什么代码，但要将这22个表情符号都背下来那可得花段时间，也没这个必要。就在这时候，Willin大师挺身而出，提供了一个两全齐美的办法，既可以不用插件调用 WordPress 默认的表情，又不需要强记这些代码，可以供访客直接选用，这就完全替代了 wp-grins 插件。 步骤： 1、点此下载（0.8K）smiley.rar，将其解压缩并上传至主题所以文件夹下。 2、在 comments.php 的 textarea 之前的适当位置加入以下代码： &#60;?php include(TEMPLATEPATH . '/smiley.php'); ?&#62; 简简单单两步就这样代替了 wp-grins 插件，效果可以见我的留言框上一排表情符，和使用 wp-grins 的效果是一样的，但是免去了调用 prototype.js，这样速度会快很多，基本不影响 WordPress 的载入速度。 虽说Willin大师的这个方法也是转载来的，但是已经被Willin大师改进过了，我看了看原作者的方法，使用起来要比Willin大师提供的这个方法复杂一些。Willin大师果然很好很强大！ 原文转自：http://willin.atbhost.net/?p=1268 与 WordPress,留言,表情,非插件 相关的文章 非插件调用 Wordpress 表情 2010年03月13日 万戈牌 Fuck IE6 非插件版 2011年05月13日 非插件同步 WordPress 日志到嘀咕 2011年03月31日 阻止 Wordpress 对站内文章的 pingback 2011年03月28日]]></description>
			<content:encoded><![CDATA[<p>几天前<a title="Life Studio" href="http://wange.im">本站</a>刚介绍过 <a title="《Wordpress 自带表情代码》" href="http://wange.im/wordpress-emotion-images.html">WordPress 自带表情代码</a>，为了抵制使用不必要的插件，我将 WordPress 自带的22个表情代码都列了出来，方便以后自己使用。或许常用的笑脸符号我们都知道是什么代码，但要将这22个表情符号都背下来那可得花段时间，也没这个必要。就在这时候，<a title="Willin Kan 的博客" rel="external nofollow" href="http://willin.atbhost.net" target="_blank">Willin大师</a>挺身而出，提供了一个两全齐美的办法，既可以不用插件调用 WordPress 默认的表情，又不需要强记这些代码，可以供访客直接选用，这就完全替代了 wp-grins 插件。</p>
<p>步骤：</p>
<p>1、<a style="text-decoration:underline" title="smiley.rar" href="http://wange.im/wp-content/uploads/2009/07/smiley.rar" target="_blank">点此下载</a>（0.8K）smiley.rar，将其解压缩并上传至主题所以文件夹下。</p>
<p>2、在 comments.php 的 textarea 之前的适当位置加入以下代码：</p>
<div class="source">
<div style="FONT-FAMILY: '[object HTMLOptionElement]','Consolas','Lucida Console','Courier New'; COLOR: #000000"><span style="COLOR: #008080">&lt;?php</span> <span style="COLOR: #000080; FONT-WEIGHT: bold">include</span>(<span style="COLOR: #000000">TEMPLATEPATH</span> <span style="COLOR: #000000">.</span> <span style="COLOR: #0000ff">'/smiley.php'</span>); <span style="COLOR: #008080">?&gt;</span></div>
</div>
<p>简简单单两步就这样代替了 wp-grins 插件，效果可以见我的留言框上一排表情符，和使用 wp-grins 的效果是一样的，但是免去了调用 prototype.js，这样速度会快很多，基本不影响 WordPress 的载入速度。</p>
<p>虽说Willin大师的这个方法也是转载来的，但是已经被Willin大师改进过了，我看了看原作者的方法，使用起来要比Willin大师提供的这个方法复杂一些。Willin大师果然很好很强大！</p>
<p>原文转自：<a title="《WP 表情符號》" rel="external nofollow" href="http://willin.atbhost.net/?p=1268" target="_blank">http://willin.atbhost.net/?p=1268</a></p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/leave-word/" title="留言" rel="tag">留言</a>,<a href="http://wange.im/tag/expression/" title="表情" rel="tag">表情</a>,<a href="http://wange.im/tag/no-plugins/" title="非插件" rel="tag">非插件</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-smiles-without-plugins.html" rel="bookmark" title="非插件调用 Wordpress 表情">非插件调用 Wordpress 表情</a>        <div class="rl_date">2010年03月13日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wg-ie6warn-without-plugins.html" rel="bookmark" title="万戈牌 Fuck IE6 非插件版">万戈牌 Fuck IE6 非插件版</a>        <div class="rl_date">2011年05月13日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/digu.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="非插件同步 WordPress 日志到嘀咕" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/sync-wordpress-to-digu.html" rel="bookmark" title="非插件同步 WordPress 日志到嘀咕">非插件同步 WordPress 日志到嘀咕</a>        <div class="rl_date">2011年03月31日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/no-self-ping-in-wordpress.html" rel="bookmark" title="阻止 Wordpress 对站内文章的 pingback">阻止 Wordpress 对站内文章的 pingback</a>        <div class="rl_date">2011年03月28日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/expression-without-plugins-in-wordpress.html/feed</wfw:commentRss>
		<slash:comments>145</slash:comments>
		</item>
		<item>
		<title>WordPress 自带表情代码</title>
		<link>http://wange.im/wordpress-emotion-images.html</link>
		<comments>http://wange.im/wordpress-emotion-images.html#comments</comments>
		<pubDate>Mon, 29 Jun 2009 11:55:45 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[DIY]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[总结]]></category>
		<category><![CDATA[表情]]></category>

		<guid isPermaLink="false">http://wange.im/?p=1183</guid>
		<description><![CDATA[开篇第一句，先喊一下我的口号：能用代码搞定的就绝不用插件解决！再结合本文标题，聪明的你应该已经猜到我想写什么了吧。没错，我要总结一下 WordPress 自带表情的代码来代替 WP Grins 插件。WP Grins 表情插件大家都很熟悉了，就是调用 prototype.js 实现在博客留言框的上方和编辑文章的输入框的下方添加一排表情按钮，很方便。不过这也就是我为什么讨厌用插件的原因，动不动就调用 JS，更讨厌这种 prototype.js 的巨型 JS。其实这表情并不是插件所带的，而是 WordPress 自带的，WP Grins 无非是调用了这些表情而已。 既然如此，我们只需要知道这些表情的代码就可以用啦。归纳如下： 　咧嘴笑　':D'　':-D'　':grin:' 　忧伤　':('　':-('　':sad:' 　惊讶　'8O'　'8-O'　':shock:' 　耍酷　'8)'　'8-)'　':cool:' 　冷笑　':P'　':-P'　':razz:' 　自然的表情　':&#124;'　':-&#124;'　':neutral:' 　笑脸　':)'　':-)'　':smile:' 　吃惊　':o'　':-o'　':eek:' 　困惑　':?'　':-?'　':???:' 　抓狂　':x'　':-x'　':mad:' 　眨眼　';)'　';-)'　':wink:' 　大笑　':lol:' 　右箭头　':arrow:' 　感叹　':!:' 　红脸　':oops:' 　恶魔　':evil:' 　疑问　':?:' 　哭泣　':cry:' 　痛苦　':twisted:' 　好主意　':idea:' 　绿脸先生　':mrgreen:' 　转眼珠　':roll:' 要记住这些代码可不容易，所以写下这篇归纳性文章，需要用时自己看看，呵呵。扩展一下，因为这些表情都是 WordPress 自带的，在 /wp-includes/images/smilies 文件夹下可以找到这些表情图片，把你自己喜欢的表情图片以原文件名覆盖就可以 DIY 属于你的表情图片了。 与 DIY,WordPress,代码,图片,总结,表情 相关的文章 Wordpress 自定义顶部图像 2011年01月29日 自定义 [...]]]></description>
			<content:encoded><![CDATA[<p>开篇第一句，先喊一下我的口号：<a title="“能用代码搞定的就绝不用插件解决” 的搜索结果" href="http://wange.im/?s=%E8%83%BD%E7%94%A8%E4%BB%A3%E7%A0%81%E6%90%9E%E5%AE%9A%E7%9A%84%E5%B0%B1%E7%BB%9D%E4%B8%8D%E7%94%A8%E6%8F%92%E4%BB%B6%E8%A7%A3%E5%86%B3">能用代码搞定的就绝不用插件解决</a>！再结合本文标题，聪明的你应该已经猜到我想写什么了吧。没错，我要总结一下 WordPress 自带表情的代码来代替 WP Grins 插件。WP Grins 表情插件大家都很熟悉了，就是调用 prototype.js 实现在博客留言框的上方和编辑文章的输入框的下方添加一排表情按钮，很方便。不过这也就是我为什么讨厌用插件的原因，动不动就调用 JS，更讨厌这种 prototype.js 的巨型 JS。其实这表情并不是插件所带的，而是 WordPress 自带的，WP Grins 无非是调用了这些表情而已。</p>
<p>既然如此，我们只需要知道这些表情的代码就可以用啦。归纳如下：</p>
<p> <img src='http://wange.im/wp-includes/images/smilies/icon_biggrin.gif' alt=':grin:' class='wp-smiley' /> 　咧嘴笑　':D'　':-D'　':grin:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_sad.gif' alt=':sad:' class='wp-smiley' /> 　忧伤　':('　':-('　':sad:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_eek.gif' alt=':shock:' class='wp-smiley' /> 　惊讶　'8O'　'8-O'　':shock:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_cool.gif' alt=':cool:' class='wp-smiley' /> 　耍酷　'8)'　'8-)'　':cool:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_razz.gif' alt=':razz:' class='wp-smiley' /> 　冷笑　':P'　':-P'　':razz:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_neutral.gif' alt=':neutral:' class='wp-smiley' /> 　自然的表情　':|'　':-|'　':neutral:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_smile.gif' alt=':smile:' class='wp-smiley' /> 　笑脸　':)'　':-)'　':smile:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_surprised.gif' alt=':eek:' class='wp-smiley' /> 　吃惊　':o'　':-o'　':eek:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_confused.gif' alt=':???:' class='wp-smiley' /> 　困惑　':?'　':-?'　':???:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_mad.gif' alt=':mad:' class='wp-smiley' /> 　抓狂　':x'　':-x'　':mad:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_wink.gif' alt=':wink:' class='wp-smiley' /> 　眨眼　';)'　';-)'　':wink:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_lol.gif' alt=':lol:' class='wp-smiley' /> 　大笑　':lol:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_arrow.gif' alt=':arrow:' class='wp-smiley' /> 　右箭头　':arrow:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_exclaim.gif' alt=':!:' class='wp-smiley' /> 　感叹　':!:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' /> 　红脸　':oops:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_evil.gif' alt=':evil:' class='wp-smiley' /> 　恶魔　':evil:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_question.gif' alt=':?:' class='wp-smiley' /> 　疑问　':?:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_cry.gif' alt=':cry:' class='wp-smiley' /> 　哭泣　':cry:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_twisted.gif' alt=':twisted:' class='wp-smiley' /> 　痛苦　':twisted:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_idea.gif' alt=':idea:' class='wp-smiley' /> 　好主意　':idea:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' /> 　绿脸先生　':mrgreen:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_rolleyes.gif' alt=':roll:' class='wp-smiley' /> 　转眼珠　':roll:'</p>
<p>要记住这些代码可不容易，所以写下这篇归纳性文章，需要用时自己看看，呵呵。扩展一下，因为这些表情都是 WordPress 自带的，在 /wp-includes/images/smilies 文件夹下可以找到这些表情图片，把你自己喜欢的表情图片以原文件名覆盖就可以 DIY 属于你的表情图片了。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/diy/" title="DIY" rel="tag">DIY</a>,<a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a>,<a href="http://wange.im/tag/picture/" title="图片" rel="tag">图片</a>,<a href="http://wange.im/tag/summary/" title="总结" rel="tag">总结</a>,<a href="http://wange.im/tag/expression/" title="表情" rel="tag">表情</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/diybanner.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="Wordpress 自定义顶部图像" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/add-custom-image-header-in-wordpress.html" rel="bookmark" title="Wordpress 自定义顶部图像">Wordpress 自定义顶部图像</a>        <div class="rl_date">2011年01月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/custom-smilies-src-for-wordpress.html" rel="bookmark" title="自定义 Wordpress 表情路径">自定义 Wordpress 表情路径</a>        <div class="rl_date">2011年01月18日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/convert-smilies-to-pic-in-wordpress.html" rel="bookmark" title="将 Wordpress 中的表情符号转化为图片">将 Wordpress 中的表情符号转化为图片</a>        <div class="rl_date">2009年12月8日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-default-22-expression-is-not-enough.html" rel="bookmark" title="Wordpress 默认的22个表情不够用？">Wordpress 默认的22个表情不够用？</a>        <div class="rl_date">2009年11月3日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/wordpress-emotion-images.html/feed</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
	</channel>
</rss>

