WP Grins Popup 1.5

May 3rd, 2008 Add Comment

注意: 此版本只支持 WordPress 2.5.x (或以上版本)

简介:
WP Grins Popup 是 WP Grins 1.5 的修改版本.
这个插件可以帮助你将那些碍眼的小图标放在 popup 上, 但前提是你正在使用 Highslide JS. 如果你不喜欢 Highslide 那样的效果, 只是为了这个表情图标的 pupop 而浪费 50kB 左右的开销以加载 JavaScript 代码, 会显得有些不值得.

要求:
WP Grins Popup 要求使用 Highslide JS. 我做的另一个插件 Highslide4WP 可以助你轻松地将 Highslide 应用到 WordPress 上.

安装:
1. 将 Highslide JS (highslide-with-html.js) 集成到你的 WordPress, 如果你正在使用, 跳过此步.

Highslide4WP 使用 highslide-with-html.js:
打开文件 highslide4wp.php, 查找 highslide.js, 并替换为 highslide-with-html.js.

2. 将 wp-grins-popup.php 解压到你的插件目录 /wp-content/plugins.
3. 去到你的 WordPress 管理后台, 选择插件标签页, 并激活 WP Grins Popup 插件.
4. 在 comments.php 中的某处加入语句: <span id="wp_grins_popup"></span>

