WordPress 评论中嵌入图片

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

知更鸟

站长

关注

2343
文章

0
粉丝

WordPress766,705阅读模式

有时发表评论需要添加图片，而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文章中的文字

07/16 13 1,062

获取文章所属第一个分类的链接

02/23 29 7,122

WordPress面包屑导航代码

05/06 4 770

免费响应式杂志WordPress主题：Vina News

03/23 1 4,921

获取本主题

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
试下带图评论。

WordPress

Plugins

Web前端

设计资源

WordPress 评论中嵌入图片

批量替换WordPress文章中的文字

获取文章所属第一个分类的链接

WordPress面包屑导航代码

免费响应式杂志WordPress主题：Vina News

发表评论

WordPress多功能主题： Begin

购买本站主题请加QQ：598845006