Footer Builder
Erstelle einen professionellen, mehrspaltigen Website-Footer vollständig im WordPress-Admin — wähle bis zu sechs Abschnitte pro Reihe, gestalte jedes Detail visuell und platziere ihn per Block, Shortcode oder automatisch auf jeder Seite.
Aktivierung & Platzierung
Öffne Menu Builder → Footer. Die Symbolleiste oben auf der Seite steuert das globale Verhalten des Footers:
| Einstellung | Beschreibung |
|---|---|
| Footer aktivieren | Hauptschalter. Der Footer wird nur gerendert, wenn dies aktiviert ist und mindestens ein Abschnitt hinzugefügt wurde. |
| Layout | Erste Spalte breit (der erste Abschnitt ist breiter — ideal für einen Über-uns-Block), Gleiche Spalten oder Zentriert. |
| Platzierung | Manuell — du platzierst ihn selbst mit dem Block oder Shortcode. Automatisch — der Footer wird automatisch am Ende jeder Seite eingefügt. |
| Priorität | Wird nur bei automatischer Platzierung angezeigt. Die wp_footer-Hook-Priorität (1–9999, Standard 100) — niedrigere Zahlen werden früher ausgegeben. Erhöhe sie, wenn der Footer mit einem anderen Plugin kollidiert. |
Die automatische Platzierung vermeidet Duplikate: Wenn ein Footer bereits manuell (per Block oder Shortcode) auf derselben Seite ausgegeben wurde, überspringt die automatische Einbindung sich selbst — du bekommst nie zwei Footer.
Einrichtungsassistent
Der schnellste Weg zu einem vollständigen Footer ist der 🪄 Einrichtungsassistent-Button in der Symbolleiste. Er führt dich durch vier Schritte — Layout → Theme → Inhalt → Untere Leiste — und befüllt in weniger als einer Minute einen vollständig gestalteten Footer. Der Assistent öffnet sich automatisch beim ersten Besuch der Footer-Seite.
Footer-Abschnitte
Der Footer wird aus Abschnitten (den Spalten) aufgebaut. Klicke auf ＋ Abschnitt hinzufügen, um einen hinzuzufügen — bis zu 6 pro Reihe. Jede Abschnittskarte hat einen Titel, ein Kontrollkästchen Auf Mobilgeräten ausblenden und einen ⧉ Duplizieren-Button, der den gesamten Abschnitt (einschließlich Inhalt) klont und darunter einfügt.
Es gibt 7 Abschnittstypen:
| Typ | Was er rendert | Wichtige Felder |
|---|---|---|
| Über uns / Text | Ein optionales Logo-Bild gefolgt von einem Textabsatz — typischerweise eine kurze Unternehmensbeschreibung. | Logo-Bild, Bildbreite, Text |
| Linkliste | Eine vertikale Liste von Links (bis zu 20), jeder kann in einem neuen Tab geöffnet werden. | Bezeichnung, URL, in neuem Tab öffnen |
| Kontaktdaten | Adresse, Telefon und E-Mail. Telefon wird automatisch zu einem tel:-Link, E-Mail zu einem mailto:-Link. | Adresse, Telefon, E-Mail |
| Social-Icons | Eine Reihe von gebrandeten Social-Icons (bis zu 14) mit Links zu deinen Profilen. | Netzwerk + URL pro Icon |
| Öffnungszeiten | Eine einfache Liste von Zeilen (bis zu 10), z. B. „Mo–Fr: 9–18 Uhr". | Eine Zeile pro Eintrag |
| Newsletter | Ein E-Mail-Anmeldeformular, das an einen externen Dienst postet (Mailchimp, ConvertKit, Brevo, …). | Formular-Action-URL, Untertitel, Platzhalter, Button-Text, DSGVO-Text |
| Eigenes HTML | Beliebiges HTML, bereinigt mit der WordPress-Funktion wp_kses_post — nützlich für Einbettungen, Abzeichen oder Shortcodes. | HTML |
Der Abschnitt Social-Icons unterstützt 14 Netzwerke: Facebook, Instagram, X (Twitter), LinkedIn, YouTube, TikTok, Pinterest, GitHub, WhatsApp, Telegram, Discord, Spotify, Threads und E-Mail. Icons stammen aus Font Awesome 6 Brand-Glyphen.
Der Abschnitt Newsletter rendert nichts, bis du eine Formular-Action-URL einträgst — so wird verhindert, dass ein leeres Formular versehentlich an die aktuelle Seite postet. Füge ein optionales DSGVO-Einwilligungskästchen hinzu, um Anmeldungen rechtskonform zu gestalten.
Untere Leiste
Unterhalb der Abschnitte befindet sich eine optionale untere Leiste, die auf derselben Seite konfiguriert wird:
- Copyright-Text — freier Text; der Token
{year}wird automatisch durch das aktuelle Jahr ersetzt. - Rechtliche Links — bis zu 6 kleine Links (Datenschutz, AGB, Cookies, …).
- Social in unterer Leiste — spiegele deine Social-Icons in die untere Leiste.
- Nach-oben-Button — ein schwebendes, akzentfarbenes Pfeil-Icon, das nach 300 px Scrollen erscheint und sanft zurück nach oben scrollt.
Footer-Themes
Das Raster 🎨 Footer-Themes wendet eine sorgfältig zusammengestellte Farbpalette mit einem Klick an. Es gibt 11 Themes:
Midnight, Carbon Gold, Graphite, Deep Ocean, Evergreen, Bordeaux, Sapphire, Aurora, Porcelain, Sandstone und Editorial.
Jedes Theme ist auf Kontrast und Harmonie abgestimmt — die dunklen Paletten enthalten dezente Tiefenverläufe. Das Anwenden eines Themes ist nicht destruktiv: Jede einzelne Farbe bleibt danach im Stil-Panel bearbeitbar.
Gestaltung
Das 🎛 Stil-Panel (mit Live-Vorschau daneben) gibt dir vollständige visuelle Kontrolle. Eine 👁 Live-Vorschau aktualisiert sich in Echtzeit, wenn du Abschnitte, Farben und Typografie änderst — entsprechend dem öffentlichen Frontend.
Farben
Hintergrund, Überschriften, Text, Links, Link-Hover, Akzent sowie Hintergrund und Text der unteren Leiste. Ein optionaler CSS-Hintergrund-Verlauf kann den einfarbigen Hintergrund überschreiben.
Layout
| Option | Bereich |
|---|---|
| Akzentlinie (dünne farbige Linie oben) | Ein/aus + Höhe 1–10 px |
| Vertikales Padding | 16–160 px |
| Horizontales Padding | 0–120 px |
| Spaltenabstand | 8–120 px |
| Maximale Inhaltsbreite | 600–1920 px |
| Link-Abstand | 2–40 px |
| Mobile Ausrichtung | Links oder Mitte |
| Trennlinie untere Leiste | Oberen Rand ein-/ausblenden |
Typografie
- Überschrift — Größe (10–28 px), Gewicht (Normal–Extra-fett) und Stil (GROSSBUCHSTABEN oder Normal).
- Textgröße — 11–20 px.
- Link-Hover-Effekt — Nach rechts gleiten, Animiertes Unterstreichen oder Nur Farbe.
Social-Icons
Wähle einen Icon-Stil — Kreisabzeichen, Abgerundetes Quadrat oder Einfache Icons — und eine Größe von 12–28 px.
Eigenes CSS
Ein eingegrenztes CSS-Feld für feine Anpassungen. Verwende .menux-footer als übergeordneten Selektor, um deine Regeln auf den Footer zu beschränken.
Footer platzieren
Es gibt drei Möglichkeiten, den Footer auf deiner Website einzubinden — wähle die passende für dein Theme:
- Automatisch — setze Platzierung auf Automatisch in der Symbolleiste, und der Footer erscheint am Ende jeder Seite. Kein Block oder Shortcode erforderlich.
- Gutenberg-Block — füge den Block MenuX — Footer zu einem Footer-Template-Part im Site-Editor hinzu (FSE-Themes).
- Shortcode — füge
[menux_footer]in eine beliebige Seite, einen Widget-Bereich oder einen Page-Builder ein (Elementor, Divi, klassische Themes).
Alle Footer-Texte — Überschriften, Links, Copyright und mehr — sind übersetzbar. Der Builder registriert jeden String bei der WPML- / Polylang-String-Translation-API, und TranslatePress übersetzt die gerenderte Ausgabe direkt. Siehe die Seite Mehrsprachigkeit.