Integrierte Symbole sozialer Netzwerke

Zeige Social-Media-Symbole auf deiner Website an, gestalte und entferne sie.

Zuletzt aktualisiert: 9. Januar 2025

Du kannst integrierte Social-Media-Symbole auf deiner Website anzeigen, nachdem du Social-Media-Links hinzugefügt hast. In den meisten Fällen werden Symbole automatisch oder nachdem du sie in den Stil-Einstellungen aktiviert hast, im Header deiner Website angezeigt. In dieser Anleitung wird beschrieben, wie du integrierte Social-Media-Symbole aktivierst, formatierst und ausblendest.

Um zu erfahren, wie du Symbole neu anordnen oder Services hinzufügst und entfernst, auf die diese Symbole verlinken, besuche Social-Media-Symbole hinzufügen. Verwende Social-Links-Blöcke, um Symbole zu anderen Bereichen deiner Website hinzuzufügen.

So erlangst du Zugriff auf diese Funktion

Wenn deine Website Version 7.0 nutzt, hängt die Möglichkeit zur Anzeige integrierter Social-Media-Symbole und deren Ort von deinem Template ab.

Anzeige von integrierten Social-Media-Symbolen nach Version

Wie deine integrierten Social-Media-Symbole angezeigt werden, hängt davon ab, auf welcher Version deine Website läuft.

Alle Websites der Version 7.1 können integrierte Social-Media-Symbole im Website-Header anzeigen. Um sie anzuzeigen, musst du sie möglicherweise aktivieren:

  1. Öffne das Seiten-Menü und klicke auf einer beliebigen Seite deiner Website auf Bearbeiten.
  2. Fahre mit der Maus über die Kopfzeile und klicke auf Website-Kopfzeile bearbeiten.
  3. Klicke auf Elemente hinzufügen und aktiviere den Schalter Social-Media-Links .
  4. Wenn du deiner Website noch keine Social-Media-Links hinzugefügt hast, bewege den Mauszeiger über die Kopfzeile und klicke auf Social-Media-Links, wenn sie angezeigt wird, und klicke dann auf das Bleistiftsymbol. Du kannst Social-Media-Links im Tab Inhalt hinzufügen. Beachte, dass deine Social-Media-Links für die gesamte Website gelten.
  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.

Um mehr über deinen Website-Header zu erfahren, besuche Einen Website-Header erstellen.

Hier ist eine Liste, wo integrierte Social-Media-Symbole in Template-Gruppen der Version 7.0 angezeigt werden. In einigen Templates musst du sie möglicherweise aktivieren, damit sie angezeigt werden. Weitere Hilfestellungen findest du in der Anleitung deines Templates.

Template Computer Mobilgerät
Adirondack Keiner Keiner
Avenue Fußzeile Fußzeile

Aviator

Oben rechts oder unten mittig, je nach Layout. Unten mittig

Bedford

Keiner Keiner

Brine

Kopfzeile Keiner

Farro

Kopfzeile Symbole werden nicht angezeigt
Five Header und/oder Footer Nur Footer-Symbole werden angezeigt
Flatiron Fußzeile Fußzeile
Forte Kopfzeile Navigation-Overlay
Galapagos Keiner Keiner
Ishimoto Fußzeile Fußzeile
Momentum Navigationsleiste Navigation-Overlay

Montauk

Info-Footer Info-Footer
Native Fußzeile Fußzeile

Pacific

Keiner Keiner

Skye

Kopfzeile Fußzeile
Supply Navigationsseitenleiste Navigation-Overlay

Tremont

Kopfzeile Kopfzeile
Wells Navigationsseitenleiste Kopfzeile
Wexley Fußzeile Fußzeile

York

Keiner Keiner

Social-Media-Symbol gestalten

Du kannst die Größe, den Rand und die Farbe der integrierten Social-Media-Symbole deiner Website anpassen.

Größe und Rand

