• A+
所属分类:WordPress

有时发表评论需要添加图片,而WordPress本身并不具备评论贴图功能,可以将下面的代码添加到当前主题functions.php文件中:

  1. add_action('comment_text', 'comments_embed_img', 2);
  2. function comments_embed_img($comment) {
  3.     $size = auto;
  4.     $comment = preg_replace(array('#(http://([^\s]*)\.(jpg|gif|png|JPG|GIF|PNG))#','#(https://([^\s]*)\.(jpg|gif|png|JPG|GIF|PNG))#'),'<img src="$1" alt="评论" style="width:'.$size.'; height:'.$size.'" />', $comment);
  5.     return $comment;
  6. }

添加上述代码后,在发表评论时直接粘贴图片链接地址即可。

具体效果可以在本文留言并贴图。

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:60   其中:访客  57   博主  3

    • avatar 橘子书 0

      感觉在评论中贴图片,这个功能用到的并不多吧。

      • avatar Win7en乐园 7

        我可以上传吗?鸟哥,我想在你的网站上传图片,然后用来做图床。 :cool:

          • avatar 微商 5

            @Win7en乐园 直接粘贴地址,显示出来就是图片,上传不了

            • avatar 动感单车 7

              @Win7en乐园 :eek: 你的想法,还真是别出心裁啊,高、实在是高!

                • avatar 小吴 1

                  @动感单车 博主你好,我用你的方法,添加了图片地址提交评论后是可以看到图片的,可是刷新页面或者重新打开页面后,图片就变成了地址,不显示图片了,查看源码发现并没有img标签了,直接就是”图片地址”,这样肯定不显示,想问问为什么会出现这种原因?提交的时候都好好的。。

              • avatar 雅兮网 4

                这个比较个性化,让评论变得更加生动,为了省空间 也只能用外链图片了

                • avatar 微商 5

                  我都是禁止图片评论

                  • avatar BanYuner 5

                    这个是一个不错的选择 我有另外一个想法了 感谢知更鸟博客给出的灵感

                    • avatar 励志语录 5

                      沙发,赞一个

                      • avatar 路易大叔 6

                        嵌入图片貌似蛮有趣的

                        • avatar 动感单车 7

                          这个功能,我喜欢 :wink:

                          • avatar 测试图片 0

                            测试图片
                            http://ww4.sinaimg.cn/large/703be3b1jw1faji7snd0oj20kk0as0u4.jpg

                            • avatar 大漠 0

                              如何为文章内容中的所有链接都加上target=’_blank’属性???我在网上也搜到一些代码,但是在begin主题下不起作用。特请鸟哥能出个相关文章教程。

                                • avatar 知更鸟 Admin

                                  @大漠 如果是我的主题用户,可以直接Q我

                                • avatar 明月登楼的博客 5

                                  我测试一下哈!
                                  http://zmingcx.com/wp-content/uploads/2016/11/Begin-a.png

                                  • avatar 微商 5

                                    测试了下,看看效果不错

                                    • avatar 明月登楼的博客 5

                                      嘿嘿,感觉图片尺寸好像被放大了!很是影响美观呀!要是支持点击缩放那样的就完美了!

                                        • avatar 知更鸟 Admin

                                          @明月登楼的博客 改了下代码,现在原图尺寸显示

                                            • avatar 明月登楼的博客 5

                                              @知更鸟 原图还是很不错的,就是默认显示缩略图是不是会更好一些呢!毕竟评论区不适合太大的图片展示的,用户有时候也不知道图片的大小的,所以显示一个缩略图,想看的可以点击图片看原图!

                                              • avatar 动感单车 7

                                                @知更鸟 代码又进行了改进,鸟哥真是棒极了去!

                                            • avatar Win7en乐园 7

                                              啥也不说了,贴张图试试看!最近发现的一个日本免版权的人像网站,感觉还是很棒的。https://www.pakutaso.com/assets_c/2016/04/akanesayapp-thumb-1500×736-21700.jpg

                                              • avatar Win7en乐园 7

                                                哈哈,真心漂亮,以后找文章配图就去这个网站了,真心漂亮!https://www.pakutaso.com/shared/img/thumb/GSAYA_IMG_4626_TP_V.jpg

                                                • avatar Win7en乐园 7

                                                  不知道竖图效果怎么样,我帮鸟哥测试下!走起!https://www.pakutaso.com/assets_c/2016/09/AKANE20160312232713-thumb-autox1600-26192.jpg

                                                  • avatar meirizhi 1

                                                    图片多时,最好使用CDN加速。
                                                    参考 www.meirizhi.com

                                                    • avatar 美丫美搭网 1

                                                      移动端自动匹配模板,求博主能发布一篇禁止移动端转码的文章

                                                      • avatar 某喵的光 1

                                                        容我感受一下
                                                        http://ww3.sinaimg.cn/large/703be3b1jw1f9h5zion3fj20kk0bxdij.jpg

                                                        • avatar 龙笑天 4

                                                          感受一下美女~ :mrgreen:
                                                          http://lxtx.qiniudn.com/hanxue-Cecilia_wm950.jpg

                                                          • avatar 行不行 3

                                                            我看下

                                                            • avatar 行不行 3

                                                              为什么不行

                                                              • avatar 丁春华 2

                                                                我来试试贴图,https://down.dingchunhua.name/wp-content/uploads/2016/12/douyaohaohaode.jpg

                                                                这是原图,有些图大,有些图小,这样子整个评论区被无统一规格图霸占了,还是需要统一图片的样式才行喔,鸟哥 :oops:

                                                                • avatar 无作为 2

                                                                  能不能弄个,WordPress手机端登录,这个手机端评论都不用登录只需要填写这些信息,如果设置文章登录可见怎么办,手机用户不是登录不了了吗,还需要重新弄个按钮给手机登录

                                                                  • avatar 无作为 2

                                                                    能不能自定义WordPress手机模板,

                                                                    • avatar 先生 0

                                                                      不错

                                                                      • avatar 达到 0

                                                                        test测试
                                                                        http://zmingcx.com/wp-content/uploads/2016/11/beginb.png

                                                                        • avatar 无作为 2

                                                                          http://ww3.sinaimg.cn/mw690/d83cce73gw1fag3s8aj2xj206y04n74e.jpg测试评论

                                                                          • avatar 我要网赚 2

                                                                            看见代码就迷糊了

                                                                            • avatar 明月登楼的博客 5

                                                                              这个不支持新浪图床的链接!新浪图床的链接后面好像都没有扩展名的!郁闷呀!

                                                                              • avatar 科技盒子 2

                                                                                请问一下怎么在边栏让评论也显示图片啊?

                                                                                • avatar 2277951975 2

                                                                                  学习一下~~~~~~~~~~~~~~~~~··

                                                                                  • avatar 杨勇 2

                                                                                    121学习一下

                                                                                      • avatar 源泉 1

                                                                                        @杨勇 不错

                                                                                        • avatar 源泉 1

                                                                                          @杨勇 不错gvgfgghhhh

                                                                                        • avatar Zh°U 0

                                                                                          支持支持

                                                                                          • avatar 我来试试 0

                                                                                            试试看文字是否会干扰http://imgs.zmingcx.com/wp-content/uploads/2016/11/Begin-a.png试试看

                                                                                            • avatar 测试图片 0

                                                                                              http://ww3.sinaimg.cn/mw690/d83cce73gw1fag3s8aj2xj206y04n74e.jpg
                                                                                              测试图片

                                                                                              • avatar 试一试 0

                                                                                                图片http://wx3.sinaimg.cn/mw690/8c1483d3gy1fgyjn917fqj20xc1e0tv5.jpg