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

WordPress 评论中嵌入图片WordPress 评论中嵌入图片WordPress 评论中嵌入图片WordPress 评论中嵌入图片

  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经验与技巧,关注前端设计与网站制作。仅用于功能演示。
WordPress 5.3 正式版下载 WordPress

WordPress 5.3 正式版下载

WordPress 5.3 正式版于北京时间2019年11月13日 发布,更新后第一个印像就是后台UI样式有所变动,原来非常协调的按钮样式,变得有些突兀,如图: 白背景灰边框的按钮变成蓝色,同时所有表...
为WordPress主题添加文章字数和阅读时间 WordPress

为WordPress主题添加文章字数和阅读时间

显示文章字数和阅读时间,这功能有什么用呢,我也不知道,不过有用户说人家有我们能不能也加一个,那就加呗,就有这篇为WordPress主题添加文章字数和阅读时间。 为WordPress主题添加文章字数和阅...
WordPress 5.2.4 安全更新发布 WordPress

WordPress 5.2.4 安全更新发布

WordPress 5.2.4 安全更新发布,这次更新重点就是修补之前的安全漏洞,非常有必要更新。 有些用户可能认为WordPress更新过于频繁,原因很简单,WP用户众多,也是黑客重点“帮扶”对像,...
匿名

发表评论

匿名网友 填写信息

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

评论:74   其中:访客  71   博主  3
    • 橘子书 橘子书 @回复 1

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

      • Win7en乐园 Win7en乐园 @回复 7

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

          • 微商 微商 @回复 5

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

            • 动感单车 动感单车 @回复 7

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

                • 小吴 小吴 1

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

              • 雅兮网 雅兮网 @回复 4

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

                • 微商 微商 @回复 5

                  我都是禁止图片评论

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

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

                                              • 知更鸟 知更鸟 Admin

                                                @明月登楼的博客 你真的想多了

                                                • Win7en乐园 Win7en乐园 7

                                                  @明月登楼的博客 傻蛋呀,鸟哥的意思是宽度为100%,再大的图也是等宽显示,请参考我下面的几张例子,已经把你担心的各种尺寸的图片都考虑到了。

                                                  • 动感单车 动感单车 7

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

                                                • Win7en乐园 Win7en乐园 @回复 7

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

                                                  • Win7en乐园 Win7en乐园 @回复 7

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

                                                    • Win7en乐园 Win7en乐园 @回复 7

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

                                                      • meirizhi 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 2277951975 @回复 2

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

                                                                                      • 杨勇 杨勇 @回复 2

                                                                                        121学习一下

                                                                                          • 源泉 源泉 @回复 1

                                                                                            @杨勇 不错

                                                                                            • 源泉 源泉 @回复 1

                                                                                              @杨勇 不错gvgfgghhhh

                                                                                            • Zh°U 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 walt @回复 0

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

                                                                                                      • gghgg 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企业主题 wordpress企业主题 @回复 0

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

                                                                                                              • 哈哈哈 哈哈哈 @回复 0

                                                                                                                哈哈哈哈哈哈https://cdn.dwhnews.com.cn/wp-content/themes/begin/img/random/64.jpg

                                                                                                                • 123 123 @回复 0

                                                                                                                  看看

                                                                                                                  • 豆壳儿 豆壳儿 @回复 0

                                                                                                                    无聊图
                                                                                                                    http://wx4.sinaimg.cn/mw600/bd03f0e8gy1fvdt46qe1lj20hs0go0uj.jpg

                                                                                                                    • 哈哈 哈哈 @回复 3

                                                                                                                      测试https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=488620432,3347708386&fm=85&s=C284BC0D196EDF1F8D74BCDA0300C0B4

                                                                                                                      • 台庄资讯 台庄资讯 @回复 4

                                                                                                                        鸟哥,能不能搞个微博上传贴图啊 :oops:

                                                                                                                        • 低下头↘吻你 低下头↘吻你 @回复 1

                                                                                                                          http://zmingcx.com/wp-content/themes/begin/thumbnail.php?src=http://wx3.sinaimg.cn/large/0066LGKLly1fzgdnmh78rj30xc0d6q7s.jpg&w=280&h=210&a=&zc=1三神

                                                                                                                          • 低下头↘吻你 低下头↘吻你 @回复 1

                                                                                                                            http://wx4.sinaimg.cn/large/0066LGKLly1fx2xdr5y6zj308r0670to.jpg :idea: :neutral: :neutral: :neutral: 看看效果

                                                                                                                            • s6bnnn s6bnnn @回复 0

                                                                                                                              http://zmingcx.com/wp-content/themes/begin/thumbnail.php?src=https://wx4.sinaimg.cn/large/0066LGKLly1g0kmdrak58j31040i5gmn.jpg哈哈哈