Ghostcn
Skip to Content
ComponentsLayout

Site Footer

Publication footer with secondary navigation, social links, and Ghost attribution.

Install

npx ghostcn@1.4.0 add site-footer --skip-existing

Usage

Place this once in the layout. It uses Ghost’s secondary navigation and configured social links.

{{> "components/site-footer"}}

Customize this instance

{{> "components/site-footer" class="my-6" navClass="gap-4"}}

Styling parameters

ParameterTarget
classComponent root — .ghcn-footer
innerClass.ghcn-footer__inner
navClass.ghcn-footer__nav
socialClass.ghcn-footer__social

Styling parameters affect only elements that render. See Style component instances for specificity, dark mode, and preserving customizations.

Installed files

  • partials/components/site-footer.hbs
  • assets/css/components/site-footer.css

View the registry source

Edit this page on GitHub

Was this helpful?

On this page