Social-Link-Blöcke

Füge Symbole zu deinen Seiten hinzu, die auf deine Social-Media-Profile wie Facebook oder Instagram verlinken.

Zuletzt aktualisiert: 6. Oktober 2023

Verwende Social-Link-Blöcke, um Social-Media-Symbole überall dort hinzuzufügen, wo du Blöcke zu deiner Website hinzufügen kannst. Die Symbole verlinken auf die URLs, die du im Menü „Social-Media-Links“ hinzufügst. Es ist üblich, diesen Block zu einem Footer hinzuzufügen, damit er auf jeder Seite deiner Website angezeigt wird.

Um eine Liste der verfügbaren Plattform-Logos anzuzeigen und zu sehen, ob deine Website zusätzliche integrierte Symbole anzeigt, gehe zu Symbole sozialer Netzwerke hinzufügen.

Tipp

Die Demo-Inhalte deiner Website könnten bereits einen Social-Link-Block enthalten, um dir den Einstieg zu erleichtern. Um den Block anzupassen, klicke darauf und dann auf das Bleistiftsymbol.

Video ansehen

Bevor du loslegst

Der Tab Inhalt von Social-Link-Blöcken zeigt die Informationen an, die zum Menü Social-Media-Links deiner Website hinzugefügt wurden. Wenn du die Social-Media-Links in einem Social-Link-Block aktualisierst, werden sie auch im Menü Social-Media-Links aktualisiert.

Aus diesem Grund zeigen alle Social-Link-Blöcke die gleichen Social-Media-Symbole an. Wenn du einen Social-Media-Link in einem Social-Link-Block hinzufügst oder entfernst, werden alle anderen Social-Link-Blöcke auf deiner Website die Änderung widerspiegeln. Es ist nicht möglich, dass Social-Link-Blöcke unterschiedliche Social-Media-Symbole anzeigen.

So fügen Sie einen Social-Link-Block hinzu:

  1. Bearbeite eine Seite oder einen Beitrag, klicke auf Block hinzufügen oder auf eine Einfügemarke und klicke dann auf Social-Media-Links. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
  2. Öffne den Block-Editor, indem du auf das Bleistiftsymbol auf dem Block klickst.
  3. Füge im Tab Inhalt Social-Media-Symbole hinzu oder bearbeite sie.
  4. Klicke auf Design, um das Design der Social-Media-Links zu ändern.

Symbole sozialer Netzwerke hinzufügen oder bearbeiten

So fügst du ein neues Social-Media-Symbol hinzu:

  1. Klicke im Tab Inhalt auf Social-Media-Link hinzufügen.
  2. Kopiere eine URL für eine Profilseite oder E-Mail-Adresse und füge sie in das leere Feld ein.
  3. Drücken Sie die Eingabe-Taste auf Ihrer Tastatur.

Um einen einzelnen Social-Media-Link zu bearbeiten, klicke im Tab Inhalt darauf. Hier kannst du Folgendes tun:

  • Bearbeite die URL oder E-Mail-Adresse für den Social-Media-Link.
  • Deaktiviere den Schalter Social-Media-Symbol anzeigen, um das Symbol vorübergehend auf deiner Website auszublenden.
  • Lösche den Social-Media-Link. Denke daran, dass ein gelöschter Social-Media-Link sofort überall auf deiner Website entfernt wird.

Um die Reihenfolge der Social-Media-Links zu ändern, klicke rechts oben im Tab Inhalt auf Bearbeiten. Klicke dann auf das Symbol und ziehe es rechts neben dem Social-Media-Link, den du verschieben möchtest. 

Du kannst außerdem im Menü Social-Media-Links deiner Website Social-Media-Links hinzufügen und bearbeiten. Alle Änderungen, die du im Menü „Social-Media-Links“ vornimmst, wirken sich auf alle Social-Link-Blöcke auf deiner Website aus und umgekehrt.

