技术干货

WordPress 评论中嵌入图片

果壳 · 9月30日 · 2019年 ·

WordPress是不支持在评论中插入图片的,有时候留言评论时需要插入图片,或者我们自开发主题时,在评论时加入贴图功能,一起看下面的步骤来实现

1、在functions.php中加入以下代码

//评论加图片
add_action('comment_text', 'comments_embed_img', 2);
function comments_embed_img($comment) {
    $size = auto;
    $comment = preg_replace(array('/\[img\]((http|https):\/\/\S*)\[\/img\]/'),'<img src="$1" alt="评论" style="width:'.$size.'; height:'.$size.'" />', $comment);
    return $comment;
}

这样的话,你只要在评论中插入图片地址,就能显示图片了。

2、添加贴图按钮

在你的 comments.php 评论模板样式文件中,添加一个按钮或链接:

<a href="javascript:embedImage();" title="插入图片" alt="插入图片"><i class="far fa-images" data-toggle="tooltip" title="图片"></i></a>

3、引入以下js

在你主题的Js文件中引入以下代码:

function embedImage() {
         var URL = prompt('请输入图片URL地址:', 'http://');
         if (URL) {
                  document.getElementById('comment').value = document.getElementById('comment').value + ' ' + '<img src="' + URL +  '">' +' ';
         }
};

这样你就可以实现在评论中贴图了。

0 条回应

页面加载用时0.39 s