Tutorial

So fügst du Social-Media-Icons zum WordPress-Footer hinzu (Einfache Anleitung)

Melden

Hier ist ein einfaches, schrittweises Tutorial, wie du Social-Media-Icons in deinen WordPress-Footer einfügst. Wir konzentrieren uns auf die zwei einfachsten Methoden: mit dem Standard-Block-Editor (Gutenberg) und mit einem Plugin.

Die Verknüpfung deiner Website mit sozialen Netzwerken wie Instagram, Facebook oder LinkedIn ist entscheidend für den Aufbau deiner Community. Der Footer (Fußzeile) ist der ideale Ort dafür, da er auf jeder Unterseite sichtbar ist.

Methode 1: Mit dem WordPress Block-Editor (Ohne Plugin)

Dies ist die modernste und schnellste Methode, die bei fast allen aktuellen WordPress-Themes (wie Astra, OceanWP oder den Standard-Themes wie Twenty Twenty-Four) funktioniert.

Schritt 1: Den Footer-Bereich öffnen

  1. Gehe in deinem WordPress-Dashboard zu Design > Editor (falls dein Theme Full Site Editing unterstützt) ODER zu Design > Widgets.
  2. Suche den Bereich, der mit Footer oder Fußzeile beschriftet ist.

Schritt 2: Den „Social Icons“-Block hinzufügen

  1. Klicke auf das Plus-Icon (+), um einen neuen Block hinzuzufügen.
  2. Suche nach „Social Icons“ (Soziale Icons) und klicke darauf.

Schritt 3: Icons auswählen und verlinken

  1. Klicke innerhalb des Blocks erneut auf das Plus-Icon (+), um die gewünschten Plattformen auszuwählen (z. B. Facebook, Instagram, X/Twitter).
  2. Klicke nun auf das jeweilige Icon. Es erscheint ein kleines Eingabefeld.
  3. Gib dort die vollständige URL deines Profils ein (z. B. https://facebook.com/deineseite) und bestätige mit der Eingabetaste.
    • Hinweis: Icons ohne hinterlegte URL bleiben im Frontend unsichtbar.

Schritt 4: Design anpassen

  1. Klicke auf den Haupt-Block (die Gruppe der Icons).
  2. In der rechten Seitenleiste kannst du nun den Stil (nur Logos, Pillenform, etc.), die Farbe und die Ausrichtung ändern.

Schritt 5: Speichern

Klicke oben rechts auf Speichern oder Aktualisieren.

Methode 2: Mit einem Plugin (Für mehr Design-Optionen)

Wenn du mehr Kontrolle über das Aussehen möchtest oder ein älteres Theme nutzt, ist das Plugin „Social Icons Widget by WPZoom“ eine hervorragende Wahl.

Schritt 1: Plugin installieren

  1. Gehe zu Plugins > Installieren.
  2. Suche nach „Social Icons Widget by WPZoom“.
  3. Klicke auf Jetzt installieren und danach auf Aktivieren.

Schritt 2: Das Widget platzieren

  1. Gehe zu Design > Widgets.
  2. Suche in der Liste der verfügbaren Blöcke nach „Social Icons by WPZoom“.
  3. Ziehe diesen Block per Drag-and-Drop in deinen gewünschten Footer-Bereich.

Schritt 3: Icons konfigurieren

  1. Im Widget-Fenster kannst du nun die Icons bearbeiten.
  2. Du kannst aus verschiedenen Icon-Sets wählen (rund, quadratisch, bunt, einfarbig).
  3. Klicke auf ein Icon, um den Link zu hinterlegen, oder füge über „Add more“ neue Icons hinzu.

Schritt 4: Speichern

Vergiss nicht, oben rechts auf Aktualisieren zu klicken.

Profi-Tipps für deine Footer-Icons

  • In neuem Tab öffnen: Achte darauf, in den Einstellungen der Icons die Option „Link in neuem Tab öffnen“ zu aktivieren. So verlassen Besucher deine Website nicht komplett, wenn sie auf deine Social-Media-Profile klicken.
  • Weniger ist mehr: Beschränke dich auf die 3–5 wichtigsten Kanäle, die du auch aktiv nutzt. Zu viele Icons wirken im Footer überladen.
  • Farben abstimmen: Wenn dein Footer dunkel ist, nutze weiße oder helle Icons. Viele Themes erlauben es, die Markenfarben (z. B. das typische Instagram-Pink) durch neutrale Farben zu ersetzen, damit es besser zum Design deiner Website passt.

Fertig! Du hast nun erfolgreich Social-Media-Icons in deinen Footer integriert und machst es deinen Besuchern leicht, dir auf anderen Plattformen zu folgen.

0