Ideally I would like to have my navigation have the same structure and similar look to what I originally had in the Hugo theme. Each plus sign contains more categories under another topic, an example can be seen under the R section Dealing with Data.
If it is not possible, is there any other way I can organize the information? Thank you in advance.
Ghost-CLI version: 1.24.0
Ghost version: 5.26.4
Solo Theme: v1.0.0
mac Os Ventura 13.0.1
Given the length/complexity of your navigation menu, I would either make a page that contains this menu or code it directly into the theme.
If you create a page that you link to with these topics, then you can create them however you like, without having to modify Solo’s code, which will make it more maintainable down the line. You lose, though, the ability to add this as a menu to your site. (Do your analytics show visitors using the large menu? Or would fewer choices work just as well?)
The other option is to code this directly in your theme, which would allow you to match your menu to the one created in Hugo. The downsides here are that the navigation items won’t be as easily editable and you’ll need to merge any future updates to Solo.
Thank you for pointing me to the right direction. I wanted to try to create the same as I had in Hugo because I thought it would be easier for the user to go back to any topic or skip any topic they wanted. Since it is complex I think I might try the first option suggested. If I wanted to create a page for a topic, how would I do that since most of the content would be for paid members only?
You can use tags to create topic pages. In Ghost, whenever you tag a post, a page is created that features all the posts tagged with that topic.
For example, from your menu, you can tag a post with Python. Then, all posts with Python will appear at yoursite.com/tag/python. You can also use that link in your navigation to create a link to that collection.
Let me know if that’s what you’re asking about or if you have any other questions!
It gets a bit trickier when doing nested tags/topic like python/topic1. I’d search the Forum to see how people have approached it as well as this tutorial on building custom collections:
@denvergeeks Is there a way to make the submenu item that has children toggle rather than hover? For example, I would like the Dealing with Data, Machine Learning, and Visualize section (shown below) to toggle rather than hover when you select the mentioned topics. Is there a way to do that with the ghost-dynamic-dropdown?