WordPress 评论中嵌入图片

2016年12月8日 17:20:20知更鸟

知更鸟

站长

关注

2449
文章

0
粉丝

WordPress766,758阅读模式

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

add_action('comment_text', 'comments_embed_img', 2);
function comments_embed_img($comment) {
$size = auto;
$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);
return $comment;
}

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

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

本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！

我的微信

微信号已复制

本站原创文章转载请注明文章出处及链接，谢谢合作！

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

本文由 知更鸟 发表于2016年12月8日 17:20:20
转载请注明：https://zmingcx.com/wordpress-comment-to-add-images.html | 知更鸟

WordPress
Wordpress教程
WordPress主题
functions.php

WordPress日志、编辑类插件

11/10 评论 4,358

自定义WordPress翻页链接前缀

11/23 7 861

WordPress主题制作新手必备品: Sandbox Theme

04/26 4 6,645

WordPress 3.9 Beta 1 发布

03/13 9 484

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

评论 76 访客 73 作者 3

橘子书 1
2016年12月8日 17:31:22 1F
回复
感觉在评论中贴图片，这个功能用到的并不多吧。
- 励志语录 6
  2016年12月8日 20:46:12 B1
  回复
  @ 橘子书我的沙发
- 明月登楼的博客 5
  2016年12月9日 19:04:21 B1
  回复
  @ 橘子书看你网站的类型了！有些网站还是需要这个功能的！
  - 啦啦 0
    2017年12月26日 13:12:53 B2
    回复
    @ 明月登楼的博客不错 http://wx2.sinaimg.cn/large/0066LGKLly1flwswwqb3oj30go0a0gme.jpg
Win7en乐园 7
2016年12月8日 18:15:21 2F
回复
我可以上传吗？鸟哥，我想在你的网站上传图片，然后用来做图床。
- 微商 4
  2016年12月8日 18:49:18 B1
  回复
  @ Win7en乐园直接粘贴地址，显示出来就是图片，上传不了
  - Win7en乐园 7
    2016年12月8日 19:39:25 B2
    回复
    @ 微商嗯，好的
- 动感单车 7
  2016年12月8日 23:31:09 B1
  回复
  @ Win7en乐园你的想法，还真是别出心裁啊，高、实在是高！
  - 小吴 1
    2017年4月19日 03:44:47 B2
    回复
    @ 动感单车博主你好，我用你的方法，添加了图片地址提交评论后是可以看到图片的，可是刷新页面或者重新打开页面后，图片就变成了地址，不显示图片了，查看源码发现并没有img标签了，直接就是”图片地址”，这样肯定不显示，想问问为什么会出现这种原因？提交的时候都好好的。。
雅兮网 4
2016年12月8日 18:15:30 3F
回复
这个比较个性化，让评论变得更加生动，为了省空间也只能用外链图片了
微商 4
2016年12月8日 18:48:16 4F
回复
我都是禁止图片评论
BanYuner 5
2016年12月8日 20:34:27 5F
回复
这个是一个不错的选择我有另外一个想法了感谢知更鸟博客给出的灵感
- 动感单车 7
  2016年12月8日 23:30:16 B1
  回复
  @ BanYuner 啥好想法？能说出来让大家共享吗？
  - BanYuner 5
    2016年12月9日 15:53:53 B2
    回复
    @ 动感单车嘿嘿贡献一个IP 去我的站点看看就知道了
    - 动感单车 7
      2016年12月9日 23:25:05 B3
      回复
      @ BanYuner 好的，一定回去仔细看看！
励志语录 6
2016年12月8日 20:44:43 6F
回复
沙发，赞一个
路易大叔 6
2016年12月8日 22:49:55 7F
回复
嵌入图片貌似蛮有趣的
动感单车 7
2016年12月8日 23:28:38 8F
回复
这个功能，我喜欢！
测试图片 0
2016年12月9日 09:38:47 9F
回复
测试图片
http://ww4.sinaimg.cn/large/703be3b1jw1faji7snd0oj20kk0as0u4.jpg
- 动感单车 7
  2016年12月9日 10:49:10 B1
  回复
  @ 测试图片没有ait属性，以及宽高，会不会对搜索引擎不大友好呢？
  - BanYuner 5
    2016年12月9日 21:01:09 B2
    回复
    @ 动感单车在评论中显示图片真心不好设定长宽高
    - 动感单车 7
      2016年12月9日 23:24:22 B3
      回复
      @ BanYuner 那倒是，估计代码难以判定的出来。
