Da ein WordPress-Footer so nützlich ist, musst du irgendwann etwas über den Footer erfahren, wie er funktioniert, welche Möglichkeitevern es gibt, ihn zu bearbeiten, und wie du voreingestellte Fußzeileninhalte, die für deine Marke nicht relevant sind, entfernen kannst. Deshalb zeigen wir dir, wie du einen Footer in WordPress bearbeiten kannst, und erklären dir, welche Vorteile ein Footer hat und was er alles enthalten kann.

Fußzeilen von Webseiten haben eine lange Tradition und enthalten alle Informationen, die nicht in das Hauptmenü einer Webseite passen. Von Links zu Support-Dokumenten bis hin zu Social-Media-Seiten – verschiedene Elemente passen gut in eine Fußzeile.

Legen wir los!

Unsere Videoanleitung zum Bearbeiten des WordPress Footers

Was ist ein WordPress Footer?

Footer gibt es nicht nur bei WordPress. Die meisten Webseiten-Baukästen und Content-Management-Systeme bieten die Möglichkeit, einen Footer einzubauen. WordPress bietet jedoch eine eigene Footer-Funktionalität und ein voreingestelltes Footer-Design, das in der Regel mit dem von dir installierten Theme geliefert wird.

Ein WordPress Footer befindet sich am unteren Rand deiner Webseite. Es ist ein statischer Inhaltsbereich, der ganz unten angezeigt wird, unabhängig davon, auf welcher Seite ein Nutzer landet. Obwohl er nicht so stark besucht wird wie der Header, ist der Footer dennoch sehr wichtig, um den Nutzern Social Media Buttons, Links zum Support und Kontaktinformationen zur Verfügung zu stellen.

Ein Beispiel für ein Restaurant-Footer-Menü.
Ein Beispiel für ein Restaurant-Footer-Menü.

Wenn du eine Webseite mit WordPress erstellst, kannst du davon ausgehen, dass du standardmäßig einen Footer in deinem Design hast. WordPress hat eine Core-Datei in sein System eingebaut, die speziell für die Verwaltung des Footers zuständig ist (footer.php).

Footer gibt es in allen Formen und Größen, und du kannst sie bearbeiten, um verschiedene Farben, Schriftarten und Hintergründe einzufügen. Du kannst auch Inhaltselemente in den Footer einfügen, z. B. Listen von Blogbeiträgen, Sicherheitsabzeichen und sogar Formulare und Bilder.

Der Footer ist so etwas wie der Abschluss deiner gesamten Webseite. Sie enthält wichtige Links und Informationen für diejenigen, die sich für deine Inhalte interessieren und sich in sie vertiefen. Schließlich vervollständigt der Footer das Gesamtdesign deiner Webseite, ähnlich wie die letzte Folie in einer Diashow oder der Abschluss einer Rede.

Ein Footer mit Kontakt- und Copyright-Informationen
Ein Footer mit Kontakt- und Copyright-Informationen

Gründe, einen WordPress Footer zu haben (und zu bearbeiten)

Es ist verlockend, den Footer zu vergessen oder ihn als letztes Designelement zu verwenden. Viele Leute wollen ihre Footer sogar entfernen, weil sie keinen großen Wert darin sehen. Das ist nicht der beste Plan. Der Footer hat einen Wert, auch wenn er nicht so oft angesehen oder angeklickt wird wie das Hauptmenü oder die primären Inhaltsbereiche.

Damit du dir ein Bild davon machen kannst, was einen Footer wertvoll macht, findest du hier eine Liste mit allen Gründen für einen Footer und erfährst, wie du einen Footer in WordPress so bearbeiten kannst, dass er zu deiner Marke passt.

  • Der WordPress Footer ist ein statisches Modul, das auf jeder Seite deiner Webseite angezeigt wird. Damit ist es besser sichtbar als eine Standardseite, die verschwindet, wenn jemand wegklickt.
  • Es vervollständigt das Design der Webseite, sowohl visuell als auch in deinen WordPress-Dateien. Es sagt WordPress, wo der Code enden soll, und zeigt den Nutzern, wann der Inhalt endet. Ganz zu schweigen davon, dass es für eine sauberere Oberfläche sorgt.
  • Viele Internetnutzerinnen und -nutzer erwarten bestimmte Links und Inhalte im Footer und gehen deshalb direkt dorthin, um sie zu finden. Denk an Support-Links und soziale Buttons.
  • Der Footer bietet mehr Möglichkeiten zur Conversion und zum Engagement, wie z. B. ein Aufruf zum Handeln am Ende eines Blogbeitrags. Du kannst Formulare, Links zu anderen Inhalten oder sogar einen Slogan des Unternehmens einfügen.
  • Es ist ein Ort, an dem du wichtige Links einfügen kannst, die es vielleicht nicht ins Hauptmenü schaffen.

Nachdem wir nun die Vorteile eines Footers kennen, stellt sich die Frage, was in den Footer gehört. Alle Themes sind unterschiedlich, aber es ist üblich, dass nach der Installation eines neuen Themes im Footer die Meldung „Powered by WordPress“ erscheint.

Das "Powered By WordPress"-Logo.
Das „Powered By WordPress“-Logo.

In anderen Fällen fügen die Theme-Entwickler ihre eigenen vorgefertigten Designs ein oder geben an, wer das Theme erstellt hat.

Ein einfacher Standard Footer in einem kostenlosen Theme.
Ein einfacher Standard Footer in einem kostenlosen Theme.

Nichts davon ist schlecht, aber das Ziel ist es, deinen WordPress Footer so anzupassen, dass er zu deinen wichtigen Seiten verlinkt, Inhalte enthält, die mit deiner Marke zu tun haben, und die Standardinhalte wie Nachrichten von Theme-Entwicklern oder WordPress entfernt. Es ist auch ratsam, das Styling mit eigenen Schriftarten und Farben an dein Branding anzupassen.

Welche Elemente solltest du also in deinen WordPress Footer einbauen?

  • Formulare, mit denen Nutzer deinen Newsletter oder Blog-Updates abonnieren können
  • Links zu Support-Ressourcen wie FAQs, Knowledgebase-Artikeln und Foren
  • Icon-Links zum Herunterladen digitaler Produkte wie Apps und Podcasts
  • Eine Liste anstehender Veranstaltungen
  • Eine Liste der neuesten Blog-Artikel
  • Links zu Treue- und Partnerprogrammen
  • Links zu Informationsseiten, wie z. B. einer Über uns- oder Karriereseite
  • Abzeichen und Icons, die auf deinen Ruf, frühere Auszeichnungen oder die Sicherheit deiner Webseite hinweisen
  • Symbole für soziale Medien, die auf die Seiten verlinken
  • Eine vollständige Sitemap, um die Navigation auf deiner Webseite zu erleichtern
  • Rechtliche Erklärungen wie Urheberrechtsansprüche, Datenschutzrichtlinien und Allgemeine Geschäftsbedingungen
  • Kontaktinformationen wie deine Adresse, Standorte, Telefonnummer und Geschäftszeiten oder ein Kontaktformular
  • Ein Suchfeld für eine bessere Navigation
  • Alle anderen zusätzlichen Seiten, die nicht in dein Hauptmenü passen, aber trotzdem einen Platz auf deiner Webseite brauchen
Footer mit einem E-Mail-Anmeldeformular, sozialen Buttons und Copyright-Informationen
Footer mit einem E-Mail-Anmeldeformular, sozialen Buttons und Copyright-Informationen

So bearbeitest du einen Footer in WordPress (selbstgehostete Version)

Es gibt eine Handvoll Möglichkeiten, den Footer einer WordPress.org (selbst gehosteten) Webseite zu bearbeiten. In den folgenden Abschnitten geht es um die Bearbeitung der Fußzeile in WordPress mit dem Theme Customizer, Widgets, Plugins und Code. Außerdem gehen wir auf die Verwaltung des WordPress Footers mit einem visuellen Page Builder wie Elementor ein.

WordPress Footer mit dem Theme Customizer bearbeiten

Der schnellste und effizienteste Weg, einen WordPress Footer zu bearbeiten, ist die Verwendung des integrierten WordPress Theme Customizers. Die Einstellungen des Theme Customizers variieren je nach gewähltem Theme, aber der Customizer selbst befindet sich immer genau an der gleichen Stelle im WordPress Dashboard.

Um den Prozess zu starten, klickst du im Dashboard auf „Erscheinungsbild“ und dann auf „Themes„.

Die Schaltfläche "Themes" in WordPress.
Die Schaltfläche „Themes“ in WordPress.

Klicke dann auf die Schaltfläche Anpassen unter dem derzeit aktiven Theme.

Wechsle ruhig die Themes, um zu sehen, wie sich die Footer von Theme zu Theme verändern.

