说起来真是麻烦,评论表情功能本来就应该内置在wordpress中,可偏偏没有这个功能,而且文章内的表情不能自定义 :pxyun: 只好自己动手了,今天冷博客介绍两款插件只为实现一个功能:添加为你的评论添加表情符号!

第一个:Custom Smilies

自定义你的表情,包括表情符号。
cutom-smilies-prt1

如图,这个是冷博客的表情组,我取消了系统自带的表情,因为一组大的动画和一组小的静态表情,混在一起实在是太乱了。当然这也导致了一些早年间的文章没有表情 :pxaa:

这个插件安装很简单,和普通插件一样,安装之后可以在wp-includes/images/smilies/中 放上你喜欢的表情,然后回到控制面板首页,你会在左边栏看到表情或者smilies的选项设置,点击去就能看到你自己的表情了,在后面写入表情代码即可。

第二个,Highslide4wp

这是一个把你放在评论栏附近的一大堆表情符号,使用一个脚本统统收起来,这个说起来很麻烦,大家点击冷博客的评论栏的黄脸蛋就明白了。

这个插件最大的用处就是让你的页面变得整洁漂亮,安装很简单,没有设置页面,把你需要显示的图片放到 wp-includes/images/smilies/,起名为:icon_smile.gif 。

在修改模板目录下comments.php,在合适的位置,插入如下代码就可以实现冷博客的效果了。

<?php highslide_emoticons(); ?>

你也可以使用一个if语句来把上面的话包起来,这个无所谓。

到此为止,您的博客已经拥有和冷博客一样的评论插图功能了。

第三个,Hightslide真的只有这么点用么?

冷博客也产生过这个疑问 :pxwen: 于是网上查了一下,发现牛帖:http://blog.hi1980.com/2009/05/13/highslide4wp-replenish.html转述如下:

在编辑Highslide4WP插件目录中的highslide4wp.php文件在14行中插入以下的代码即可:

/* Add HighSlide Image Code  by:Showfom*/
add_filter(‘the_content’, ‘addhighslideclass_replace’);
function addhighslideclass_replace ($content)
{   global $post;
$pattern = “/<a(.*?)href=(‘|\”)([^>]*).(bmp|gif|jpeg|jpg|png)(‘|\”)(.*?)>(.*?)<\/a>/i”;
$replacement = ‘<a$1href=$2$3.$4$5 onclick=”return hs.expand(this);”$6>$7</a>’;
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
/* Add HighSlide */

/* Add HighSlide Image Code  by:Showfom*/

add_filter(‘the_content’, ‘addhighslideclass_replace’);

function addhighslideclass_replace ($content)

{   global $post;

$pattern = “/<a(.*?)href=(‘|\”)([^>]*).(bmp|gif|jpeg|jpg|png)(‘|\”)(.*?)>(.*?)<\/a>/i”;

$replacement = ‘<a$1href=$2$3.$4$5 class=”highslide-image” onclick=”return hs.expand(this);”$6>$7</a>’;

$content = preg_replace($pattern, $replacement, $content);

return $content;

}

/* Add HighSlide */

这样可以显示对有链接的图片进行本页面的缩放,效果很炫!冷博客也采用了这个代码,效果如下:

cutom-smilies-prt2

最后,还有一个小问题的解决:解决在IE出现点击关闭表情返回顶部问题

打开插件目录toys.php查找class=”highslide-close“

<a href=”#”  修改成 <a href=”javascript:void(0);” 即可解决此问题。

冷博客啰啰嗦嗦说了很多,有问题尽管使用表情留言吧!