北极寒流 » 网络资源 » 让你的WordPress 评论也能贴图 - 2010.08.21

让你的WordPress 评论也能贴图

WordPress实现评论贴图功能应该是十分有好处的,有时候某些问题不好用文字来表达,有个图片就显得直观多了。大家应该看见壹品集也开启了WordPress评论贴图功能,有兴趣的可以试试哦,注意请勿张贴不良图片啊!呵呵。

实现让 WP 评论贴图功能有三步骤:

〈1〉WP 的评论不能用 <img>, 我们就改用 [img], 所以先准备个转换字元的函式:
将下段放在 functions.php 中:

/* Comment Image Embedder */
function embed_images($content) {
$content = preg_replace('/[img=?]*(.*?)([/img)?]/e', '"<img src="$1" alt="" . basename("$1") . "" />"', $content);
return $content;
}
add_filter('comment_text', 'embed_images');
// -- END ----------------------------------------

上面的 embed_images 只是替换文字的小程式, 类似替换表情符号为表情图片位址的方法.

2〉另外还要准备一段 js, 让按钮触发时, 可开个小窗口输入图片地址:

//tie tu
function comment_image() {var URL = prompt('请输入图片的URL地址:', 'http://');if (URL) {document.getElementById('comment').value = document.getElementById('comment').value + '[img]' + URL + '[/img]';}}

将上面的 js 添加到别的 js 的最後面, 已经会载入, 就别管了.
若你没用到别的 js, 另存 embed_images.js, 在 header.php 的 /head 之前还要加上:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/embed_images.js"></script>

〈3〉然後修改 comments.php 在合适位置添加链接:

<a href='#' onclick='comment_image(); return false;'>我要贴图</a>

这只会出现文字链接, 想改成按钮就要自己改 style.css 了.
资料来源:http://kan.willin.org/?p=1265

评论关闭