Passe dein aktives Theme an.
Passe dein aktives Theme an.

Als etwas schnellere Alternative kannst du auch auf Erscheinungsbild > Anpassen klicken, was dich direkt zum WordPress Theme Customizer für das aktive Theme bringt.

Klicke auf die Schaltfläche Anpassen.
Klicke auf die Schaltfläche Anpassen.

Der WordPress Theme Customizer zeigt dir auf der rechten Seite ein Bild deiner Webseite und auf der linken Seite verschiedene Menüpunkte, die zu den Einstellungen und Tools für die Anpassung führen. Auch hier gilt: Jedes Theme hat unterschiedliche Anpassungsoptionen, daher kann dein Bildschirm ein wenig anders aussehen als auf unseren Screenshots.

Der Theme Customizer mit Footer in der Ansicht.
Der Theme Customizer mit Footer in der Ansicht.

Ein guter Ausgangspunkt für die Anpassung deines Footers sind die Farben.

Unser aktuelles Theme hat eine Schaltfläche „Farben„, mit der du leicht herausfinden kannst, wo du etwas ändern musst.

Wähle die Schaltfläche Farben, wenn sie in deinem Theme verfügbar ist.

Die Registerkarte Farben.
Die Registerkarte Farben.

Wähle die Schaltfläche Farbe auswählen unter dem Feld Kopf- und Fußzeilen-Hintergrundfarbe.

Nutze den Farbwähler, um alle Arten von Farben zu testen und zu sehen, welche zu deiner Marke passen oder am Ende deiner Seite gut aussehen.

Bei diesem Theme werden bei jeder Farbänderung auch die Schriftfarben angepasst, so dass sie unabhängig von der Hintergrundfarbe gut sichtbar sind.

Wähle eine Hintergrundfarbe für die Kopf- und Fußzeile aus.
Wähle eine Hintergrundfarbe für die Kopf- und Fußzeile aus.

Wie du siehst, ändert eine dunklere WordPress Footer-Farbe automatisch die Schriftfarben für Links, Überschriften und Absatztext, so dass du das nicht mehr selbst tun musst.

Der Text ändert seine Farbe, wenn du die Hintergrundfarbe in diesem Theme änderst.
Der Text ändert seine Farbe, wenn du die Hintergrundfarbe in diesem Theme änderst.

Jetzt probieren wir ein anderes Theme aus. In diesem Fall haben wir das Twenty Twenty Theme gegen das Storefront Theme ausgetauscht.

Natürlich zeigt der WordPress Customizer des Storefront-Themes Schaltflächen an, die im Twenty Twenty-Theme nicht angezeigt werden.

Es hängt also von deinem Theme ab, wie viel Kontrolle du über den Footer im WordPress Customizer hast. Manche Themes sind in dieser Hinsicht besser als andere.

Für das Storefront Theme gibt es einen Footer-Tab. Klicke darauf, um zu sehen, welche Möglichkeiten du hast, den Footer anzupassen.

Der Footer-Tab im Storefront Theme
Der Footer-Tab im Storefront Theme

Im Gegensatz zum vorherigen Theme ändert Storefront die Text- und Linkfarben nicht automatisch, wenn du die Hintergrundfarben anpasst. Du kannst jedoch alle diese Farben mit den Feldern für die Hintergrundfarbe, Überschriftenfarbe, Textfarbe und Linkfarbe selbst einstellen.

Farbeinstellungen für den Footer.
Farbeinstellungen für den Footer.

Footer-Farbeinstellungen

Eine schnelle Auswahl zeigt die Ergebnisse in unserer WordPress Footer-Vorschau. Danach solltest du auf die Schaltfläche Veröffentlichen klicken, um die neuen Footer-Farben im Frontend zu sehen.

Eine neue Hintergrund- und Textfarbe im WordPress Footer.
Eine neue Hintergrund- und Textfarbe im WordPress Footer.

Aber was ist mit den Links und Textelementen, die standardmäßig im Footer angezeigt werden?

Auch hier ist die wichtigste Methode zur Anpassung des Footer-Inhalts der WordPress Customizer. In den folgenden Abschnitten erklären wir dir, wie du Text- und Linkinhalte in der Fußzeile hinzufügen und entfernen kannst: als Menüpunkte und als Widgets.

Hinzufügen von Widgets zu deinem WordPress Footer

Eine Möglichkeit, den Inhalt des Footers zu bearbeiten, ist das Hinzufügen von Widgets. WordPress-Widgets haben viele Funktionen und können an verschiedenen Stellen eingesetzt werden, z. B. in der Sidebar und im Footer, sofern dein Theme dies unterstützt.

Im WordPress Customizer suchst du nach dem Reiter Widgets.

Die Registerkarte Widgets.
Die Registerkarte Widgets.

Sieh dir die Liste der Bereiche an, in denen du Widgets auf deiner Webseite platzieren kannst. Du siehst vielleicht Optionen für Bereiche wie die Sidebar, das obere Menü und das untere Menü. Hoffentlich enthält dein Theme auch den Footer als Bereich, in dem du Widgets platzieren kannst. Wenn nicht, gibt es andere Möglichkeiten, deine Fußzeile zu bearbeiten. Wenn du lieber Widgets verwenden möchtest, solltest du zu einem anderen Theme wechseln, das Widgets in der Fußzeile zulässt.

Dieses Theme bietet sogar vier Widgets in der Fußzeile, die in vier Spalten nebeneinander angeordnet sind, um ein schönes Format zu schaffen, das so viel Inhalt wie möglich in der Fußzeile unterbringt.

Wähle eine Footer-Spalte aus.
Wähle eine Footer-Spalte aus.

Klicke auf ein beliebiges Widget im Footer, um einen Bereich zum Hinzufügen eines Widgets zu öffnen. Wenn du auf diese Schaltfläche klickst, werden alle in WordPress und dem Theme verfügbaren Widgets angezeigt. Auch hier kann es sein, dass du ganz andere Widgets siehst, da einige Themes ihre eigenen Widgets enthalten oder du eine Erweiterung oder ein Plugin installiert hast, um deinem Dashboard weitere Widgets hinzuzufügen.

Die gängigen Widgets reichen von Archiven über Audio und Custom HTML bis hin zu Produktfiltern.

Du musst nur die Widgets auswählen, die du zu diesem bestimmten Widget-Bereich hinzufügen möchtest. Sie werden dann auf der linken Seite angezeigt, wo du sie neu anordnen und ihre individuellen Einstellungen konfigurieren kannst.

Scrolle durch die Liste der Widgets.
Scrolle durch die Liste der Widgets.

Nach kurzer Arbeit haben wir mehrere Widgets in drei der Footer-Spaltenmodule platziert, darunter ein Hauptmenü, eine Liste der letzten Beiträge und einige Produkte aus unserem Shop. Außerdem haben wir eine Suchleiste hinzugefügt, um die Navigation für unsere Nutzer zu erleichtern.

Ein wichtiger Bereich, den du beachten solltest, ist der Bereich der Widget-Einstellungen. Jedes Widget hat seine eigenen Einstellungen auf der linken Seite. Geh also unbedingt durch diese Felder, damit sie genau so aussehen, wie du es möchtest.

Ein fertiger WordPress Footer mit verschiedenen Widgets.
Ein fertiger WordPress Footer mit verschiedenen Widgets.

Wie du vielleicht beim Durchstöbern der Theme-Einstellungen erfährst, gibt es nicht bei allen Themes die Möglichkeit, Menüs mit der Standardeinstellung „Menü hinzufügen“ direkt in den Footer-Bereich einzufügen. Unser Theme hier hat zum Beispiel Stellen, an denen du Menüs als primäre, sekundäre, Handheld- und mobile Menüs aktivieren kannst, aber nichts für Footer.

Wir werden uns im nächsten Abschnitt mit Menüs befassen, aber wir wollten dir eine schnelle Lösung für das Hinzufügen eines Menüs mit einem Widget zeigen, falls dein Theme Menüs nicht auf die übliche Weise unterstützt.

Manche Themes haben keine Möglichkeit, Menüs in Footern unterzubringen.
Manche Themes haben keine Möglichkeit, Menüs in Footern unterzubringen.

Alles, was du tun musst, ist, eines deiner Footer-Module aufzurufen und nach dem Navigationsmenü-Widget zu suchen. Hier kannst du auf ein Dropdown-Feld klicken, um alle erstellten Menüs auf deiner Webseite anzuzeigen. Du kannst auch ein Menü speziell für deinen Footer erstellen (im Bereich Menüs des Dashboards) und es als Widget in diesen Bereich einfügen.

Alternativ kannst du auch das Hauptmenü oder alle anderen Menüs wählen, die du erstellt hast. Sie sollten alle in der Dropdown-Liste der Menü-Widgets auftauchen.

