Anleitungen/Inhalte erstellen/Widgets/Deine Social-Icons anpassen

Deine Social-Icons anpassen

Nachdem du deine Social-Media-Icons hinzugefügt hast, kannst du ihr Design an das Design deiner Website anpassen. Der Social-Icons-Block bietet mehrere Stiloptionen, die in diesem Ratgeber behandelt werden.

Den Icon-Stil ändern

Befolge diese Schritte, um aus den voreingestellten Optionen für den Icon-Stil zu wählen:

  1. Wähle in der linken oberen Ecke des Editors die Option Listenansicht aus.
  2. Klicke in der Listenansicht auf den Social-Icons-Block.
  3. Klicke in der Seitenleiste mit den Blockeinstellungen auf den Tab Stile (das Icon, das wie ein schwarz-weißer Kreis aussieht).
  4. Unter Stile hast du die Wahl zwischen folgenden Optionen:
    • Standard: Standard-Icons
    • Nur Logos: nur die Logos der sozialen Medien
    • Pillenform: Icons mit abgerundeten Ecken
  5. Klicke oben rechts auf Speichern oder Veröffentlichen, damit die Änderungen angewendet werden.
Die Option für Icon-Stile in der Seitenleiste mit den Stil-Einstellungen für den Social-Icons-Block.

Die Icon-Farben ändern

Befolge diese Schritte, um die Farbe des Icons oder die Hintergrundfarbe des Social-Icons-Blocks zu ändern:

  1. Wähle in der linken oberen Ecke des Editors die Option Listenansicht aus.
  2. Klicke in der Listenansicht auf den Social-Icons-Block.
  3. Klicke in der Seitenleiste mit den Blockeinstellungen auf den Tab Stile (das Icon, das wie ein schwarz-weißer Kreis aussieht).
  4. Unter Farbeinstellungen findest du folgende Optionen:
    • Icon-Farbe: Ändert die Farbe der Social-Media-Icons.
    • Icon-Hintergrund: Ändert die Farbe hinter den Icons.
    • Verwende das Menü mit den drei Punkten (), um die Option Hintergrund zu aktivieren und die Hintergrundfarbe des gesamten Social-Icons-Blocks festzulegen.
  5. Klicke oben rechts auf Speichern oder Veröffentlichen, damit die Änderungen angewendet werden.
Die Farbeinstellungen in den Seitenleisteneinstellungen des Social-Icons-Blocks.

Weitere Informationen zu den Farbeinstellungen findest du hier.

Die Icon-Größe ändern

Befolge diese Schritte, um die Größe der Icons zu ändern:

  1. Wähle in der linken oberen Ecke des Editors die Option Listenansicht aus.
  2. Klicke in der Listenansicht auf den Social-Icons-Block.
  3. Klicke in der daraufhin angezeigten Block-Werkzeugleiste auf die Einstellung Größe und wähle die gewünschte Option aus:
    • Klein
    • Mittel
    • Groß
    • Riesig
  4. Klicke oben rechts auf Speichern oder Veröffentlichen, damit die Änderungen angewendet werden.
Die Größenoption in der Block-Werkzeugleiste für den Social-Icons-Block.

Beschriftungen hinzufügen

Standardmäßig werden Social-Media-Icons ohne Beschriftung angezeigt. So fügst du Beschriftungen hinzu:

  1. Wähle in der linken oberen Ecke des Editors die Option Listenansicht aus.
  2. Klicke in der Listenansicht auf den Social-Icons-Block.
  3. Suche in der Seitenleiste mit den Blockeinstellungen die Option Text anzeigen und aktiviere sie. Der Name der Social-Media-Plattform wird nun zusammen mit dem Icon angezeigt.
  4. Wenn du den Text ändern möchtest, klicke auf ein einzelnes Icon und öffne die Seitenleiste mit den Blockeinstellungen.
  5. Gib den Text ein, der im Feld Text angezeigt werden soll.
  6. Klicke oben rechts auf Speichern oder Veröffentlichen, damit die Änderungen angewendet werden.
Social-Icons mit angezeigter Beschriftung.

Deinen Social-Icons einen Rahmen hinzufügen

Befolge diese Schritte, um deinem Social-Icons-Block einen Rahmen oder einen Schatten hinzuzufügen:

  1. Wähle in der linken oberen Ecke des Editors die Option Listenansicht aus.
  2. Klicke in der Listenansicht auf den Social-Icons-Block.
  3. Klicke in der Seitenleiste mit den Blockeinstellungen auf das Icon Stile. Es sieht aus wie ein schwarz-weißer Kreis.
  4. Suche den Abschnitt Rahmen.
  5. Passe mithilfe der verfügbaren Steuerelemente die Breite, die Farbe und den Radius des Rahmens an.

Hier erfährst du, wie du einen Rahmen hinzufügst.

Copied to clipboard!