下载:
该插件已被集成到插件 Highslide4WP 1.6 或以上版本中, 并停止更新和公开发布.

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: WP Grins Popup 1.5

  1. http://0.gravatar.com/avatar/e15cbd5d782d8ae2458309a9ebb66f1d?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    路过 ;-)

  2. http://1.gravatar.com/avatar/9e3e050b0115523ba317b843311c66dc?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  3. http://0.gravatar.com/avatar/cd5d89ec3ba0d22bff5cccb5e705f2a2?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @mg12
    我的主题中用到了 jQuery 所以正好自己再用 jQuery 做一个弹窗出来。
    另外, Google 的 AJAX API Library 中提供了 jQuery 的支持,从那儿加载 jQuery 比 WP 自带的要好很多,节省流量和带宽,相对来说也能提高加载速度。 我也正是觉得 Highslide 从自己的空间上加载开销过大,才把它优化掉的。

  4. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @alex
    鱼与熊掌不可兼得.

    @小言
    请看 Highslide4WP 的 readme 文件.

    @Xiaoding
    jQuery 不大吗? 文中说过了, 如果只为了这个表情框, 不建议使用该插件.

  5. http://0.gravatar.com/avatar/cd5d89ec3ba0d22bff5cccb5e705f2a2?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    为了节省 Highslide JS 的开销,俺用 jQuery 山寨了一个 WP Grins Popup 。。。没有 hs.expand() 效果……

  6. http://0.gravatar.com/avatar/4ae8bfd9451dbd3f848b016ee4e300a7?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    问一下 怎么弄成这个 :smile: 在留言栏 上 就是点开出现表情

  7. http://1.gravatar.com/avatar/758c87b5fb778849338d54093552049e?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    能麻烦你再分享一下WP Grins Popup 1.5吗?因为Highslide4WP和我用的另一个Highslide JS. 插件有冲突,无法同时使用,所以只能用这个只有表情的插件!十分感谢 :lol: 发在邮箱也可以
    春节快乐!

  8. http://1.gravatar.com/avatar/5b51abed6fb3f0b29e9c5559f84666c4?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    mg12 :@束关于将文字换成 "优雅" 的 icon 按钮.因为我自己修改过, 所以不一样.你如果想要那样的效果, 可以如下操作:1. 打开文件 wp-grins-popup.php2. 将第 55 行开始的:

    $grins = '<strong>EMOTICONS:</strong> Select an ';$grins .= '<a title="Pick an Emote" href="#" onclick="return hs.htmlExpand(this, { contentId: \'emoticons\' } )" class="highslide">';$grins .= 'emoticon';$grins .= '</a>.';

    更改为:

    $grins = '<a title="Pick an Emote" href="#" onclick="return hs.htmlExpand(this, { contentId: \'emoticons\' } )" class="highslide">';$grins .= '<img src="' . get_bloginfo('wpurl') . '/wp-includes/images/smilies/icon_smile.gif" alt="emoticons" />';$grins .= '</a>';

    我网站里面怎么没找到wp-grins-popup.php这个文件呢? :roll:

  9. http://1.gravatar.com/avatar/19689b0ff463ec6872afea3524303f0a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  10. http://0.gravatar.com/avatar/c33001b600f6896ea29962250ebf2a14?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    改好了,哈哈,很棒!

  11. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @束
    关于将文字换成 "优雅" 的 icon 按钮.
    因为我自己修改过, 所以不一样.
    你如果想要那样的效果, 可以如下操作:
    1. 打开文件 wp-grins-popup.php
    2. 将第 55 行开始的:

    $grins = '<strong>EMOTICONS:</strong> Select an ';
    $grins .= '<a title="Pick an Emote" href="#" onclick="return hs.htmlExpand(this, { contentId: \'emoticons\' } )" class="highslide">';
    $grins .= 'emoticon';
    $grins .= '</a>.';

    更改为:

    $grins = '<a title="Pick an Emote" href="#" onclick="return hs.htmlExpand(this, { contentId: \'emoticons\' } )" class="highslide">';
    $grins .= '<img src="' . get_bloginfo('wpurl') . '/wp-includes/images/smilies/icon_smile.gif" alt="emoticons" />';
    $grins .= '</a>';

  12. http://1.gravatar.com/avatar/92c216136a0e47fa0ac39725b07f02bf?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    http://clubyu.com/?p=3
    头像问题解决了,原来是分级的问题,呵呵,wp默认是G么?PG都不行啊。

  13. http://1.gravatar.com/avatar/92c216136a0e47fa0ac39725b07f02bf?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    再啰嗦的问一下,为什么我这边显示的是:EMOTICONS: Select an emoticon. 而您那里是个优雅的icon呢?

    您有im么?方便交流,我msn和gtalk都是 ypengfei[AT]gmail.com :twisted:

  14. http://1.gravatar.com/avatar/92c216136a0e47fa0ac39725b07f02bf?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    哦,ok了,刚看见的回复:

    @小
    打开文件 highslide4wp.php, 查找 highslide.js, 并替换为 highslide-with-html.js.

    照做之后问题解决,谢谢。但这个http://clubyu.com/?p=3还是希望你看一下,仍然有些问题。

  15. http://1.gravatar.com/avatar/92c216136a0e47fa0ac39725b07f02bf?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    对了,比如这里:http://clubyu.com/?p=3

  16. http://1.gravatar.com/avatar/92c216136a0e47fa0ac39725b07f02bf?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    我也是同样问题,回复处显示:EMOTICONS: Select an emoticon.我想是不是因为:
    1. 我本身没有安装表情插件(问一下,你做的这个插件带表情么?)
    2. 是不是我的代码没加对(但我发现你最新的主题里面已经集成那行代码了)

    最近一直麻烦你,感谢... :oops:

  17. http://1.gravatar.com/avatar/908e3c4a17e26511c962253f3183ceb0?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    我加上了....wordpress把我回帖里的代码直接转换了。。。我加了的

  18. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @ZG
    请加上 <span id="wp_grins_popup"></span>
    注意使用半角引号, WordPress 将我帖子上的引号转成全角的了.

  19. http://1.gravatar.com/avatar/908e3c4a17e26511c962253f3183ceb0?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @mg12,我安装了你的highslide4WP 1.5的,而且*.php里面那个....highslide.js也改成了..highslide-with-html.js。然后我安装激活了wpgrinspopup,在comments.php的submit comments按钮后面加上了Emotions,结果只是出来Emotions的字,而没有可点击的链接

  20. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @ZG 需要 Highslide JS 支持.

  21. http://1.gravatar.com/avatar/908e3c4a17e26511c962253f3183ceb0?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    我怎么怎么插入都没效果呢?

  22. http://0.gravatar.com/avatar/edfacc15815e1d003191d1afd505418f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    酷!!!
    可惜我的blog没这么多自主权 :sad:

  1. Loading...