Danach wird das Menü deiner Wahl im Footer angezeigt, sofern du das Navigationsmenü-Widget im rechten Footer-Bereich hinzugefügt und auf die Schaltfläche Veröffentlichen geklickt hast. Du kannst sogar einen Titel für dieses Menü eingeben, wenn du erklären möchtest, was die folgenden Links enthalten.

Ein Navigationsmenü-Widget.
Ein Navigationsmenü-Widget.

So fügst du eigenen Text, Bilder und Code als Footer-Widgets ein

Viele WordPress-Widgets bieten vorkonfigurierte Inhaltslisten, wie das Recent Posts Widget oder die Suchleiste.

Manchmal möchtest du jedoch den WordPress Footer bearbeiten, um ganz eigene Inhalte einzufügen, z. B. einfachen Text, Bilder oder ein bisschen Code, um etwas völlig Neues zu schaffen.

WordPress bietet für jede dieser Möglichkeiten ein Widget.

Dazu musst du nur in den Theme Customizer > Widgets gehen. Wähle dann den Widget-Bereich aus, in dem du die Widgets im Footer platzieren möchtest.

Klicke auf die Schaltfläche Ein Widget hinzufügen und suche nach „Bild“.

Füge das Bild-Widget hinzu und passe den Titel an. Klicke auf Bild hinzufügen und überlege dir, ob du nicht auch einen Link zu dem Bild einfügen möchtest. Du kannst die Bildgröße bearbeiten, indem du auf Bild bearbeiten klickst.

Das Bild-Widget.
Das Bild-Widget.

Als Nächstes suchst du in der Widget-Bibliothek nach „Text“.

Füge das Text-Widget zu deinem Footer hinzu und gib alles ein, was du willst. Es hat auch ein Titelfeld und einen visuellen Editor, ähnlich wie bei der Erstellung eines Blogposts oder einer Seite in WordPress. Wir haben versucht, Bilder über das Text-Widget einzufügen (da es technisch möglich ist), aber viele Themes lassen das nicht zu.

Das Text-Widget.
Das Text-Widget.

Schließlich kann es sein, dass du ein benutzerdefiniertes HTML-Widget am besten findest, vor allem, wenn du die volle Kontrolle über das Design des Footers haben willst oder ein einzigartiges Design für ein E-Mail-Anmeldeformular einbauen willst.

Suche dazu in der Widget-Bibliothek nach „HTML“ und wähle das Custom HTML Widget.

Das benutzerdefinierte HTML Widget
Das benutzerdefinierte HTML Widget

Füge deinen benutzerdefinierten HTML-Code ein und behalte die Vorschau auf der rechten Seite im Auge, um sicherzustellen, dass er so aussieht, wie er soll. Möglicherweise musst du auch ein paar CSS-Elemente hinzufügen, damit es so aussieht, wie du es möchtest.

Füge den HTML-Code in das Widget ein.
Füge den HTML-Code in das Widget ein.

Denke wie immer daran, am Ende auf die Schaltfläche Veröffentlichen zu klicken.

Hinzufügen von Menüs zum WordPress Footer

Du erstellst Menüs in WordPress, indem du zu Erscheinungsbild > Menüs gehst. Sobald du ein Menü erstellt hast, kannst du es einfügen, zumindest an den Stellen, die von deinem Theme unterstützt werden.

Es ist auch möglich, dein Menü im WordPress Customizer zu erstellen. Es kommt also darauf an, wo du dich am wohlsten fühlst, wenn du neue Seiten und Links zu deinen Menüs hinzufügst.

Schau dir unsere Videoanleitung zum Hinzufügen von Menüs in den WordPress Footer an

Zur Erinnerung: Nicht alle WordPress-Themes erlauben Menüs im Footer. Manche haben sogar nur ein oder zwei Menüpositionen, also musst du überprüfen, ob dein Theme Menüs unterstützt. Falls nicht, findest du im vorherigen Abschnitt eine Lösung, die ein Widget verwendet, um ein Menü in den Footer zu integrieren.

Wenn du ein Theme verwendest, das Menüs im Footer zulässt, gehe in den WordPress Customizer und klicke auf die Registerkarte Menüs.

Die Registerkarte "Menüs"
Die Registerkarte „Menüs“

Wahrscheinlich siehst du eine leere Menüseite mit mehreren Schaltflächen, die du auswählen kannst. Mit einer der Schaltflächen kannst du auswählen, welche Menüs angezeigt werden sollen und wo sie angezeigt werden sollen. Die Registerkarte Alle Standorte anzeigen zeigt dir, welche Menüs in deinem Theme unterstützt werden.

Die Schaltfläche Neues Menü erstellen funktioniert ähnlich wie das Standardmenü im Dashboard, nur dass du dafür den Customizer nicht verlassen musst.

Klicke auf die Schaltfläche Neues Menü erstellen. Wenn du bereits ein fertiges Menü hast, kannst du es in den Footer einfügen, indem du auf Alle Standorte anzeigen gehst.

Schaltfläche "Neues Menü erstellen"
Schaltfläche „Neues Menü erstellen“

Gib deinem Menü einen Namen (in diesem Fall nehmen wir den naheliegenden Namen Footer) und aktiviere das Kästchen Footer Menu. Damit sagst du WordPress, dass das Footer-Menü, das du erstellst, im Footer angezeigt werden soll. Das eine ist das eigentliche Menü und das andere ist der Bereich auf deiner Webseite, in dem das Menü angezeigt wird. Du kannst den Namen deines Footer-Menüs gerne ändern, wenn du es etwas verwirrend findest.

Klicke auf die Schaltfläche Weiter am unteren Rand des Fensters, um fortzufahren.

Füge das Footer Menü hinzu.
Füge das Footer Menü hinzu.

Jetzt hast du ein Menü mit dem Namen Footer, aber es fehlen noch Schaltflächen oder Links, um es zu einem wirklich funktionalen Menü zu machen.

Klicke auf die Schaltfläche Elemente hinzufügen, um Links und Schaltflächen zu den Seiten deines Menüs zu platzieren.

Die Schaltfläche Artikel hinzufügen.
Die Schaltfläche Artikel hinzufügen.

Es erscheint ein neues Slideout-Panel mit allen Optionen, die du zu deinem Menü hinzufügen kannst. Du kannst zum Beispiel benutzerdefinierte Links zu internen oder externen Seiten, zu Beiträgen aus deinem Blog, zu Seiten deiner Webseite (bereits erstellte Seiten), zu Produkten, Tags und Kategorien sowie zu allen anderen Arten von Inhaltsseiten einfügen, die du hast.

Füge dem Menü Seiten und andere Elemente hinzu.
Füge dem Menü Seiten und andere Elemente hinzu.

Jeder Menüpunkt, den du auswählst, wird in der Menüleiste angezeigt. Dort kannst du sie neu anordnen und auf jeden einzelnen klicken, um die individuellen Einstellungen zu bearbeiten. In diesem Beispiel haben wir fünf Links zu Seiten auf unserer Webseite hinzugefügt, darunter den Blog, eine Livestream-Seite und eine Seite Über das Unternehmen.

In der Liste am Anfang dieses Artikels findest du Ideen, was du in deinen Footer aufnehmen kannst.

Ein Beispiel für ein Menü innerhalb des Footers.
Ein Beispiel für ein Menü innerhalb des Footers.

Footer in WordPress mit Plugins bearbeiten

WordPress verfügt bereits über eingebaute Tools, mit denen du deine Fußzeile ändern kannst, aber inwieweit du die Fußzeile deiner Webseite bearbeiten kannst, hängt von dem von dir gewählten Theme ab und davon, ob du mit dem Code herumspielen willst oder nicht.

Schau dir unseren Video-Leitfaden zu den besten Footer-Plugins an

Wie du weiter unten in diesem Artikel erfährst, musst du, um den Standardtext „Powered By“ zu entfernen, in die Datei footer.php eingreifen und etwas Code entfernen. Es ist also klar, dass einige Aspekte der Footer-Bearbeitung für dich unerreichbar sind, wenn du nicht die Erfahrung oder die Bereitschaft hast, mit Code herumzuspielen oder ein neues Theme zu finden.

An dieser Stelle kommen WordPress Plugins ins Spiel. Viele Plugins bieten Funktionen zur Bearbeitung und Erweiterung des Footers, damit du den Code nicht mehr manuell bearbeiten musst und manchmal schnelle Änderungen an deinem Footer vornehmen kannst, z. B. an Farben und Spalten.

