Embed pictures in WordPress comments

17:20:20, December 8, 2016 WordPress seventy-six 6.6K Reading mode

Sometimes you need to add pictures to make comments, but WordPress itself does not have the function of comment mapping. You can add the following code to the current theme functions.php file:

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="comment" style="width: '. $size.'; height: '. $size.'"/>', $comment);
return $comment ;
}

After adding the above code, you can paste the image link address directly when posting a comment.

The specific effect can be posted in this article.

Most of the articles on this site are original and used for personal learning records, which may be helpful to you, for reference only!

My Wechat

Copyright Notice

Please indicate the source and link of the original article reprinted on this site. Thank you for your cooperation!

Get this topic

five hundred and ninety-eight million eight hundred and forty-five thousand and six

Please add Q: 598845006

Multi functional theme Begin

This article is written by Robin Published at 17:20:20 on December 8, 2016
Please specify: https://zmingcx.com/wordpress-comment-to-add-images.html |Robin

WordPress
Wordpress Tutorial
WordPress Theme
functions.php

Automatically crawl articles from other sites' RSS

May 15 thirty 8.3K

WordPress Backup and Recovery

November 11th sixty-five 41.3K

Integrate the user's local upload avatar function into the WordPress theme

September 8 thirty-four 8.4K

Advanced WordPress 3.0 menu functions

February 13 forty-two 13.6K

Get this topic

five hundred and ninety-eight million eight hundred and forty-five thousand and six

Please add Q: 598845006

Multi functional theme Begin

Comments seventy-six Visitors seventy-three Author three

Orange book one
17:31:22, December 8, 2016 Zhangzhou City, Fujian Province one F
reply
It seems that the function of posting pictures in comments is not used much.
- Inspirational Quotes six
  20:46:12, December 8, 2016 Hangzhou, Zhejiang Province B one
  reply
  @ Orange book My sofa
- The blog of Mingyue climbing the stairs five
  19:04:21, December 9, 2016 Nanyang City, Henan Province B one
  reply
  @ Orange book Look at the type of your website! Some websites still need this function!
  - gossip zero
    December 26, 2017 13:12:53 Suzhou, Jiangsu Province B two
    reply
    @ The blog of Mingyue climbing the stairs pretty good http://wx2.sinaimg.cn/large/0066LGKLly1flwswwqb3oj30go0a0gme.jpg
Win7en Paradise seven
18:15:21, December 8, 2016 Suzhou, Jiangsu Province two F
reply
Can I upload it? Brother Bird, I want to upload pictures on your website and use them to make a drawing bed.
- wechat Business four
  18:49:18, December 8, 2016 Chengdu, Sichuan B one
  reply
  @ Win7en Paradise Paste the address directly, and the image will be displayed, which cannot be uploaded
  - Win7en Paradise seven
    19:39:25, December 8, 2016 Suzhou, Jiangsu Province B two
    reply
    @ wechat Business Well, okay
- Sporty bicycle seven
  23:31:09, December 8, 2016 Guilin, Guangxi B one
  reply
  @ Win7en Paradise Your idea is really ingenious. It's really high!
  - Xiao Wu one
    April 19, 2017 03:44:47 Wuhan, Hubei Province B two
    reply
    @ Sporty bicycle Hello, blogger, I use your method to add an image address and submit a comment. After the page is refreshed or reopened, the image will become an address, and the image will not be displayed. When I check the source code, I find that there is no img tag, and it is directly "image address", which will definitely not be displayed. I want to ask why this occurs? Everything was fine when I submitted it..
Yaxi four
18:15:30, December 8, 2016 Xiangzhou District, Zhuhai City, Guangdong Province three F
reply
This is more personalized, which makes the comments more vivid. In order to save space, we can only use the external chain pictures
wechat Business four
18:48:16, December 8, 2016 Chengdu, Sichuan four F
reply
I forbid picture comments
BanYuner five
20:34:27, December 8, 2016 Wuhan, Hubei Province five F
reply
This is a good choice. I have another idea. Thanks for the inspiration from the robin blog
- Sporty bicycle seven
  23:30:16, December 8, 2016 Guilin, Guangxi B one
  reply
  @ BanYuner What's a good idea? Can you share it with us?
  - BanYuner five
    15:53:53, December 9, 2016 Wuhan, Hubei Province B two
    reply
    @ Sporty bicycle Hey, hey, you can just contribute an IP address to my site
    - Sporty bicycle seven
      23:25:05, December 9, 2016 Guilin, Guangxi B three
      reply
      @ BanYuner OK, go back and have a look!
