WordPress评论贴图
个人觉着这个功能不错，虽然是老文章了可是我还是要转发一下，毕竟有时候一图顶千言啊。
在 WordPress 评论的内容中，如果用 〈img src=”图片地址” /〉 的语法，将被 WordPress 自带的过滤器删除，所以评论后看不到贴图。你可以利用类似 Quotmarks Replacer 阻止全角转换的方法阻止过滤器的运作，但对访客来说，输入语法是件不方便的事，万一输错了，还是要被过滤掉。所以最好是让访客直接输入”图片位址”就好。
实现让 WordPress 在评论上贴图有三步骤：
1、Wordpress 的评论不能用 〈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’);
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’);
上面的 embed_images 只是替换文字的小程式，类似替换表情符号为表情图片位址的方法。
2、另外还要准备一段 js，让按钮触发时，可开个小窗口输入图片位址：
function comment_image() {
var URL = prompt(‘请输入图片的 URL 地址:’);
if (URL) {
document.getElementById(‘comment’).value = document.getElementById(‘comment’).value + ‘[img]‘ + URL + ‘[/img]‘;
}}
var URL = prompt(‘请输入图片的 URL 地址:’);
if (URL) {
document.getElementById(‘comment’).value = document.getElementById(‘comment’).value + ‘[img]‘ + URL + ‘[/img]‘;
}}
将上面的 js 添加到页面里。
3、然后修改 comments.php 在合适位置添加链接：
<a onclick="comment_image(); return false;" href="#">贴图</a>
这只会出现文字链接，想改成按钮就要自己改 style.css 了。
该方法是Willin大师的原创，原文请参见：http://willin.atbhost.net/?p=1265，欲看效果也请移步置Willin Kan 的博客
/*有一些温暖在我心间，伴随我想你的今天*/
相关日志-小站地图为你展开
<<下一篇 三低青年说
Jquery焦点图特效 上一篇 >>
