5
一

Highslide4WP国产表情插件高级用法

Posted by | (7) Comment

Highslide4WP是国人的一款文章及评论表情插件，且能实现弹出窗口，不占空间，绿色环保。下载地址。也可以后台搜索安装。效果见本文页面下的笑脸图标，点击它，有惊喜。

<?php if (function_exists('highslide_emoticons')) : ?>
	<?php highslide_emoticons(); ?>
<?php endif; ?>

将上面的代码添加到commnet.php 文件的适当位置，可以用DIV控制

但是这个插件有点小问题，如果你用IE的话，你点那个关闭按钮就会回到页面顶部，极大的不方便，如何改，看下面。

编辑 highslide4wp/toys.php，找到：$highslide_emoticon .= '<li class="highslide-close"><a href="#" onclick="return hs.close(this)">' . __('Close', 'highslide4wp') . '</a></li>';将 # 替换为 javascript:void(0); 即可。

这个插件可扩展性很高，但更新缓慢，比如下面的功能，点图片看效果

 

4247384931 e9ec8ab272 Highslide4WP国产表情插件高级用法

是不是看到了熟悉的highslide效果？点击放大，再点击复原，呵呵，又可以少装一个插件了，速度明显又有提高。

编辑 highslide4wp/highslide4wp.php，将下面的代码添加到第14行代码的上面。也就是function highslide_head_admin()上面。

/* Add HighSlide */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 */

你还可以DIY，更改那个默认的图标。还是修改toys.php文件。

$highslide_emoticon .= '<img src="' . get_bloginfo('wpurl') . '/wp-includes/images/smilies/icon_smile.gif" alt="插入表情" />';

找到上面的代码，icon_smile.gif就是默认的，你可以随意更改为其它图片，alt属性默认是emotions，我改成插入表情，至此一切OK。

Tags : , , ,
Category : 插件优化

7 Responses to “Highslide4WP国产表情插件高级用法”

  1. 619 说道：
    2010 年 01 月 06 日 5:27 上午

    老早以前的东西啰！

    回复
  2. 淘宝网女装 说道：
    2010 年 01 月 06 日 10:45 上午

    还可以

    回复
  3. 夏影残雪 说道：
    2010 年 01 月 06 日 3:52 下午

    那个缩放图貌似loading特别慢啊...

    我用了这个插件，不过一直没使用缩放图那个功能。 :roll:

    回复
  4. 广州服装批发市场 说道：
    2010 年 01 月 06 日 5:16 下午

    写得还可以

    回复
  5. 左手烟 说道：
    2010 年 01 月 11 日 11:56 下午

    留言错乱问题解决了 :grin:

    回复

Leave a Reply