Die folgenden WordPress Footer Plugins empfehlen wir:

  • Footer Mega Grid Columns – Dieses Plugin behebt alle Probleme, die du mit einem Theme hast, in dem der Footer kein dreispaltiges Rasterformat hat. Manche Themes bieten nur eine oder zwei Spalten, während in anderen Fällen der Footer komplett aus dem Theme entfernt wird. Footer Mega Grid Columns fügt ein Footer-Widget hinzu, das nicht nur drei Spalten, sondern bei Bedarf auch zusätzliche Spalten anzeigt.
  • Remove Footer Credit – Mit diesem Plugin kannst du den Footer Credit, den WordPress oder dein Theme-Entwickler dort platziert hat, vollständig entfernen. Du hast auch die Möglichkeit, deinen eigenen HTML-Code einzugeben, um einen Footer-Credithinweis oder einen Inhalt zu erstellen, der besser zu deiner Webseite passt.
  • Header Footer Code Manager – Dieses Plugin ist etwas gewöhnungsbedürftig, aber es ist die ideale Lösung für fortgeschrittene WordPress-Nutzer, die lieber im Dashboard auf die Bereiche für Footer- und Header-Codes zugreifen möchten, als die Dateien deiner Webseite zu öffnen. Du kannst eine unbegrenzte Anzahl von Stilen und Skripten in den Footer einfügen, was sich oft als nützlich erweist, um Informationen nach jedem Blogbeitrag oder jeder Seite anzuzeigen.
  • Footer Putter – Mit diesem Plugin kannst du ein Widget für Copyright-Informationen oder für deine Markenzeichen einfügen. Dies ist eine sehr nützliche Lösung, um Details über dein Unternehmen im Footer-Bereich zu platzieren, z. B. Links, Öffnungszeiten, Telefonnummern und mehr.
  • Footer Text – Das Footer Text Plugin ist eine der einfachsten Möglichkeiten, deine WordPress-Fußzeile zu verändern, denn es aktiviert ein Frontend- und Backend-Bearbeitungsfenster, mit dem du den Inhalt deiner Fußzeile ändern kannst. Es verfügt über einen WYSIWYG-Editor (What You See Is What You Get), mit dem du deinen Text formatieren und z. B. Bilder hinzufügen kannst.

In den folgenden Abschnitten erfahren wir, wie du einige dieser Plugins für Aufgaben wie das Hinzufügen von Social Media Buttons oder das Einfügen von benutzerdefiniertem Code in den WordPress Footer nutzen kannst.

Manuelles Bearbeiten des WordPress Footers mit Code

Eine etwas technischere Methode zur Bearbeitung deines WordPress Footers besteht darin, die Datei footer.php anzuzapfen und ihren Inhalt zu bearbeiten.

Du musst bereits Erfahrung im Programmieren haben – oder bereit sein, es zu lernen -, damit diese Methode für dich nützlich ist, aber es gibt ein paar kleine Änderungen, die auch Anfänger/innen durchführen können (hauptsächlich das Entfernen von voreingestelltem Text im Footer). Ausführliche Informationen findest du in unserem Leitfaden zum Hinzufügen von Header- und Footer-Code.

Um auf die Datei footer.php zuzugreifen, verlinke mit einem FTP-Client auf die Dateien deiner Webseite. Wir empfehlen auch diesen Artikel über die Verwendung von SFTP für die Verbindung mit WordPress, da SFTP sicherer ist als FTP.

Wenn du mit deinem FTP-Client eine Verbindung zu den Dateien deiner WordPress Seite hergestellt hast, suche den Ordner /public. Klicke auf /wp-content und dann auf /themes, um alle Themes anzuzeigen, die derzeit auf deinem WordPress Dashboard installiert sind. Notiere dir, welches Theme auf deiner Webseite aktiv ist, und öffne den Ordner für dieses Theme.

Verwende einen FTP-Client, um die Dateien deiner Webseite zu öffnen.
Verwende einen FTP-Client, um die Dateien deiner Webseite zu öffnen.

Alle WordPress-Themes haben irgendwo im Theme-Ordner eine footer.php-Datei. Scrolle durch den Stapel von Dateien, um diese footer.php-Datei zu finden.

Wähle die Datei footer.php für das richtige Theme.
Wähle die Datei footer.php für das richtige Theme.

Öffne die Datei mit einem Editor deiner Wahl. Dort kannst du den aktuellen Code bearbeiten oder neue Inhalte hinzufügen, je nachdem, was du erreichen willst. Der Abschnitt get_template_part wird oft geändert, um neue Textteile einzufügen, aber das überlassen wir dir, denn jeder Footer ist anders.

Die geöffnete Datei footer.php.
Die geöffnete Datei footer.php.

Alternativ kannst du den Footer-Code mit einem Plugin bearbeiten, das ein visuelles Feld für die Datei footer.php anzeigt. Auf diese Weise musst du keinen FTP-Client installieren und ihn mit deiner Webseite verknüpfen. Außerdem ist es ein intuitiver, anfängerfreundlicher Prozess, der jederzeit auf deinem Dashboard für zukünftige Änderungen zur Verfügung steht.

Installiere und aktiviere dazu das Header Footer Code Manager Plugin.

Das Header Footer Code Manager Plugin.
Das Header Footer Code Manager Plugin.

Sobald es installiert ist, klickst du auf den Reiter HFCM, der im WordPress Dashboard erscheint. Gib dem Snippet einen Namen, wähle den Ort, an dem es angezeigt werden soll, und lege den Ort als Footer fest.

Der wichtigste Teil ist das Feld Snippet/Code, in das du den gewünschten Code einträgst. Manche Leute nutzen dieses Plugin für Verifizierungs- oder Tracking-Codes, die nicht im Frontend angezeigt werden. Du kannst es aber auch verwenden, um neuen Text einzugeben und den Inhalt deines Footers fast vollständig zu kontrollieren.

Klicke unbedingt auf die Schaltfläche Speichern, um die Ergebnisse zu sehen.

Füge ein Snippet oder einen Code ein.
Füge ein Snippet oder einen Code ein.

Verwende einen Page Builder mit Footer Designer

Eine weitere Möglichkeit, deinen WordPress Footer zu ändern, ohne dass du Code oder viele der standardmäßigen WordPress Footer Tools benötigst, ist ein Page Builder. Nicht alle Page Builder bieten Footer-Editoren an. Daher ist es wichtig, dass du dich informierst und sicherstellst, dass dein aktueller Page Builder es anbietet oder dass derjenige, den du kaufen willst, über Footer-Funktionen verfügt.

Schau dir unseren Video-Guide zur Bearbeitung des WordPress Footers mit Page Buildern an

Unabhängig davon ist dies eine relativ grundlegende Funktion für einen Page Builder, daher solltest du dich nur für einen Page Builder entscheiden, wenn du vorhast, deine gesamte Webseite damit zu gestalten.

Einige andere Page Builder bieten die Möglichkeit, Footer zu bearbeiten, aber unsere Favoriten sind Elementor und Visual Composer.

Um einen benutzerdefinierten Footer mit Visual Composer zu erstellen, brauchst du die Pro-Version. Mit der kostenlosen Version kannst du den unteren Teil deiner Webseite bearbeiten, aber für den echten Drag-and-Drop-Builder für den Footer brauchst du ein Upgrade.

Nach der Installation klickst du in deinem Dashboard auf die Schaltfläche Seiten. Scrolle durch die Seiten, die du bearbeiten möchtest, und wähle auf einer dieser Seiten den Link Mit Visual Composer bearbeiten aus.

Mit Visual Composer bearbeiten.
Mit Visual Composer bearbeiten.

Daraufhin öffnet sich der Visual Composer Designer mit einer Live-Vorschau deiner Webseite auf der rechten Seite und Drag-and-Drop Design Tools wie Elementen und Templates auf der linken Seite.

Eine der einfachsten Möglichkeiten, einen schönen Footer zu gestalten, ist die Auswahl eines Templates (viele davon sind kostenlos). Diese Templates bieten professionelle Designs für deine gesamte Webseite und einen schönen Footer, der individuell angepasst werden kann.

Ein vorgefertigter Footer, der mit einem der Visual Composer Templates geliefert wird.
Ein vorgefertigter Footer, der mit einem der Visual Composer Templates geliefert wird.

Um zu sehen, was es alles gibt, klickst du auf die Registerkarte Templates und dann auf die Schaltfläche Get More Templates. Der Visual Composer bietet Templates für alle Bereiche deiner Webseite, einschließlich Header, Footer und Sidebars.

"<strong

Im nächsten Fenster siehst du eine große Bibliothek mit Templates, die mit Filtern für Elemente, Templates, Blöcke und Footers kategorisiert sind.

Wähle die Registerkarte Footers, um alle vorgefertigten Templates für Footers anzuzeigen.

Auch für diesen Teil des Visual Composers brauchst du die Pro-Version. Sobald er aktiviert ist, kannst du durch die Dutzenden von Footer Templates blättern, um sie auf deiner Webseite zu implementieren und sie nach Belieben zu bearbeiten.

