WordPress 评论中嵌入图片

WordPress766.6K阅读模式

有时发表评论需要添加图片,而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
  • Wordpress教程
  • WordPress主题
  • functions.php
评论  76  访客  73  作者  3
    • 橘子书
      橘子书 1

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

      • Win7en乐园
        Win7en乐园 7

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

          • 微商
            微商 4

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

            • 动感单车
              动感单车 7

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

                • 小吴
                  小吴 1

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

              • 雅兮网
                雅兮网 4

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

                • 微商
                  微商 4

                  我都是禁止图片评论

                  • BanYuner
                    BanYuner 5

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

                    • 励志语录
                      励志语录 6

                      沙发,赞一个

                      • 路易大叔
                        路易大叔 6

                        嵌入图片貌似蛮有趣的

                        • 动感单车
                          动感单车 7

                          这个功能,我喜欢 :wink:

                          • 测试图片
                            测试图片 0

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

                            • 大漠
                              大漠 0

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

                              • 明月登楼的博客
                                明月登楼的博客 5

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

                                • 微商
                                  微商 4

                                  测试了下,看看效果不错

                                  • 明月登楼的博客
                                    明月登楼的博客 5

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

                                      • 知更鸟
                                        知更鸟

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

                                          • 明月登楼的博客
                                            明月登楼的博客 5

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

                                            • 动感单车
                                              动感单车 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

                                                      • 龙笑天
                                                        龙笑天 5

                                                        感受一下美女~ :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

                                                                                                  • 测试一下
                                                                                                    测试一下 2

                                                                                                    @ walt 失败

                                                                                                  • 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

                                                                                                                  • 台庄资讯
                                                                                                                    台庄资讯 5

                                                                                                                    鸟哥,能不能搞个微博上传贴图啊 :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哈哈哈

                                                                                                                          • 极客补发
                                                                                                                            极客补发 0

                                                                                                                            https://www.51dry.cn/wp-content/uploads/2018/02/cropped-logo.png
                                                                                                                            试下带图评论。

                                                                                                                          匿名

                                                                                                                          发表评论

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

                                                                                                                          拖动滑块以完成验证