Customize Navbar and Footer

Navbar

The navbar (also known as Navigation Bar, Header, or Menu) is a shared piece navigation. CodeRed CMS shows an area for the navbar at the top of most pages on the site. The logo and style of the navbar can be customized under Settings > Layout. The links shown in the navbar can be customized by creating a “Navbar” snippet under Snippets > Navbar.

Note

Each Navbar snippet is rendered sequentially in the navbar area. This currently does not support multi-site, i.e. all Navbar snippets are present on all sites.

Customizing the design of the stock navbar can be accomplished by baked in Django template overrides.

Create a templates\coderedcms\snippets directory in your project, most likely in the website directory.

In that directory create a file called navbar.html. This file will then override the navbar.html file included with CodeRed CMS.

It is advisable to initially copy the contents of CodeRed CMS navbar.html, but not necessary.

Footer

The footer is a shared piece of content shown at the bottom of every page on the site. Content can be added to the footer by creating a “Footer” snippet under Snippets > Footer.

Note

Each Footer snippet is rendered sequentially in the footer area. This currently does not support multi-site, i.e. all Footer snippets are present on all sites.

Customizing the design of the sock footer can be accomplished similarly to the navbar, by overriding the Django template.

Create a templates/coderedcms/snippets/ directory in your project, most likely in the website directory.

In that directory create a filed named footer.html. This file will then override the footer.html file included with CodeRed CMS.

Similarly, it is advisable to initially copy the contents of CodeRed CMS footer.html, but not necessary.