WordPress 评论中嵌入图片

全国高校招代理

网课代理平台,全国高校招代理,抢先即是赚到

¥100+10 统一开户价

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

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\]/'),'WordPress 评论中嵌入图片', $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 + ' ' + 'WordPress 评论中嵌入图片' +' ';
         }
};

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

未经允许不得转载:作者:浮夸小生。, 转载或复制请以 超链接形式 并注明出处 半粒糖博客
原文地址:《WordPress 评论中嵌入图片》 发布于2019-10-06

分享到:
赞(0) 打赏
广告

评论 抢沙发

6 + 8 =


WordPress 评论中嵌入图片

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册