CodeRed CMS

Navigation

  • Docs »
  • How-To Guides »
  • Customize Navbar and Footer

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.

← How-To Guides
Open External Links in New Tab →
© Copyright 2018-2020, CodeRed LLC. Last updated on Dec 15, 2020. Created using Sphinx.

CodeRed CMS

  • Getting Started
  • Advanced Tutorial
  • Features
  • How-To Guides
    • Customize Navbar and Footer
    • Open External Links in New Tab
    • Translation & Multi-Language Support
    • Run CodeRed CMS with Docker
    • Using a Custom Image Model in CodeRed CMS
    • Convert Existing Site to Use a Custom Image Model
  • Technical Reference
  • Contributing
  • Release Notes