Show each article tag on the hompage

Themes
1

Hi,

A quick question :
I’m using the Source theme, and I would like to show the tag attached next to each article on my homepage. It seems to be the default choice for some themes, but not Source.

Can you help me out :slight_smile: ?
Thanks :)

2

It’s actually there for the posts in the top section. Try adding this to code injection:

<style>
.gh-card-tag {
    display: block!important;
}
</style>

The theme does not write out the tags for the articles in the latest or other sections. It wouldn’t be hard to add them, but you’d need to edit the theme to do so. (That’s not possible on Ghost Pro’s “Starter” plan or any other plans that don’t allow uploading a custom theme, FYI.)

3

Thanks Cathy, I didn’t notice that it was actually there in the top section, the only article that I had tagged was actually in the “latest” section;)
And unfortunately, I have a Starter plan for the plan, so no custom theme.
Thanks again!!

4

Hi Cathy!

I’m also looking to add tags to the “Latest” and “Featured” sections on the Source homepage. I’ve tried to edit the theme but I can’t seem to figure out exactly where/what to add (I’ve tried the code you shared above in a few different spots to no avail).

I was wondering if you might be able to provide some guidance, please.

Thanks for your time!

5

Right. The code I provided will cause the main fancy layout top section (if you have it displaying) to show the tags, because they’re already being written out by Ghost, just set to display: none. It won’t help you with latest or featured sections, because those are not showing tags, as I said above.

I think you’ll want to edit partials/components/featured (for the featured posts) and partials/components/post-list (for the ‘latest’ posts section)

For featured.hbs and post-list both, you need to find the #get request that is pulling the content for your specific logic and layout, and change include="authors" to be include="authors,tags" and that should cause the tags to appear.

(You may /also/ need the css above, which can go into the code injection for the site, or into the header section of default.hbs

6

Thanks, Cathy! I’ll give it a go. I appreciate you taking the time!

1 Like