- 龙笑天 5
  2016年12月9日 15:05:56 B1
  回复
  @ 测试图片非常完美~
大漠 0
2016年12月9日 18:27:05 10F
回复
如何为文章内容中的所有链接都加上target=’_blank’属性？？？我在网上也搜到一些代码，但是在begin主题下不起作用。特请鸟哥能出个相关文章教程。
- 知更鸟
  2016年12月9日 18:30:32 B1
  回复
  @ 大漠如果是我的主题用户，可以直接Q我
明月登楼的博客 5
2016年12月9日 19:04:57 11F
回复
我测试一下哈！
http://zmingcx.com/wp-content/uploads/2016/11/Begin-a.png
微商 4
2016年12月9日 19:43:46 12F
回复
测试了下，看看效果不错
明月登楼的博客 5
2016年12月9日 22:48:38 13F
回复
嘿嘿，感觉图片尺寸好像被放大了！很是影响美观呀！要是支持点击缩放那样的就完美了！
- 知更鸟
  2016年12月10日 10:59:00 B1
  回复
  @ 明月登楼的博客改了下代码，现在原图尺寸显示
  - 明月登楼的博客 5
    2016年12月10日 11:11:43 B2
    回复
    @ 知更鸟原图还是很不错的，就是默认显示缩略图是不是会更好一些呢！毕竟评论区不适合太大的图片展示的，用户有时候也不知道图片的大小的，所以显示一个缩略图，想看的可以点击图片看原图！
    - 知更鸟
      2016年12月10日 11:19:00 B3
      回复
      @ 明月登楼的博客你真的想多了
    - Win7en乐园 7
      2016年12月10日 13:43:55 B3
      回复
      @ 明月登楼的博客傻蛋呀，鸟哥的意思是宽度为100%，再大的图也是等宽显示，请参考我下面的几张例子，已经把你担心的各种尺寸的图片都考虑到了。
  - 动感单车 7
    2016年12月10日 22:13:56 B2
    回复
    @ 知更鸟代码又进行了改进，鸟哥真是棒极了去！
Win7en乐园 7
2016年12月10日 09:33:01 14F
回复
啥也不说了，贴张图试试看！最近发现的一个日本免版权的人像网站，感觉还是很棒的。https://www.pakutaso.com/assets_c/2016/04/akanesayapp-thumb-1500×736-21700.jpg
Win7en乐园 7
2016年12月10日 09:34:32 15F
回复
哈哈，真心漂亮，以后找文章配图就去这个网站了，真心漂亮！https://www.pakutaso.com/shared/img/thumb/GSAYA_IMG_4626_TP_V.jpg
- 动感单车 7
  2016年12月10日 22:12:49 B1
  回复
  @ Win7en乐园可惜，我的博文配图不大用得上这些，嘿嘿！
Win7en乐园 7
2016年12月10日 09:36:42 16F
回复
不知道竖图效果怎么样，我帮鸟哥测试下！走起！https://www.pakutaso.com/assets_c/2016/09/AKANE20160312232713-thumb-autox1600-26192.jpg
meirizhi 1
2016年12月15日 11:09:39 17F
回复
图片多时，最好使用CDN加速。
参考 www.meirizhi.com
美丫美搭网 1
2016年12月21日 21:34:27 18F
回复
移动端自动匹配模板，求博主能发布一篇禁止移动端转码的文章
某喵的光 1
2016年12月22日 14:59:28 19F
回复
容我感受一下
http://ww3.sinaimg.cn/large/703be3b1jw1f9h5zion3fj20kk0bxdij.jpg
龙笑天 5
2016年12月23日 12:41:52 20F
回复
感受一下美女~
http://lxtx.qiniudn.com/hanxue-Cecilia_wm950.jpg
行不行 3
2016年12月24日 13:42:45 21F
回复
我看下
行不行 3
2016年12月24日 13:43:50 22F
回复
为什么不行
丁春华 2
2016年12月29日 01:33:59 23F
回复
我来试试贴图，https://down.dingchunhua.name/wp-content/uploads/2016/12/douyaohaohaode.jpg
这是原图，有些图大，有些图小，这样子整个评论区被无统一规格图霸占了，还是需要统一图片的样式才行喔，鸟哥。
无作为 3
2017年1月5日 01:01:40 24F
回复
能不能弄个，WordPress手机端登录，这个手机端评论都不用登录只需要填写这些信息，如果设置文章登录可见怎么办，手机用户不是登录不了了吗，还需要重新弄个按钮给手机登录
无作为 3
2017年1月5日 01:02:18 25F
回复
能不能自定义WordPress手机模板，
先生 0
2017年1月10日 16:29:16 26F
回复
不错
达到 0
2017年1月29日 04:49:56 27F
回复
test测试
http://zmingcx.com/wp-content/uploads/2016/11/beginb.png
无作为 3
2017年2月10日 20:20:43 28F
回复
http://ww3.sinaimg.cn/mw690/d83cce73gw1fag3s8aj2xj206y04n74e.jpg测试评论
我要网赚 2
2017年2月12日 21:10:58 29F
回复
看见代码就迷糊了
明月登楼的博客 5
2017年2月24日 00:33:49 30F
回复
这个不支持新浪图床的链接！新浪图床的链接后面好像都没有扩展名的！郁闷呀！
- Win7en乐园 7
  2017年2月24日 18:37:40 B1
  回复
  @ 明月登楼的博客所以说，少用那些图床，最后搞死的只有你自己，麻烦的只有你自己。