Footer im Visual Composer.
Footer im Visual Composer.

Einer der anderen Page Builder mit Tools zur Bearbeitung von Footern ist Elementor. Ähnlich wie Visual Composer bietet Elementor einen vollständigen Website-Builder für die Erstellung von Homepages, Produktseiten, Footern und mehr.

Beachte, dass du bei dieser Methode die Footer-Inhaltsblöcke kostenlos erhältst, aber für den eigentlichen Footer-Builder benötigst du die Pro-Version von Elementor. Wie beim Visual Composer musst du für den vollen Funktionsumfang ein Upgrade erwerben.

Um loszulegen, installiere und aktiviere sowohl Elementor als auch die Elementor Header Footer und Blocks Template Plugins.

Elementor Plugins.
Elementor Plugins.

Klicke auf Templates > Theme Builder, um den kompletten Webseiten-Builder von Elementor zu öffnen.

Der Elementor Theme Builder.
Der Elementor Theme Builder.

Hier siehst du ein Menü, mit dem du verschiedene Teile deiner Webseite bearbeiten kannst, z. B. den Header, den Footer und einzelne Seiten.

Wähle die Teile deiner Webseite, die du anpassen möchtest, im Menü auf der linken Seite oder mit den Symbolschaltflächen in der Mitte der Seite aus. Wie du siehst, gibt es einen Footer-Link an zwei Stellen.

Footer-Bearbeitungsoptionen in Elementor.
Footer-Bearbeitungsoptionen in Elementor.

Der Footer-Editor funktioniert ähnlich wie jeder andere Editor in Elementor: Du kannst das Layout ändern, den Stil anpassen und auf den Block klicken, um neue Inhalte einzugeben. Jeder Aspekt des Footers kann mit Elementor angepasst werden. Das macht es zu einer der flexibelsten und begehrtesten Optionen, wenn es darum geht, den Footer zu kontrollieren und zu lernen, wie man einen Footer in WordPress bearbeitet.

Bearbeiten des Footers mit Elementor.
Bearbeiten des Footers mit Elementor.

Das Plugin Header Footer and Blocks bietet Inhaltsmodule, die speziell für Header und Footer entwickelt wurden. Bei den Footer-Blöcken kannst du aus Modulen wie Copyright-Informationen, Bildern, Website-Titeln und Taglines wählen.

Um diese Blöcke zu verwenden, gehst du im Dashboard zu Darstellung > Header Footer und Blöcke.

Du kannst auch einen eigenen Block erstellen und ihn im Elementor Page Builder bearbeiten. Wenn du in Elementor bist, scrolle nach unten zur Blocksammlung für Header Footers und Blocks und ziehe dann eines dieser Elemente in dein aktuelles Design, um einige der gängigsten Inhaltselemente in einer Fußzeile zu aktivieren. Wie bereits erwähnt, kannst du in diesen Blöcken alles finden, von Suchleisten über Webseiten-Logos und Einkaufswagen-Symbole bis hin zum Copyright-Text.

Beispiele für Footer-Blöcke.
Beispiele für Footer-Blöcke.

So bearbeitest du einen Footer in WordPress.com

WordPress.com, die gehostete Version von WordPress, bietet für viele seiner Themes Footer an, die du mit ein paar Klicks entfernen oder ändern kannst. Die Methoden zur Bearbeitung von Footern in WordPress.com ähneln denen in der selbst gehosteten Version von WordPress.org, allerdings gibt es einige Unterschiede.

Schau dir unseren Video-Guide zum Bearbeiten eines Footers in WordPress.com an

Zunächst einmal sieht die Benutzeroberfläche nicht genau so aus.

Du musst dich in dein WordPress.com-Dashboard einloggen und deinen Footer im Theme Customizer verwalten. Glücklicherweise sind viele der Themes, die für WordPress.com angeboten werden, ähnlich oder genau gleich wie die für WordPress.org. Das bedeutet aber auch, dass die Art und Weise, wie du den Footer in WordPress.com bearbeitest, von dem Theme abhängt, das du installierst.

Gehe zunächst im Dashboard zu Darstellung > Anpassen.

Rufe im Theme den Customizer auf.
Rufe im Theme den Customizer auf.

Sieh dir die Registerkarten im Theme Customizer an, die für das jeweilige Theme verfügbar sind. Die meisten Themes haben eine Registerkarte „Widgets„, aber du musst herausfinden, ob dein Theme einen Footer-Bereich hat, in dem du Widgets platzieren kannst. Klicke auf die Registerkarten Widgets, um das herauszufinden.

Klicke auf die Registerkarte "Widgets".
Klicke auf die Registerkarte „Widgets“.

Das aktuelle Theme, das wir verwenden, bietet ein Footer Widget-Modul. Wenn du keine Option zum Einfügen von Widgets in den Footer siehst, solltest du ein anderes Theme ausprobieren oder Menüs statt Widgets verwenden.

Für dieses Beispiel (mit einem Footer-Widget-Bereich) klickst du auf die Schaltfläche Widget hinzufügen.

Schaltfläche "Widget hinzufügen".
Schaltfläche „Widget hinzufügen“.

Es erscheint ein Slideout-Menü mit einer Sammlung von Widgets. Du kannst die Widgets auswählen, die für dein Unternehmen am sinnvollsten sind.

Auch hier bestimmt das Theme, wie viele Widgets du im Footer unterbringen kannst, ohne dass es zu unübersichtlich aussieht. Es scheint, dass dieses Theme etwa drei Spalten mit Widgets zulässt, bevor das Design unübersichtlich wird.

In unserem Beispiel wählen wir ein Kontakt- und ein Karten-Widget sowie ein „Blog folgen“-Widget, das die Besucher auffordert, sich mit ihrer E-Mail-Adresse anzumelden.

Die lange Liste der WordPress Widgets.
Die lange Liste der WordPress Widgets.

Die Vorschau auf der rechten Seite zeigt die Widgets in Aktion. Wir empfehlen dir, die einzelnen Widget-Einstellungen durchzugehen, um einzelne Elemente wie den Anzeigetext zu konfigurieren und auszuwählen, welche Felder du in jedem Widget anzeigen möchtest.

Klicke unbedingt auf die Schaltfläche Änderungen speichern, damit die Widgets im Frontend deiner Webseite erscheinen.

Ein kompletter Footer mit Kontaktinformationen und Widgets für Abonnements.
Ein kompletter Footer mit Kontaktinformationen und Widgets für Abonnements.

Du wirst auch feststellen, dass WordPress.com automatisch den Titel deiner Webseite und einen WordPress-Credit ganz unten in deinem Footer einfügt. Den Titel deiner Webseite kannst du normalerweise entfernen, aber für den WordPress-Credit musst du für den Business Plan bezahlen.

Um diese beiden Elemente zu ändern, klicke auf die Schaltfläche Website-Identität.

Gehe zur Webseite Identität.
Gehe zur Webseite Identität.

Gehe zunächst zum Ende der Einstellungen, um das Feld Footer Credit zu finden. Klicke auf das Dropdown-Feld, um alle möglichen Optionen zu sehen.

Das Dropdown-Menü Footer Credit.
Das Dropdown-Menü Footer Credit.

Jeder der Credits hat irgendeinen Bezug zu WordPress. Wenn du einen persönlichen Blog oder ein Online-Tagebuch betreibst, ist ein WordPress-Credits keine große Sache, aber wir empfehlen dir, auf den Business-Plan umzusteigen und den Credit zu entfernen, wenn es sich bei deiner Webseite um ein legitimes Unternehmen handelt.

Danach kannst du auf das Dropdown-Menü klicken und die Option Ausblenden wählen, um den Credit komplett zu entfernen.

Du musst den Businessplan haben, um den WordPress-Kredit zu verstecken.
Du musst den Businessplan haben, um den WordPress-Kredit zu verstecken.

Das Impressum verschwindet dann in der Vorschau, während die Widgets, die du im Footer hinzugefügt hast, zusammen mit dem Titel deiner Webseite zurückbleiben.

Ein Footer ohne den WordPress-Credit.
Ein Footer ohne den WordPress-Credit.

Einige Themes bieten die Möglichkeit, den Titel deiner Webseite auch aus dem Footer zu entfernen. Am einfachsten ist es, das Kontrollkästchen Website-Titel und Tagline anzeigen zu deaktivieren. Dadurch wird der Titel der Webseite im Footer und möglicherweise auch in der Kopfzeile entfernt. Für die Kopfzeile empfehlen wir ohnehin, ein Logo hochzuladen.

