Instagram Embedded
-
Hey, so I add link my pictures from instagram onto my blog posts however if i use the embedded thing through the HTML the image is just blank. And if I follow this link > https://en.support.wordpress.com/instagram/instagram-images/ and just paste the URL the image does come up but I also get the caption. I was wondering if there was a way to get the image but without the caption.
ThanksThe blog I need help with is: (visible only to logged in users)
-
Hi @bookmonkeyig,
Could you copy and paste the exact code that you are trying to implement, please?
Don’t forget to paste it between the code tag.
-
hi @deathlynotes,
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BjXjLwCFOl3/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BjXjLwCFOl3/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by El in wonderland (@book.monkey)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-05-29T16:25:01+00:00">May 29, 2018 at 9:25am PDT</time></p></div></blockquote> //www.instagram.com/embed.jsIt’s the embedded code for one of my instagram posts without the caption.
E -
Hi @bookmonkeyig,
I guess the code you sent is broken.
The correct code should be
[instagram url=https://www.instagram.com/p/BjXjLwCFOl3/]If you need to set the size of the image, you can use
[instagram url=https://www.instagram.com/p/BjXjLwCFOl3/ width=320]
Note that the IG link should NOT be hyperlinked.
You can check it loading your HTML editor.
I hope this works for you. If not, let us know!
Have a great day!
-
Hi there, hope you don’t mind me adding something here:
I was wondering if there was a way to get the image but without the caption.
Hi there, when you copy and paste the link of the Instagram photo onto a line in your Post/Page Editor, you will get the image, caption, and other Instagram data, just like the example displayed in the support guide There’s no way to change that. https://en.support.wordpress.com/instagram/instagram-images/
If you want to insert the image by URL, you would need to know the exact URL of the image (ending with an extension in JPG, JPEG, PNG or GIF). Please check the Instagram Terms of Service to see if they allow this kind of linking and what their conditions are.
Hope that also helps.
-
Hello,
Thank you.
By doing this I can now actually see the picture, however it’s still has the caption below and I was wondering if you knew how to get rid of that?
E -
Hi @justjennifer,
I’ll check the Instagram Terms of Service now and see what they recommend.
Thanks
E -
To both,
I’ve found a way, using @deathlynotes’ advice and @justjennifer I would paste the url
[instagram url=https://www.instagram.com/p/BjXjLwCFOl3/]
but then add hidecaption=true so the code would look like
[instagram url=https://www.instagram.com/p/BjXjLwCFOl3/ hidecaption=true]
The second one gets the image but leaves behind the caption.
Thank you for both of your help
E -
- The topic ‘Instagram Embedded’ is closed to new replies.
WordPress.com Forums 