Join the Webstudio community

Updated 4 weeks ago

Choosing a Cms for a Blog Site: Weighing the Options

I am trying to pick a CMS for a blog site. It needs to be low cost but support images withing blog posts (rich text with images). It looks like wordpress is the only one that checks these boxes. Ghost does not provide api access at their low-cost teir. Baserow and Airtable don't have images in rich text. Am I missing a good low-cost rich text option?
2
J
c
S
41 comments
it's "self hosted" but they manage it for you
aitable was on appsumo earlier. it supports images as data element.
Amazing! I only discovered PikaPods a few weeks ago and didn't think to check. I will give it a go!
I should make a tutorial migrating from webflow cms to ghost using pikapods
I think that would be good. Unfortunately I ran into a snag with Ghost. I need at least a few custom fields. The client is an author and she needs to be able to input some basic meta data about her books. If it was strictly a blog, Ghost would be perfect. Might be back to Wordpress unfortunately. 😦
Yeah that's a downside. What type of meta? They do have author bio and links πŸ€·β€β™‚οΈ but maybe thats not enough
Yeah not enough. We need a few things like publication date, number of pages, purchase links.
I see baserow might be adding image in long text support. But not available yet. https://community.baserow.io/t/rich-text-with-image-not-working/6011/2
once they do that will be amazing. Hmm... I wonder if you could store the extra meta in Baserow... if you need it on every blog page might not be ideal, but if it's just on the author page then You can just call two different systems.

Actually I use baserow for the CMS data and Ghost for the blog data on this page https://webstudio.is/tools/headless-cms-finder
Or if it's just one author, why not make that info static?
Each book has its own page. But you know what, I think she could just include that info within the main body of the post. I wouldn't be able to implement the design I currently have, but I think it would still work.
For now I'm going to move forward with Ghost and see what happens.
That sounds great. Some things to keep an eye on...

  1. https://github.com/webstudio-is/webstudio/issues/3265 - This will let you use the more "advanced" ghost components like galleries, products, etc. Currently we can style all the html tags in remote html, but this issue would unlock ability to style nested classes in the remote HTML. Idk if the ghost components have exactly what you need to layout the data, but just saying.
  1. https://github.com/webstudio-is/webstudio/issues/4077 - This will let you define custom times for cache which would make the Ghost + Baserow solution more attractive (I think currently it would not be a problem, but with this settings, it would be instant).
@Steve Suderman Hey Steve- one way I am using airtable with images in the long text is to have it in the long text field in markdown formatting. (Not the rich text option). Then in webstudio, I am using the markdown embed for the text content.
It's not totally ideal, and maybe more than most ppl want to deal with... but I use chatgpt to turn my text into the markdown format, so it's a quick thing.
How do you reference the images in the Markdown though? Airtable images expire
Oh well, I also use a different image hosting site... So all my images are jpg urls.
But this is the way you put an image in markdown.

! [Alt text] (https://imageurl.com)

(No spaces between items. They just needed them to show in discord)
Hey @John Siciliano can you confirm that a youtube embed in Ghost will come through with preview and be playable in the WebStudio site? I haven't set up the bindings yet so I can't test.
@calamitykay I like your creative workarounds. The type of thing I would do if it was just for me. But too much for this client.
Ah gotcha.. It's quite the workaround but I get it
Nearly positive it outputs the iframe but will double check
πŸ˜‚ sometimes I get a little too focused on making a solution work. This conversation has made me think I will also look elsewhere haha.
Ah yes so you have two options:

  1. use the native youtube embed in ghost but apply some custom styles targeting the iframe (see attached for the default style). The issue I linked above would enable you to style this without custom css.
  1. Use the ghost html embed and paste in youtube embed. I prefer this because you can add lazy loading to it, set a title, and just control it better. You may still need to apply just a little css but not sure
Attachment
Screenshot_2024-09-19_at_3.11.23_PM.png
@John Siciliano Can I ask you one more question that will help me get started with the Ghost integration. I already have to pages built, so I can't use the integration template directly from the market place. But I will still use it as a guide. I do my best learning from video though. Would the Hygraph or Wrodpress video give me something to reference that is close to the Ghost process?
I would start with the ghost templates... theres so much baked in there I didn't go over in the videos like pagination. It would be more work to integrate ghost into your existing page than to add ghost from the marketplace and copy paste your designs over (at least I think so).

Both Hygraph and WordPress are very similar and I highly suggest watching to give an idea of how it all comes together. WordPress is a newer video so I probably do a better job at explaining it there πŸ™‚
What pages do you have built btw? Just want to make sure you know you can insert new pages into the project from the markpetplace... it's not like you have to start the entire project with them
I have three different post pages built - News, Blogpost, Book. They are each a bit different. My plan was to use tags to target the different collections. I have not built to "Posts" pages for each collection yet (like a grid listing). I have the home page built that will show a number of items from each of these three types (news, blog, book).
I would insert the pages from the marketplace and copy your designs over and change the paths as needed for the inserted pages
I typically wrap my entire page in a page wrapper box so i can easily copy the contents
like this
Attachment
image.png
When are you going to go over pagination? πŸ‘‰ πŸ‘ˆ
haha what platform?
its in the template. does that work for you ?
im querying this now
and then I just got to work on binding it properly
what issue are you seeing
Can you start a new thread as this is off topic and I dont want the others in here to be notified.

Also it looks like you are having several issues so can you make it really easy for me to understand each issue you are having
Sure man, I will delete the info and start a new thread!
Add a reply
Sign up and join the conversation on Discord