Andere Themes haben andere Möglichkeiten, den Titel und die Tagline zu entfernen. Manchmal ist es gar nicht möglich, während in anderen Fällen der Titel der Webseite gar nicht erst in den Footer aufgenommen wird. Im Zweifelsfall solltest du versuchen, den Inhalt des Feldes Website-Titel zu löschen, wenn du das Kontrollkästchen Website-Titel und Tagline anzeigen nicht aktiviert hast.

Ein Footer ohne den Titel der Webseite.
Ein Footer ohne den Titel der Webseite.

Eine weitere Möglichkeit, Inhalte in deinen WordPress Footer einzufügen, ist die Verwendung des Menüs. Nicht alle Themes erlauben Menüs im Footer, aber es ist eine gute Idee, das zumindest zu überprüfen.

Klicke auf die Registerkarte Menüs, um fortzufahren.

Klicke auf die Registerkarte "Menüs".
Klicke auf die Registerkarte „Menüs“.

Wähle Alle Standorte anzeigen. Daraufhin wird eine Liste der Orte angezeigt, an denen du in diesem Theme Menüs platzieren darfst.

Wähle die Option "Alle Standorte anzeigen".
Wähle die Option „Alle Standorte anzeigen“.

In unserem Beispiel-Theme gibt es eine ganze Reihe von Menüoptionen, eine davon ist für den Footer. Du wirst nicht mit jedem Theme so viel Glück haben, also sei darauf vorbereitet, sie entweder auszutauschen oder stattdessen die Widget-Technik zur Bearbeitung deines Footers zu verwenden.

Bei Themes, die Footer-Menüs unterstützen, klickst du auf das Footer-Dropdown-Feld.

Dieses Theme hat einen Platz für ein Menü im Footer.
Dieses Theme hat einen Platz für ein Menü im Footer.

Für den Footer haben wir ein vorgefertigtes Sozialmenü gewählt. Wenn du noch kein passendes Menü hast, kannst du auf den Link Neues Menü erstellen klicken.

Das Ergebnis ist ein einfaches Text/Link-Menü, das über den Widgets erscheint, die du bereits in den Footer eingefügt hast. Es kann sein, dass du in deinem Theme keine Widgets hinzufügen kannst und deshalb nicht genau das gleiche Format siehst.

Denk daran, dass alle Menüs nur Listen mit Text und Links sind. Du kannst also keine Menüs mit sozialen Mediensymbolen einbauen, es sei denn, du brauchst ein separates Plugin, das diese unterstützt.

Hinzufügen eines Menüs zum Footer-Bereich.
Hinzufügen eines Menüs zum Footer-Bereich.

Hinzufügen von Social-Media-Symbolen zum WordPress Footer

Ein wichtiger Bestandteil des Footers ist die klassische Liste der Social Media Buttons. Viele Webseiten fügen sie in ihre Hauptmenüs ein, aber es ist auch eine gute Idee, sie unten auf deiner Webseite zu platzieren, oder als Alternative zu den sozialen Buttons oben auf deiner Webseite. Wenn du das Gefühl hast, dass die Kopfzeile bereits überladen ist, solltest du dich für den Footer entscheiden.

Viele Plugins bieten Widgets an, mit denen du Social-Media-Symbole und -Links in deinem Footer und Header platzieren kannst. Deshalb empfehlen wir, hier keine eigene Programmierung vorzunehmen.

Es gibt zwar viele Plugins für soziale Symbole, aber für unsere Zwecke ist es wichtig, ein Plugin zu finden, das ein schnelles Widget zum Hinzufügen deiner Links und zum Anpassen der Buttons bietet.

Eine beliebte und hoch bewertete Lösung ist das Social Icons Widget & Block von WPZoom. Es bietet über 400 Icons für soziale Medien und andere Plattformen sowie ein Widget, mit dem du deine Icons direkt in deinem Footer platzieren kannst. Darüber hinaus kannst du deine eigenen Icons hochladen und die Einstellungen für Farben und Größen ändern.

Social Icons Widget Plugin von WPZOOM.
Social Icons Widget Plugin von WPZOOM.

Nachdem du das Plugin installiert hast, kannst du auf der Seite Einstellungen bestimmte Schriftartenpakete deaktivieren, wenn du sie nicht möchtest. Sie sind jedoch bereits alle aktiv, also überspringe die Einstellungen, wenn du lieber alles zur Verfügung haben möchtest.

Um soziale Symbole zu deinem WordPress Footer hinzuzufügen, gehst du zu Erscheinungsbild > Anpassen.

Gehe in den Theme Customizer.
Gehe in den Theme Customizer.

Dadurch gelangst du in den WordPress Theme Customizer, wo du Widgets in den Footer einfügen kannst (sofern dein Theme Widgets im Footer unterstützt). Wie wir bereits erwähnt haben, kannst du ein Theme, das kein Footer-Widget unterstützt, nur umgehen, indem du ein neues Theme suchst oder den Footer selbst anpasst.

Suche die Registerkarte Widgets und klicke darauf, um fortzufahren.

Die Schaltfläche Widget im Theme Customizer.
Die Schaltfläche Widget im Theme Customizer.

Dieses Theme hat zwei Bereiche, um Widgets im Footer hinzuzufügen. Das ist nicht bei allen Themes der Fall, daher kann es sein, dass dein Theme keine Bereiche für Footer-Widgets hat. Vielleicht hast du aber auch Glück und kannst vier oder fünf Widgets in deinem Footer platzieren. Es kommt ganz auf das Theme an, das du installierst.

Klicke auf einen der Footer-Reiter.

Die Positionen des Footer-Widgets.
Die Positionen des Footer-Widgets.

Es ist möglich, unzählige Widgets – oder zumindest die Widgets, die du installiert hast – zum Footer hinzuzufügen.

Klicke auf die Schaltfläche Ein Widget hinzufügen, um das Menü der verfügbaren Widgets anzuzeigen.

Die Schaltfläche Ein Widget hinzufügen.
Die Schaltfläche Ein Widget hinzufügen.

Das Slide-out-Menü bietet eine Suchleiste und eine Liste möglicher Widgets. Scrolle nach unten, um das Widget „Social Icons By WPZOOM“ zu finden.

Das Social Icons Widget befindet sich in der Widgets-Liste.
Das Social Icons Widget befindet sich in der Widgets-Liste.

Du solltest jetzt die Standard-Symbole und -Buttons für soziale Medien in der Vorschau für deine Webseite sehen.

Du musst jedoch noch die Einstellungen für diese Schaltflächen anpassen, um die Größe der Schaltflächen, die Farbgebung und die Links, zu denen sie führen sollen, festzulegen.

Beginne damit, einen Titel für das Widget einzugeben, der im Footer erscheint (du kannst ihn auch leer lassen). Anschließend gibst du an, ob du Symbolbeschriftungen, Nofollow-Links und bestimmte Symbolausrichtungen möchtest.

Ändere die Einstellungen für soziale Symbole und achte auf die neuen Designs auf der rechten Seite.
Ändere die Einstellungen für soziale Symbole und achte auf die neuen Designs auf der rechten Seite.

Fahre mit den Einstellungen fort, um den Stil des Symbols, den Hintergrundstil und die Polsterung festzulegen. Du kannst auch die Größe und Farbe des Symbols auswählen. Denke daran, dass du unten im Widget-Anpassungsmodul auf die Schaltfläche Speichern klicken musst, um die Ergebnisse deiner Änderungen in der Vorschau zu sehen.

Passe Einstellungen wie Icon Style, Background Style und mehr an.
Passe Einstellungen wie Icon Style, Background Style und mehr an.

Das Feld Icons enthält bereits einige Standard-Symbole für dich. Erstelle eine Liste der sozialen Netzwerke, die du für dein Unternehmen betreibst, und kopiere die Links und füge sie in die entsprechenden Felder ein. Entferne alle Icons, die für dein Unternehmen nicht sinnvoll sind.

Um die Icon-Bibliothek zu öffnen und weitere Icons hinzuzufügen, klicke auf die Schaltfläche „Mehr hinzufügen“ am unteren Ende der Feldliste.

Füge so viele Social Icons hinzu, wie du willst.
Füge so viele Social Icons hinzu, wie du willst.

Das Plugin bietet eine große Sammlung von Icons mit Optionen zum Einstellen von Icon-Farben, Hover-Farben und der Quelle des Icon-Kits. Das Haupt-Icon-Kit heißt Socicons, aber auch andere Kits sind kostenlos im Plugin enthalten. Klicke auf das Dropdown-Menü Icon Kit auswählen, um deine Optionen zu sehen.

Sieh dir die Icons an, die in jedem Kit enthalten sind. Viele davon kennst du vielleicht gar nicht, also wähle nur die aus, die du aktiv einsetzt und die für deine Kunden von Nutzen sind.

In unserem Beispiel wählen wir das YouTube-Symbol, das wir auch in unseren Footer einfügen.