Inspirational Quotes six
20:44:43, December 8, 2016 Hangzhou, Zhejiang Province six F
reply
Sofa, like one
Uncle Louis six
22:49:55, December 8, 2016 Jinan, Shandong Province seven F
reply
Embedded pictures seem interesting
Sporty bicycle seven
23:28:38, December 8, 2016 Guilin, Guangxi eight F
reply
I like this feature ！
Test picture zero
09:38:47, December 9, 2016 Shenyang, Liaoning Province nine F
reply
Test picture
http://ww4.sinaimg.cn/large/703be3b1jw1faji7snd0oj20kk0as0u4.jpg
- Sporty bicycle seven
  10:49:10, December 9, 2016 Guilin, Guangxi B one
  reply
  @ Test picture Is it not friendly to search engines without the ait attribute and the width and height?
  - BanYuner five
    21:01:09, December 9, 2016 Wuhan, Hubei Province B two
    reply
    @ Sporty bicycle It's really hard to set the length, width and height of the picture in the comments
    - Sporty bicycle seven
      December 9, 2016 23:24:22 Guilin, Guangxi B three
      reply
      @ BanYuner That's true. It's hard to judge the estimated code.
- Long Xiaotian five
  15:05:56, December 9, 2016 Shenzhen, Guangdong Province B one
  reply
  @ Test picture Perfect~
desert zero
December 9, 2016 18:27:05 Jinan, Shandong Province ten F
reply
How to add target='_blank 'attribute to all links in the article content??? I also found some code on the Internet, but it doesn't work under the begin theme. I would like to invite Brother Bird to give me a tutorial on the relevant articles.
- Robin
  18:30:32, December 9, 2016 China B one
  reply
  @ desert If you are my theme user, you can directly Q me
The blog of Mingyue climbing the stairs five
19:04:57, December 9, 2016 Nanyang City, Henan Province eleven F
reply
Let me test it!
http://zmingcx.com/wp-content/uploads/2016/11/Begin-a.png
wechat Business four
19:43:46, December 9, 2016 Chengdu, Sichuan twelve F
reply
Test it and see if it works well
The blog of Mingyue climbing the stairs five
22:48:38, December 9, 2016 Nanyang City, Henan Province thirteen F
reply
Hey hey, it seems that the size of the picture has been enlarged! It affects the beauty very much! It would be perfect if you could click zoom!
- Robin
  10:59:00, December 10, 2016 China B one
  reply
  @ The blog of Mingyue climbing the stairs Changed the code, and now the original size is displayed
  - The blog of Mingyue climbing the stairs five
    11:11:43, December 10, 2016 Nanyang City, Henan Province B two
    reply
    @ Robin The original image is still very good. Is it better to display thumbnails by default! After all, the comment area is not suitable for displaying too large pictures, and users sometimes do not know the size of the picture, so a thumbnail is displayed. If you want to see it, you can click on the picture to see the original image!
    - Robin
      11:19:00, December 10, 2016 China B three
      reply
      @ The blog of Mingyue climbing the stairs You really think too much
    - Win7en Paradise seven
      13:43:55, December 10, 2016 Suzhou, Jiangsu Province B three
      reply
      @ The blog of Mingyue climbing the stairs Fool, Brother Bird means that the width is 100%, and even the largest picture is displayed in the same width. Please refer to my following examples, which have taken into account the various sizes of pictures you are worried about.
  - Sporty bicycle seven
    22:13:56, December 10, 2016 Guilin, Guangxi B two
    reply
    @ Robin The code has been improved again. Brother Bird is really great!
Win7en Paradise seven
09:33:01, December 10, 2016 Suzhou, Jiangsu Province fourteen F
reply
Don't say anything, try pasting a picture! Recently, I found a Japanese copyright free portrait website, which is still very good. https://www.pakutaso.com/assets_c/2016/04/akanesayapp-thumb-1500 ×736-21700.jpg
Win7en Paradise seven
09:34:32, December 10, 2016 Suzhou, Jiangsu Province fifteen F
reply
Ha ha, it's really beautiful. I will go to this website to find articles and pictures in the future. It's really beautiful! https://www.pakutaso.com/shared/img/thumb/GSAYA_IMG_4626_TP_V.jpg
- Sporty bicycle seven
  22:12:49, December 10, 2016 Guilin, Guangxi B one
  reply
  @ Win7en Paradise Unfortunately, I don't use these pictures in my blog, hey hey!
