I followed the recent youtube guide to getting the CMS blog to work, and it was great except the image was hosted somewhere else and linked to the article. In my case, I want to put the image in Elements itself, in resources. I can’t find a way to get the image to show up in the article. I’m using Essentials to create the blog
The best approach is to take the time and watch Ben’s CMS setup video.
Across the three parts, you’ll find everything explained in detail — how to build your CMS setup from scratch, how to add images through the CMS, and much more.
I have spent a day going through all three, but there’s something Im not doing right to link images to my articles.
In that case, the most sensible thing would be either to post screenshots of your setup or, even better, to share your project here so that people can take a closer look at it.
Otherwise, it’s just guesswork, and that’s not really helpful for anyone.
in your front matter ( bit between the – - - add something like this
image:
src: /resourcefoldenamer/yourimage
alt: ‘Give it a description here’
width: 800
height: 800
Then just drag image into the line src AFTER where it says “YOUR IMAGE” then delete it back to the / BEFORE “resource” DO NOT put the resources bit in delete that bit in bold below:
../../resources/resourcefoldenamer/yourimage
That should do the trick!
Your image in the frontmatter does not have an extension eg contagion.jpg
Two things I noticed.
In your frontmatter, the image entry should be:
image:
src: "/blog_images/contagion.jpg"
You forgot the file extension for the image.
Also, I would always put src: "/blog_images/contagion.jpg" in quotes. It’s not required, but it can help reduce errors in the future.
Thanks so much. Editing my own work is always difficult.
PS - how do I add an image into the body my article? What the format for that? Thanks again.