Klicke auf die Schaltfläche „Speichern„, um es in die Liste aufzunehmen, und klicke dann auf die nächste Schaltfläche „Speichern“ am unteren Rand des Widgetfeldes, um deine Änderungen zu sehen.

Das Plugin bietet Dutzende von Symbolen zur Auswahl.
Das Plugin bietet Dutzende von Symbolen zur Auswahl.

Wie du sehen kannst, haben wir die Größe und Form der Symbole geändert und ein zusätzliches soziales Symbol hinzugefügt. Wenn deine Änderungen nicht richtig aussehen, gehe zurück zu den Widget-Einstellungen, um die Probleme zu beheben.

Vergiss nicht, auf die Schaltfläche Veröffentlichen zu klicken, damit das Widget im Frontend deiner Webseite wirksam wird. Wir empfehlen außerdem, das Frontend selbst zu überprüfen, um sicherzustellen, dass die sozialen Symbole richtig angezeigt werden.

Ein Blick auf die fertigen sozialen Buttons.
Ein Blick auf die fertigen sozialen Buttons.

Wie du einen Hintergrund zu deinem WordPress Footer hinzufügst

Footer-Hintergründe sind mit Hilfe einiger Footer Plugins und Page Builders möglich. Du kannst aber auch ein Bild oder einen farbigen Hintergrund hinter deinem Footer platzieren, indem du die Grundeinstellungen deines Themes verwendest.

Unsere Video-Anleitung zum Hinzufügen eines WordPress-Footer-Hintergrunds

Für den Fall, dass alles andere fehlschlägt, zeigen wir dir, wie du CSS-Code einfügst, um einen Hintergrund in den WordPress Footer einzufügen.

Bevor du loslegst, überprüfe in den Einstellungen deines Themes, ob der Footer-Hintergrund zum Standard gehört. Das Abletone Theme zum Beispiel bietet einen Reiter Footer Background Image im Theme Customizer.

Dieses Theme verfügt über ein Footer Background Image Feature.
Dieses Theme verfügt über ein Footer Background Image Feature.

Du brauchst nur auf die Schaltfläche Bild auswählen zu klicken und nach einem Bild in deiner Mediathek zu suchen, ein neues Bild von deinem Computer hochzuladen oder nach einem passenden Stockfoto zu suchen.

Die Schaltfläche Bild auswählen im Theme Customizer.
Die Schaltfläche Bild auswählen im Theme Customizer.

Sobald das Bild hochgeladen ist, erscheint es als Hintergrund für deinen WordPress Footer. Einige Themes bieten zusätzliche Einstellungen, um das Bild zu strecken oder zu kacheln, aber wenn du das CSS nicht selbst bearbeitest, musst du dich an die Einstellungen halten, die mit dem Theme geliefert werden.

Du kannst die Vorschau der Hintergrund-Miniaturansicht sehen.
Du kannst die Vorschau der Hintergrund-Miniaturansicht sehen.

Wenn du kein Theme, keinen Page Builder oder kein Plugin hast, mit dem du einen Footer-Hintergrund hinzufügen kannst, kannst du diese Aufgabe auch mit CSS-Code erledigen, unabhängig von deinem Theme oder Page Builder.

Rufe den Theme Customizer in WordPress auf und klicke auf den Menüpunkt Zusätzliches CSS.

Klicke auf den Reiter "Zusätzliches CSS".
Klicke auf den Reiter „Zusätzliches CSS“.

Füge diesen CSS-Code in das Feld ein, aber ersetze die YOURIMAGEURL durch die URL deines gewünschten Bildes:

footer { background: url(YOURIMAGEURL) repeat; }

Du findest die URL für jedes Bild in der Detailansicht, nachdem du es in deine Mediathek hochgeladen hast.

Um es im Frontend zu sehen, musst du auf die Schaltfläche Veröffentlichen klicken.

Du kannst auch andere Codes einfügen, um Elemente wie die Größe und die Ausdehnung des Hintergrunds oder die Wiederholung zu ändern. Wie du dir vielleicht vorstellen kannst, ist das Hinzufügen des CSS-Codes nicht ganz so einfach wie das Klicken auf die Plugin-Schaltflächen, aber eine schnelle Suche im Internet kann dir helfen, den richtigen Code für deine Bedürfnisse zu finden.

Füge deinen eigenen CSS-Code in das Feld ein.
Füge deinen eigenen CSS-Code in das Feld ein.

Entfernen des „Powered by WordPress“-Textes

Im vorherigen Abschnitt haben wir beschrieben, wie du den WordPress-Credithinweis in deinem WordPress.com Footer entfernst. Auf einer selbst gehosteten WordPress Seite ist es etwas schwieriger, da die meisten Themes keine Möglichkeit bieten, den Credit im Abschnitt Site Identity des Theme Customizers zu entfernen.

Deshalb müssen wir nach anderen Möglichkeiten suchen, um den Text „Powered by WordPress“ im Footer zu entfernen.

Ein Beispiel für die "Powered By WordPress"-Meldung.
Ein Beispiel für die „Powered By WordPress“-Meldung.

Um diesen Prozess in Angriff zu nehmen, lies unsere ausführliche Anleitung zum Entfernen des „Powered By WordPress“-Tags in deinem Footer. Dieser Artikel der Wissensdatenbank deckt alle folgenden Themen ab:

  • Warum du die Meldung „Powered By WordPress betrieben“ entfernen solltest
  • Wann du sie nicht entfernen solltest
  • Methoden, die du vermeiden solltest, wenn du versuchst, die Gutschrift zu entfernen
  • Wie du die Gutschrift mit einem Plugin entfernst
  • So entfernst du den „Powered By WordPress“-Hinweis manuell
  • Ersetzen des Footer-Credits durch deinen eigenen Code

Die Bearbeitung des Footer-Credits mit einem Plugin ist für den durchschnittlichen WordPress-Nutzer wesentlich einfacher. Wenn du jedoch die manuelle Variante wählst, hast du die volle Kontrolle über den Footer und es ist nicht nötig, ein weiteres Plugin auf deinem Dashboard zu installieren.

Ist es legal, „Proudly Powered by WordPress“ zu entfernen?

Da WordPress das Entfernen des Textes „Proudly Powered by WordPress“ aus deinem Footer etwas schwierig macht, fragst du dich vielleicht, ob es koscher ist, die Nachricht zu entfernen.

Die Antwort ist, dass du den „Powered by WordPress“-Text in deinem Footer entfernen kannst, ohne rechtliche Konsequenzen oder Verstöße gegen die WordPress-Nutzungsbedingungen befürchten zu müssen. Das liegt daran, dass die Nutzung von WordPress unter die GPL (General Public License) fällt, was bedeutet, dass jeder WordPress so weitergeben und verändern darf, wie er es für richtig hält.

Insgesamt empfehlen wir dir, den Text „Proudly Powered by WordPress“ zu entfernen, da er nichts mit deiner Marke zu tun hat und lediglich für eine andere Organisation wirbt. Ja, es ist schön, für WordPress zu werben, aber nicht auf Kosten deiner eigenen Marke und deines wertvollen Platzes auf der Webseite.

Bei den Footer-Meldungen, die dein Theme-Entwickler anzeigt, ist das etwas anderes. Darüber sprechen wir im nächsten Abschnitt.

Wie du den Text „Powered by XYZ Theme“ im WordPress Footer entfernst

Wir wissen jetzt, dass du keine Probleme mit dem Gesetz oder WordPress haben wirst, wenn du den Text „Proudly Powered by WordPress“ im Footer entfernst. Aber was ist mit den Entwicklern von Themes, die „Powered by XYZ Theme“ in den Footer setzen?

Glücklicherweise unterliegt die überwiegende Mehrheit der WordPress-Themes der General Public License, so dass es völlig in Ordnung ist, diesen Text herauszuschneiden und durch etwas zu ersetzen, das besser zu deinem Unternehmen passt. Es ist jedoch ratsam, sich bei deinem Theme-Entwickler zu vergewissern, dass er in seinen Allgemeinen Geschäftsbedingungen nicht vorschreibt, dass du den Namen des Entwicklers im Footer behalten musst.

Dazu kannst du den Entwickler einfach fragen, ob das Theme unter eine General Public License fällt. Wenn dies nicht der Fall ist oder die Geschäftsbedingungen des Entwicklers es vorschreiben, dass du den Vermerk in der Fußzeile belassen musst, empfehlen wir dir, ein anderes Theme zu suchen, denn das ist nicht gerade ein wünschenswertes Element auf deiner Webseite.

Wie kannst du den Text „Powered by XYZ Theme“ in deinem Footer entfernen?

Schau dir unsere Videoanleitung zum Entfernen von „Powered by WordPress“ aus deinem WordPress-Footer an