Win7en Paradise seven
09:36:42, December 10, 2016 Suzhou, Jiangsu Province sixteen F
reply
I don't know how the vertical picture works. Let me test it for Brother Bird! Get up! https://www.pakutaso.com/assets_c/2016/09/AKANE20160312232713-thumb-autox1600-26192.jpg
meirizhi one
11:09:39, December 15, 2016 Deyang City, Sichuan Province seventeen F
reply
When there are many pictures, it is better to use CDN acceleration.
Refer to www.meirizhi.com
Meiya Meitie one
21:34:27, December 21, 2016 Hubei province eighteen F
reply
The mobile terminal automatically matches the template, asking the blogger to publish an article that prohibits mobile terminal transcoding
The light of some cat one
14:59:28, December 22, 2016 Suzhou, Jiangsu Province nineteen F
reply
Let me feel it
http://ww3.sinaimg.cn/large/703be3b1jw1f9h5zion3fj20kk0bxdij.jpg
Long Xiaotian five
12:41:52, December 23, 2016 Shenzhen, Guangdong Province twenty F
reply
Feel the beauty~
http://lxtx.qiniudn.com/hanxue-Cecilia_wm950.jpg
OK? three
13:42:45, December 24, 2016 Tianmen City, Hubei Province twenty-one F
reply
Let me see
OK? three
13:43:50, December 24, 2016 Tianmen City, Hubei Province twenty-two F
reply
Why not?
Ding Chunhua two
December 29, 2016 01:33:59 Huzhou City, Zhejiang Province twenty-three F
reply
Let me try the texture, https://down.dingchunhua.name/wp-content/uploads/2016/12/douyaohaohaode.jpg
This is the original picture. Some pictures are big and some pictures are small, so the whole comment area is occupied by the picture without unified specifications. You still need to unify the style of the picture, Brother Bird 。
Inaction three
January 5, 2017 01:01:40 Shantou City, Guangdong Province twenty-four F
reply
Can you make a WordPress mobile login? This mobile comment doesn't need to be logged in. Just fill in these information. What if you set the article login visible? Mobile users can't log in. They need to make a new button for mobile login
Inaction three
January 5, 2017 01:02:18 Shantou City, Guangdong Province twenty-five F
reply
Can you customize the WordPress mobile template,
sir zero
January 10, 2017 16:29:16 Nanning, Guangxi twenty-six F
reply
pretty good
achieve zero
January 29, 2017 04:49:56 Handan City, Hebei Province twenty-seven F
reply
Test
http://zmingcx.com/wp-content/uploads/2016/11/beginb.png
Inaction three
20:20:43, February 10, 2017 Yancheng City, Jiangsu Province twenty-eight F
reply
http://ww3.sinaimg.cn/mw690/d83cce73gw1fag3s8aj2xj206y04n74e.jpg Test comments
I want to earn money online two
21:10:58, February 12, 2017 Qingdao, Shandong Province twenty-nine F
reply
I got confused when I saw the code
The blog of Mingyue climbing the stairs five
February 24, 2017 00:33:49 Suzhou, Jiangsu Province thirty F
reply
This link does not support Sina Chart Bed! There seems to be no extension behind the links of Sina Chart Bed! Depressed!
- Win7en Paradise seven
  18:37:40, February 24, 2017 Suzhou, Jiangsu Province B one
  reply
  @ The blog of Mingyue climbing the stairs So, don't use those drawing beds. You are the only one who will die, and you are the only one who will be in trouble.
Technology box two
17:58:58, March 7, 2017 Suzhou, Jiangsu Province thirty-one F
reply
Could you tell me how to make comments show pictures in the sidebar?
two billion two hundred and seventy-seven million nine hundred and fifty-one thousand nine hundred and seventy-five two
April 1, 2017 01:25:17 Nanning, Guangxi thirty-two F
reply
Learn~~~~~~~~~~~~~~~~~··
Yang Yong two
April 12, 2017 16:39:14 Suzhou, Jiangsu Province thirty-three F
reply
121 Learn
- source one
  April 18, 2017 20:14:45 Foshan City, Guangdong Province B one
  reply
  @ Yang Yong pretty good