科技盒子 2
2017年3月7日 17:58:58 31F
回复
请问一下怎么在边栏让评论也显示图片啊？
2277951975 2
2017年4月1日 01:25:17 32F
回复
学习一下~~~~~~~~~~~~~~~~~··
杨勇 2
2017年4月12日 16:39:14 33F
回复
121学习一下
- 源泉 1
  2017年4月18日 20:14:45 B1
  回复
  @ 杨勇不错
- 源泉 1
  2017年4月18日 20:16:21 B1
  回复
  @ 杨勇不错gvgfgghhhh
Zh°U 0
2017年4月26日 13:11:56 34F
回复
支持支持
我来试试 0
2017年5月19日 12:42:21 35F
回复
试试看文字是否会干扰http://imgs.zmingcx.com/wp-content/uploads/2016/11/Begin-a.png试试看
测试图片 0
2017年6月19日 15:27:47 36F
回复
http://ww3.sinaimg.cn/mw690/d83cce73gw1fag3s8aj2xj206y04n74e.jpg
测试图片
试一试 0
2017年6月27日 17:10:33 37F
回复
图片http://wx3.sinaimg.cn/mw690/8c1483d3gy1fgyjn917fqj20xc1e0tv5.jpg
walt 0
2017年12月1日 18:37:15 38F
回复
图片测试
https://b-ssl.duitang.com/uploads/item/201709/23/20170923172432_VWrzY.jpeg
- 测试一下 2
  2022年3月1日 09:56:13 B1
  回复
  @ walt 失败
gghgg 2
2018年2月5日 20:42:25 39F
回复
我想看看这款主题
塞得更多 0
2018年2月6日 19:52:20 40F
回复
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
2018年2月22日 15:49:20 41F
回复
西顾博客测试https://0d077ef9e74d8.cdn.sohucs.com/qKlNj0W_png
wordpress企业主题 0
2018年3月30日 15:29:29 42F
回复
怎么增加一个字段让直接上传图片呢
哈哈哈 0
2018年7月24日 22:19:44 43F
回复
哈哈哈哈哈哈https://cdn.dwhnews.com.cn/wp-content/themes/begin/img/random/64.jpg
123 0
2018年8月28日 16:34:18 44F
回复
看看
豆壳儿 0
2018年9月18日 20:08:34 45F
回复
无聊图
http://wx4.sinaimg.cn/mw600/bd03f0e8gy1fvdt46qe1lj20hs0go0uj.jpg
哈哈 3
2018年11月2日 17:25:42 46F
回复
测试https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=488620432,3347708386&fm=85&s=C284BC0D196EDF1F8D74BCDA0300C0B4
台庄资讯 5
2019年1月20日 22:37:58 47F
回复
鸟哥，能不能搞个微博上传贴图啊
低下头↘吻你 1
2019年3月24日 20:45:23 48F
回复
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
2019年3月24日 20:47:22 49F
回复
http://wx4.sinaimg.cn/large/0066LGKLly1fx2xdr5y6zj308r0670to.jpg 看看效果
s6bnnn 0
2019年3月29日 22:47:55 50F
回复
http://zmingcx.com/wp-content/themes/begin/thumbnail.php?src=https://wx4.sinaimg.cn/large/0066LGKLly1g0kmdrak58j31040i5gmn.jpg哈哈哈
极客补发 0
2021年6月22日 15:18:24 51F
回复
https://www.51dry.cn/wp-content/uploads/2018/02/cropped-logo.png
试下带图评论。