• 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:

目前评论:66   其中:访客  63   博主  3

    • 橘子书 0

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

      • Win7en乐园 7

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

          • 微商 5

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

            • 动感单车 7

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

                • 小吴 1

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

              • 雅兮网 4

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

                • 微商 5

                  我都是禁止图片评论

                  • BanYuner 5

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

                    • 励志语录 6

                      沙发,赞一个

                      • 路易大叔 6

                        嵌入图片貌似蛮有趣的

                        • 动感单车 7

                          这个功能,我喜欢 :wink:

                          • 测试图片 0

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

                            • 大漠 0

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

                                • 知更鸟 Admin

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

                                • 明月登楼的博客 5

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

                                  • 微商 5

                                    测试了下,看看效果不错

                                    • 明月登楼的博客 5

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

                                        • 知更鸟 Admin

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

                                            • 明月登楼的博客 5

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

                                              • 动感单车 7

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

                                            • Win7en乐园 7

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

                                              • Win7en乐园 7

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

                                                • Win7en乐园 7

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

                                                  • meirizhi 1

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

                                                    • 美丫美搭网 1

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

                                                      • 某喵的光 1

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

                                                        • 龙笑天 4

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

                                                          • 行不行 3

                                                            我看下

                                                            • 行不行 3

                                                              为什么不行

                                                              • 丁春华 2

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

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

                                                                • 无作为 3

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

                                                                  • 无作为 3

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

                                                                    • 先生 0

                                                                      不错

                                                                      • 达到 0

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

                                                                        • 无作为 3

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

                                                                          • 我要网赚 2

                                                                            看见代码就迷糊了

                                                                            • 明月登楼的博客 5

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

                                                                              • 科技盒子 2

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

                                                                                • 2277951975 2

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

                                                                                  • 杨勇 2

                                                                                    121学习一下

                                                                                      • 源泉 1

                                                                                        @杨勇 不错

                                                                                        • 源泉 1

                                                                                          @杨勇 不错gvgfgghhhh

                                                                                        • Zh°U 0

                                                                                          支持支持

                                                                                          • 我来试试 0

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

                                                                                            • 测试图片 0

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

                                                                                              • 试一试 0

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

                                                                                                • walt 0

                                                                                                  图片测试
                                                                                                  https://b-ssl.duitang.com/uploads/item/201709/23/20170923172432_VWrzY.jpeg

                                                                                                  • gghgg 2

                                                                                                    我想看看这款主题

                                                                                                    • 塞得更多 0

                                                                                                      https://cn.gravatar.com/avatar/0e0b5f76dd70c7e02a6525bf11b292c8?s=96&r=g&default=http%3A%2F%2Fzmingcx.com%2Fwp-content%2Fthemes%2Fbegin%2Fimg%2Favatar%2F96%2Flatin_z.png
                                                                                                      大风过后复活节个月

                                                                                                      • 西顾博客 1

                                                                                                        西顾博客测试https://0d077ef9e74d8.cdn.sohucs.com/qKlNj0W_png

                                                                                                        • wordpress企业主题 0

                                                                                                          怎么增加一个字段让直接上传图片呢