Product Logo

Footer konfigurieren

So passt du den Footer deiner easyWebsite an — Links, Logo, Copyright und benutzerdefinierte Inhalte.

Easy Mode

Im Easy Mode stehen zwei CI-Parameter zur Verfügung:

ParameterBeschreibung
footer-logo-pathPfad zur Bilddatei (SVG, PNG, JPG)
footer-copyrightCopyright-Text im Footer

Developer Mode

Im Developer Mode konfigurierst du den Footer in der theme.config.tsx:

Konfigurationsoptionen

EigenschaftTypDefaultBeschreibung
footer.componentReactNode | FC<{ menu: boolean }>FooterFooter-Komponente. Nur überschreiben, wenn du eine eigene Komponente nutzen willst.
footer.linksArray<{ name, href, column }>[]Links, gruppiert nach Spalte (column)
footer.logoReactNode | FCLogo im Footer
footer.descriptionReactNode | FCnullBeschreibungstext
footer.copyrightReactNode | FCZenDiS-StandardCopyright-Hinweis

Wenn du eine eigene Footer-Komponente statt der Standard-Komponente verwenden willst, importiere sie aus @document-writing-tools/kernux-theme und übergib sie an footer.component:

Das column-Feld bestimmt, unter welcher Überschrift ein Link im Footer erscheint. Links mit gleichem column-Wert werden in einer Spalte zusammengefasst:

Siehe Theme-Konfiguration → Footer für die vollständige Referenz.