Einige Plugins, die die Meldung „Powered by WordPress“ entfernen, können auch alle vom Theme-Entwickler eingefügten Nachrichten löschen. Das ist jedoch keine sichere Sache.

Deshalb empfehlen wir dir, eine der folgenden Methoden zu wählen:

  • Bearbeite die Dateien im Footer deiner Webseite direkt, um die Gutschrift zu entfernen.
  • Bitte den Entwickler, es für dich zu entfernen.
  • Upgrade auf die Premium-Version des Themes.

Die Bearbeitung der Dateien im Footer erfordert ein wenig technisches Wissen, aber oft ist das in wenigen Minuten erledigt. Wenn du den Entwickler bittest, das Guthaben für den Theme-Entwickler zu entfernen, könnte das funktionieren, aber du hoffst, dass du einen freundlichen Entwickler findest, der dich durch den Prozess begleitet. Wenn du nur die kostenlose Version des Themes verwendest, wird er dir das in der Regel nicht anbieten.

Die einfachste Möglichkeit ist ein Upgrade auf die Premium-Version des Themes. Viele Entwickler von Premium-Themes geben vereinfachte, kostenlose Versionen ihrer Themes heraus, in der Hoffnung, dass du ein Upgrade machst, um bessere Funktionen und mehr Kontrolle zu erhalten.

Da du das Upgrade auf ein Premium-Theme selbst durchführen und mit dem Entwickler sprechen kannst, werden wir hauptsächlich darüber sprechen, wie du die Dateien deiner Webseite bearbeiten kannst, um die Gutschrift loszuwerden.

Überprüfe zunächst den Footer deines Themes, um festzustellen, ob du den Entwickler-Credit am unteren Rand hast. Wenn ja, notiere dir den genauen Text, der angezeigt wird, denn so kannst du die Meldung in deinen Webseiten-Dateien finden.

Ein Hinweis auf den Theme-Entwickler in der Fußzeile.
Ein Hinweis auf den Theme-Entwickler in der Fußzeile.

Stelle mit einem FTP-Client eine Verbindung zu den Dateien deiner Webseite her, wie weiter oben in diesem Artikel beschrieben. Jeder Theme-Entwickler hat einen anderen Ort für den Footer-Credit, aber ein guter Ausgangspunkt ist /public/wp-content/themes.

Wähle das Theme aus, das du auf deiner Webseite aktiviert hast.

Finde den richtigen Theme-Ordner.
Finde den richtigen Theme-Ordner.

Eine Möglichkeit ist, die Hauptdatei footer.php in einem Texteditor oder einer PHP-IDE zu öffnen und nach Verweisen auf den Footer-Credit zu suchen. Verwende die Suchfunktion deines Editors, um genau den Text einzugeben und zu suchen, der in deinem Footer als Credit erscheint.

Wie bei allen Themes kann es sein, dass dies nicht die richtige Datei zum Entfernen des Footer-Credits ist; das hängt ganz davon ab, wie das Theme erstellt wurde. Wenn du mit der Datei footer.php kein Glück hast, suche woanders weiter.

Die Datei footer.php.
Die Datei footer.php.

Einer der häufigsten Orte, an denen man den Code für die Footer-Guthabeninformationen findet, ist der Ordner /template-parts. Wir haben festgestellt, dass dies bei dem aktuellen Theme der Fall ist, das wir für diesen Lehrgang installiert haben.

Wir können zum Ordner /footer gehen und dann auf die Datei site-info.php klicken. Die Datei site-info.php (oder eine Variante davon) ist ein üblicher Speicherort für die Footer-Guthabeninformationen des Themes.

Die Datei site-info.php.
Die Datei site-info.php.

Du kannst den Abspann im Footer entweder löschen oder durch etwas anderes ersetzen. In diesem Fall entfernen wir einfach den Abspannhaken und den do_action-Abspanncode am unteren Rand.

Entferne den Credits-Hook und den do_action-Credits-Code.
Entferne den Credits-Hook und den do_action-Credits-Code.

Und das hat erfolgreich dazu geführt, dass der gesamte Credit für den Theme-Entwickler entfernt wurde. Es hatte auch keine Auswirkungen auf den Inhalt des Footers, wie unsere Widgets und Menüs.

Kein Footer-Credit mehr!
Kein Footer-Credit mehr!

Wie bereits erwähnt, gibt es eine Möglichkeit, den Footer zu verstecken und gleichzeitig den Theme-Entwickler zu unterstützen und weitaus bessere Funktionen zu erhalten: ein Upgrade auf die Premium-Version des Themes. Halte Ausschau nach einer Schaltfläche in deinem Dashboard, mit der du auf die Pro-Version upgraden kannst, oder besuche die Webseite des Entwicklers, um eine Zahlung zu tätigen.

Erwäge ein Upgrade auf eine Premium-Theme-Version, um Footer-Credits zu entfernen.
Erwäge ein Upgrade auf eine Premium-Theme-Version, um Footer-Credits zu entfernen.

Wie du den WordPress Footer komplett entfernst

Obwohl es für die meisten Webseiten nicht empfohlen wird, ist es in bestimmten Situationen sinnvoll, den WordPress Footer ganz zu entfernen.

Wenn du findest, dass ein WordPress Footer zu viel Unordnung verursacht (was bei Landingpages häufig der Fall ist), oder wenn du lieber möchtest, dass der Footer nicht von Suchmaschinen gecrawlt wird, kann es keine schlechte Option sein, den Footer ganz zu entfernen.

Bedenke aber, dass du den Footer nicht aus deinen WordPress-Dateien löschst. Die Datei footer.php ist ein Kernbestandteil der WordPress-Dateien, du musst sie also beibehalten. Mit CSS-Code können wir WordPress jedoch mitteilen, dass der Footer und sein Inhalt nicht angezeigt werden sollen.

Um den WordPress Footer komplett auszublenden, gehst du in den Theme Customizer und klickst auf den Reiter Zusätzliches CSS.

Klicke auf die Registerkarte "Zusätzliche CSS".
Klicke auf die Registerkarte „Zusätzliche CSS“.

Das Ziel ist es, WordPress per CSS mitzuteilen, dass wir den Footer auf unserer Webseite nicht sehen wollen.

In diesem Beispiel versuchen wir, alles auszublenden, von den Copyright-Informationen bis zu den Credits von WordPress und dem Theme-Entwickler. Du kannst diese Methode auch verwenden, um Elemente wie Widgets und Menüs in deinem Footer auszublenden.

Das Modul Custom CSS.
Das Modul Custom CSS.

Füge den folgenden Code in das CSS-Feld ein:

footer{

display:none;

}

Damit wird WordPress angewiesen, alles in der Datei footer.php auszublenden. Die Datei verbleibt in deinem Dateiverzeichnis, für den Fall, dass du in Zukunft wieder Inhalte hinzufügen möchtest.

In der Vorschau des Theme Customizers sollte jetzt ein leerer Bereich zu sehen sein. Klicke auf die Schaltfläche Veröffentlichen, um das Ergebnis auf dem Frontend zu sehen.

Füge den CSS-Code ein.
Füge den CSS-Code ein.

Obwohl dieses CSS für die meisten Themes funktionieren sollte, kann es sein, dass der Entwickler des Themes eine andere Dateikonfiguration hat. Eine andere Möglichkeit, den Großteil des Footer-Inhalts zu entfernen, ist die Verwendung des folgenden Codes anstelle des zuvor besprochenen Codes:

.site-info { display:none; }

Die Wahrscheinlichkeit, dass diese Option funktioniert, ist zwar geringer, aber es ist nicht ungewöhnlich, dass Theme-Entwickler eine Datei namens site-info.php im Ordner template-parts des Footers anlegen.

Zusammenfassung

WordPress Footer haben viele Funktionen, von Social Media Buttons bis hin zur Anzeige von aktuellen Blogbeiträgen, Support-Seiten und Formularen. Das Ziel ist es, diesen zusätzlichen Platz zu nutzen, denn es ist nicht ratsam, dein Hauptmenü mit zu vielen Links zu überladen oder deine Sidebar mit einer Flut von Inhalten zu füllen.

Du hast viele Möglichkeiten kennengelernt, wie du einen WordPress Footer bearbeiten kannst. Wir hoffen, dass du jetzt erfolgreich Footer auf jeder WordPress Seite bearbeiten und anpassen kannst!

Lass es uns in den Kommentaren wissen, wenn du Fragen zur Bearbeitung des Footers in WordPress hast!

Jeremy Holcombe Kinsta

Content & Marketing Editor bei Kinsta, WordPress Web Developer und Content Writer. Außerhalb von WordPress genieße ich den Strand, Golf und Filme. Außerdem habe ich Probleme mit großen Menschen ;).