首页 » Linux » Wordpress » 阅读文章
WordPress增加评论表情和评论插入图片
标签：WordPress
WordPress增加评论表情和评论插入图片，可以有效的增加用户体验和博客里的互动。当然WordPress里的类似插件很多，今天给大家角色的非插件实现的。
效果图
1.增加评论表情
下载smiley.php文件，点击下载，把此文件上传到你的主题文件夹下面。修改主题文件夹下面的comments.php，找到textarea，在上面加上
<?php include(TEMPLATEPATH . '/smiley.php'); ?>
css中加上
#smilelink{cursor:pointer;}
附本博客使用的表情包，放到wp-includes\images目录中覆盖。
smilies.zip (67.9 KB, 318 次)侧边栏最新留言表情解决方案
上面工作完成后，留言的表情在侧边栏显示的是字符，而不是表情。你可以一个个的替换，但是这样很麻烦。可以使用convert_smilies() 函数
在侧边栏相应位置
echo $output;
加上代码
$output = convert_smilies($output);
一般最新留言在模板sidebar.php中，有的定义到functions.php中了
2.评论插入图片
首先打开主题的functions.php在其里面加入以下代码:
function embed_images($content) {
$content = preg_replace('/\[img=?\]*(.*?)(\[\/img)?\]/e',
'"<mg src="\"$1\"" alt="\""" . basename("$1") . "\" />"', $content);
return $content;
}
add_filter('comment_text', 'embed_images')
在已有js或者新建js中添加
function embedImage() {
var URL = prompt('请输入图片 URL 地址:', 'http://');
if (URL) {
document.getElementById('comment').
value = document.getElementById('comment').value + '[img]' + URL + '[/img]';
}
}
记得要在主题的header.php调用上传的JS
最后,打开主题comment.php文件,在适当的位置加入
<a href="javascript:embedImage();">插入图片</a>
根据自己的模板增加css仿制图片过大而导致模板变形。
commentlist p img{
max-width:500px;
display:block;
padding:3px 0;
}
.commentlist p img{
width:expression(document.body.clientWidth> 500? "500px": "auto" );
}
侧边栏最新留言图片解决方案
上面处理完后，侧边栏显示的是[img]...[/img]类似字符，由于侧边栏留言一般限定字符个数的。而图片url都是占据字符的，所以为了保证美观，我们就将图片直接替换成文字
在侧边栏相应最新留言位置加上
$comment->comment_content=preg_replace('#\[img\](.*)\[/img\]#','[图]',$comment->comment_content);
声明: 本文由Ezencart原创,转载请保留链接:WordPress增加评论表情和评论插入图片
评论 共4条 (RSS 2.0) 发表评论
正准备加上表情的功能~~
测试
看桌还不错