So änderst du die Größe und den Rand deiner Social-Media-Symbole:

  1. Klicke auf einer Seite auf Bearbeiten und dann auf Website-Header bearbeiten.
  2. Klicke auf die Social-Media-Links, dann auf das Bleistiftsymbol und dann auf Design.
  3. Verwende den Schieberegler Größe der Social-Media-Symbole, um deren Größe zu ändern.
  4. Wähle eine Randform aus und wähle Kontur oder Ausgefüllt für den Randstil aus.
  5. Wenn du Kontur wählst, verwende den Schieberegler Dicke, um die Breite des Rands zu ändern.
  6. 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.

Farbe bei einfarbigen oder Farbverlaufs-Headern

So änderst du die Farbe deiner Social-Media-Symbole, wenn der Hintergrundstil deines Headers auf Einfarbig oder Farbverlauf eingestellt ist:

  1. Öffne beim Bearbeiten einer Seite den Header-Editor
  2. Klicke im Header-Editor auf Design bearbeiten und dann auf Farbe.
  3. Klicke auf Farbe der Navigation, um die Farbe deiner Navigationslinks und integrierten Social-Media-Symbole zu bearbeiten.

Um die Mauszeiger-Farbe von Social-Media-Symbolen in Einfarbiger Header oder Farbverlaufs-Headern zu ändern, bearbeite die Anpassung Primärer Button-Hintergrund im Standard-Farbschema deiner Website. Denke daran, dass dadurch auch die Farbe der Buttons geändert wird, die den Stil Primärer Button im Standard-Farbschema verwenden.

Farbe in adaptiven Headern

So änderst du die Farbe deiner Social-Media-Symbole, wenn der Hintergrundstil deines Headers auf Adaptiv eingestellt ist:

  1. Während du eine Seite bearbeitest, öffne Website-Stile und klicke dann auf Farben.
  2. Klicke auf das Bleistiftsymbol des Farbschemas, das du für den Header deiner Website ausgewählt hast.
  3. Ändere die Anpassung Navigationslinks.
  4. 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.

Um die Mouseover-Farbe von Social-Media-Symbolen auf Adaptive Header zu ändern, bearbeite die Anpassung Hintergrund Primärer Button im Farbschema des oberen Abschnitts. Denke daran, dass dadurch auch die Farbe der Buttons in Abschnitten geändert wird, die den Stil Primärer Button im Standard-Farbschema verwenden.

So gestaltest du deine Social-Media-Symbole:

  1. Öffne das Menü „Website-Stile“.
  2. Klicken Sie auf die Social-Media-Symbole der Website-Vorschau.
  3. Ändere den Stil der Symbole mithilfe der angezeigten Stil-Anpassungen.
  4.  Klicke auf Save (Speichern).

Einige Templates haben mehr Optionen, darunter:

Stil-Anpassung Optionen
Social Icon Style (Style des Social-Media-Symbols)

Formänderung der Social-Media-Logos; folgende Optionen stehen normalerweise zur Auswahl:

  • Rund
  • Square
  • Normal – Die standardmäßige Form der Service-Marke. Das Logo von Facebook erscheint beispielsweise in Form eines „f“.
Farb-Overlay/Alternative Farbe Wähle eine zweite Farbe für die Anzeige auf Bannern
Standardfarbe Verwende die Standardfarbe der Markenführung des Services.

Integrierte Symbole ausblenden

So blendest du integrierte Social-Media-Symbole aus:

  1. Öffne das Seiten-Menü und klicke auf einer beliebigen Seite deiner Website auf Bearbeiten.
  2. Fahre mit der Maus über die Kopfzeile und klicke auf Website-Kopfzeile bearbeiten.
  3. Klicke auf Elemente hinzufügen und deaktiviere den Schalter Social-Media-Links.
  4. 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.
  1. Öffne das Menü „Website-Stile“.
  2. Suche die Anpassung Social (Social Media). Die Bezeichnung der Anpassungen variiert von Template zu Template. Suche beispielsweise nach Optionen wie Social-Media-Symbole ausblendenSocial-Media-Symbole anzeigen und Social Position: Hide (Platzierung von Social-Media-Symbolen: Verbergen).  Du kannst die Symbole in der Vorschau anklicken, um die jeweilige Anpassung zu finden.
  3.  Klicke auf Save (Speichern).

Hinweis

Integrierte Social-Media-Symbole können in den Templates Flatiron oder Native nicht verborgen 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.

Integrierte Symbole sozialer Netzwerke