Make header configurable

Add:

- Ability to header on home page.
- Ability to add CSS classes on header.
- Ability to disable on individual pages with a page parameter.

README.md

@@ -90,6 +90,10 @@ paginate     = 10
   keywords = "homepage, blog"
   images = [""]
 
+  # Configure header / top menu on top of each page
+  disableHeaderOnHome = false  # Hides header on homepage
+  headerCssClasses = [ "" ] # Append CSS classes to header element
+
 [taxonomies]
     category = "blog"
     tag      = "tags"

exampleSite/config.toml

@@ -121,6 +121,13 @@ disableHugoGeneratorInject = false
       "Made with &#10084; by <a href=\"https://github.com/rhazdon\">Djordje Atlialp</a>"
     ]
 
+  # Custom header
+  [params.header]
+    # Set true to hide header on homepage
+    disableHeaderOnHome = false
+    # Add names to render additional CSS classes on <header> element
+    headerCssClasses = [ "" ]
+
   # Colors for favicons
   #
   [params.favicon.color]

layouts/partials/header.html

@@ -1,4 +1,5 @@
-<header class="header">
+{{ if not (or .Params.disableHeader (and .Site.Params.header.disableOnHome .IsHome)) }}
+<header class="header {{ if .Site.Params.header.cssClasses }}{{ range .Site.Params.header.cssClasses }} {{ . }}{{ end }}">
     <span class="header__inner">
         {{ partial "logo.html" . }}
 
@@ -19,3 +20,4 @@
         </span>
     </span>
 </header>
+{{ end }}