Using Bulma for styling without losing functionality?

Hi,
I wonder if I can develop my theme easily using Bulma without losing functionality (like navigation, infinite scrolling, and other JavaScript dependencies).

I need a self-hosted portfolio site for a group of ~10 authors, with common (admin) and individual (author) posts, these should belong to variable categories (blog posts, works, news) and should be tagged/channeled. Content would be quite image-centric.
What do you think, should I look for another stack instead?

(I have found some how-tos for integrating Bulma properly, but they are obsolete.)

Hi @aaannorst , welcome to Ghost!

There are several different things going on here.

  1. Can you write a theme that uses Bulma? Sure, no reason why not! Bulma is just CSS, and your custom theme can use the CSS classes it uses and load it. You may want to start from the Ghost starter theme, but then you’ll need a rewrite to use the Bulma classes instead. Still, it’ll get you going and if you aren’t very familiar with handlebars, having a working example that just needs to be restyled is probably a good idea. Here’s a link: GitHub - TryGhost/Starter: A development starter theme for Ghost

However, if you’re asking about Bulma because it claims that you don’t have to learn CSS, and you’re choosing it because you want to build a custom theme without doing any web programming, I suspect you’re going to be frustrated. You’re definitely going to need some level of comfort with HTML and at least be willing to learn to ‘read’ handlebars, so that you can figure out what it’s doing enough to put your Bulma classes in. I think it’s a great beginner project, just expect to learn a lot!

  1. There are no limits on the number of staff users in self-hosted Ghost, and you can assign posts to one or multiple authors. Note that Ghost isn’t really set up for multi-tenancy, but making everyone an author probably works OK for this use-case. See Users & Permissions – Manage your team . Note that authors can publish posts but not pages, and won’t be able to adjust the routing (below). Authors can add tags, and all staff members see a common set of tags, so you likely want to trust your authors at least a little bit not to fill the editor’s tags list with profanities.

  2. You can use tags on posts, and can use a routes.yaml file to make posts with different tags show up on different channels. So this sounds like a fine fit for Ghost.

FYI, @brightthemes has a Ghost theme that uses Bulma, here: Biron — Responsive Free Ghost Blog Theme | Bright Themes . It’s free to download, so you may be interested to look at his implementation.

2 Likes

Thank you for your verbose response!

1 Like

Yeah, it’s a character defect. :stuck_out_tongue_winking_eye:

1 Like