- source one
  20:16:21, April 18, 2017 Foshan City, Guangdong Province B one
  reply
  @ Yang Yong Good gvgfgghhhh
Zh°U zero
April 26, 2017 13:11:56 Zhengzhou City, Henan Province thirty-four F
reply
Support Support
Let me try zero
12:42:21, May 19, 2017 Foshan City, Guangdong Province thirty-five F
reply
Try to see if the text will interfere http://imgs.zmingcx.com/wp-content/uploads/2016/11/Begin-a.png have a try
Test picture zero
June 19, 2017 15:27:47 Foshan City, Guangdong Province thirty-six F
reply
http://ww3.sinaimg.cn/mw690/d83cce73gw1fag3s8aj2xj206y04n74e.jpg
Test picture
have a try zero
17:10:33, June 27, 2017 Wuhan, Hubei Province thirty-seven F
reply
picture http://wx3.sinaimg.cn/mw690/8c1483d3gy1fgyjn917fqj20xc1e0tv5.jpg
walt zero
18:37:15, December 1, 2017 Zhengzhou City, Henan Province thirty-eight F
reply
Picture test
https://b-ssl.duitang.com/uploads/item/201709/23/20170923172432_VWrzY.jpeg
- Test it two
  09:56:13, March 1, 2022 Qingdao, Shandong Province B one
  reply
  @ walt fail
gghgg two
20:42:25, February 5, 2018 Chongqing City thirty-nine F
reply
I want to see this theme
More stuff zero
19:52:20, February 6, 2018 Suzhou, Jiangsu Province forty F
reply
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
Easter months after gale
Xigu Blog one
15:49:20, February 22, 2018 Wuhan, Hubei Province forty-one F
reply
Xigu blog test https://0d077ef9e74d8.cdn.sohucs.com/qKlNj0W_png
Wordpress enterprise theme zero
March 30, 2018 15:29:29 Los Angeles, California, USA forty-two F
reply
How to add a field to upload images directly
Ha ha ha zero
22:19:44, July 24, 2018 Hangzhou, Zhejiang Province forty-three F
reply
Ha ha ha ha ha ha https://cdn.dwhnews.com.cn/wp-content/themes/begin/img/random/64.jpg
one hundred and twenty-three zero
August 28, 2018 16:34:18 Wuhan, Hubei Province forty-four F
reply
have a look
Bean husk zero
September 18, 2018 20:08:34 Tianjin forty-five F
reply
Boring picture
http://wx4.sinaimg.cn/mw600/bd03f0e8gy1fvdt46qe1lj20hs0go0uj.jpg
ha-ha three
November 2, 2018 17:25:42 Xi'an, Shaanxi Province forty-six F
reply
test https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=488620432 ,3347708386&fm=85&s=C284BC0D196EDF1F8D74BCDA0300C0B4
Taizhuang Information five
22:37:58, January 20, 2019 Hangzhou, Zhejiang Province forty-seven F
reply
Brother Bird, can you upload a picture on Weibo
bend one's head ↘ Kiss you one
20:45:23, March 24, 2019 Xi'an, Shaanxi Province forty-eight F
reply
http://zmingcx.com/wp-content/themes/begin/thumbnail.php?src=http://wx3.sinaimg.cn/large/0066LGKLly1fzgdnmh78rj30xc0d6q7s.jpg&w=280&h=210&a=&zc=1 Three gods
bend one's head ↘ Kiss you one
20:47:22, March 24, 2019 Xi'an, Shaanxi Province forty-nine F
reply
http://wx4.sinaimg.cn/large/0066LGKLly1fx2xdr5y6zj308r0670to.jpg See the effect
s6bnnn zero
22:47:55, March 29, 2019 Hangzhou, Zhejiang Province fifty F
reply
http://zmingcx.com/wp-content/themes/begin/thumbnail.php?src=https://wx4.sinaimg.cn/large/0066LGKLly1g0kmdrak58j31040i5gmn.jpg Ha ha ha
Geek retro zero
15:18:24, June 22, 2021 Hangzhou, Zhejiang Province fifty-one F
reply
https://www.51dry.cn/wp-content/uploads/2018/02/cropped-logo.png
Try commenting with pictures.