Das Design ändern

Passe das Design der Symbole mit den folgenden Einstellungen im Tab Design an:

Tipp

Diese Einstellungen haben keinen Einfluss auf integrierte Symbole sozialer Netzwerke, da diese über eigene Stil-Einstellungen verfügen.

Einstellung Optionen
Rand

Ändere die Form des Rands um die Symbole. Wähle aus:

  • Kein Rand
  • Square
  • Circle
  • Abgerundetes Quadrat

Wähle aus den folgenden Optionen einen Stil für den Rand aus:

  • Knockout
  • Umriss
  • Ausgefüllt

Verwende den Schieberegler „Dicke“, um die Breite des Kontur zu ändern.

Alignment (Ausrichtung)

Ändert die Ausrichtung der Symbole in Bezug zum Block-Container. Folgende Optionen stehen zur Auswahl:

  • Links
  • Mittig
  • Rechts
Size (Größe)

Ändert die Symbolgröße. Folgende Optionen stehen zur Auswahl:

  • XS
  • S
  • M
  • L
  • XL

Ändern der Farbe der Symbole

Du kannst die Farben der Symbole in einem Social-Link-Block so ändern, dass sie dem Branding deiner Website entsprechen. Deine Optionen variieren je nach Version deiner Website.

So änderst du die Symbolfarben:

  1. Öffne Website-Stile, während du eine Seite bearbeitest, und klicke dann auf Farben.
  2. Klicke auf das Bleistiftsymbol im Design deines Social-Media-Blocks.
  3. Scrolle nach unten zu Social-Link-Block.
  4. Verwende Hauptfarbe, um die Farbe der Social-Media-Symbole zu ändern. Wenn du die Randgestaltung Ausgefüllt für die Symbole verwendest, kannst du auch die Anpassung Sekundäre Farbe verwenden.
  5. Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Es ist nicht möglich, die Standardfarben des Branding jedes Dienstes zu verwenden.

  1. Klicke auf der Seite mit dem Social-Link-Block auf Bearbeiten, und klicke dann im Block auf Bearbeiten.
  2. Klicke auf den Reiter Design.
  3. Wähle unter Farbe zwischen Schwarz, Weiß oder Standard. Bei Standard entspricht jedes Symbol der Markenführung des Dienstes. Das Facebook-Symbol wird beispielsweise blau angezeigt.

Einen Social-Media-Link löschen

Bevor du einen Social-Media-Link löschst, denke daran, dass ein Link, der aus einem Social-Link-Block gelöscht wird, auch aus dem Menü „Social-Media-Links“ auf deiner Website und allen anderen Social-Link-Blöcken gelöscht wird. Es ist nicht möglich, verschiedene Social-Media-Symbole in verschiedenen Social-Link-Blöcken anzuzeigen.

So löschst du einen Social-Media-Link:

  1. Klicke auf der Seite auf Bearbeiten und dann auf das Bleistiftsymbol im Social-Link-Block.
  2. Klicke im Tab Inhalt auf den Social-Media-Link, den du löschen möchtest.
  3. Klicke auf Social-Media-Link löschen und dann auf Löschen. Dadurch wird der Link sofort aus allen Social-Link-Blöcken und deinem Menü „Social-Media-Links“ entfernt. Diese Aktion kann nicht rückgängig gemacht werden.

Alternativ kannst du einen Social-Media-Link vorübergehend ausblenden, indem du den Schalter Social-Media-Symbol anzeigen deaktivierst.

So löschst du mehrere Social-Media-Links:

  1. Klicke im Tab Inhalt auf Bearbeiten in der oberen rechten Ecke.
  2. Klicke auf das Minus-Symbol neben den Social-Media-Links, die du löschen möchtest. Dadurch werden sie sofort aus allen Social-Media-Blöcken und deinem Menü „Social-Media-Links“ entfernt. Diese Aktion kann nicht rückgängig gemacht werden.
Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.