How to Add a Menu to Your Ghost Blog
Many themes have menu's built in, but this will show you how to add in your own navigation using content from the Ghost admin.
Open up your
default.hbsinside of a text editor (using
default.hbsbecause we want the navigation on every page)
Insert the following into where you want the navigation to show up (usually the first thing inside
Now, this is going to use the default navigation code which looks like this:
<!-- Default navigation template html --> <ul class="nav"> <li class="nav-home nav-current"><a href="/">Home</a></li> <li class="nav-about"><a href="/about">About</a></li> <li class="nav-contact"><a href="/contact">Contact</a></li> </ul>
If you would like to change this, create a
navigation.hbsfile inside the partials folder of your theme and add in the code you would like to use.
Now that your menu is added and customizable using the Ghost admin, any styling or changing is up to you :).