Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Social-Link-Blöcke

Use Social Links Blocks to add social icons anywhere you can add blocks to your site. The icons link to the URLs you add in the Social Links panel. It’s common to add this block to a footer.

Um eine Liste der verfügbaren Plattform-Logos anzuzeigen und zu sehen, ob Ihre Vorlage zusätzliche integrierte Symbole anzeigt, gehen Sie zu Symbole sozialer Netzwerke hinzufügen.

Tip: To help you get started, your template might include a Social Links Block in its demo content. To customize the block, hover over it and click Edit or the pencil icon.

Bevor Sie anfangen

The Accounts tab of Social Links Blocks reflects the information added to the Social Links panel of your site. When you update the social links in a Social Links Block, they also update in the Social Links panel.

Because of this, all Social Links Blocks show the same social icons. If you add or remove a social link in one Social Links Block, all other Social Links Blocks on your site will reflect the change. It's not possible to have Social Links Blocks display different social icons.

Einen Social-Link-Block hinzufügen

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

  1. Bearbeiten Sie eine Seite oder einen Beitrag, klicken Sie auf eine Einfügemarke und wählen Sie Social-Media-Links aus dem Menü aus. Weitere Hilfe finden Sie unter Blöcke hinzufügen.
  2. In the block editor, add or edit social icons.
  3. Use the Design tab to change the design of the social links.
  4. Click Apply to save your changes.

Symbole sozialer Netzwerke hinzufügen oder bearbeiten

Fügen Sie ein neues Social-Media-Symbol im Tab Konten hinzu:

  1. Copy and paste a URL for a profile page or email address in the Add a social link or email box.
  2. Drücken Sie die Eingabe-Taste auf Ihrer Tastatur.

To remove an account, click the account, click Remove, then click Confirm. To change the order of the icons, drag and drop the accounts.

You can also add and edit social icons in the Social Links panel of your site. Keep in mind, any changes made in the Social Links panel affect all the Social Links Blocks on your site, and vice versa.

Das Design ändern

Customize the design of the icons using the following settings in the Design tab:

Tipp: Diese Einstellungen haben keinen Einfluss auf integrierte Symbole sozialer Netzwerke, da diese über eigene Stil-Einstellungen verfügen.
Einstellung Optionen
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:

  • Extra Small (Extraklein)
  • Small (Klein)
  • Medium (Medium)
  • Large (Groß)
  • Extra Large (Extragroß)
Style

Ändern Sie den Stil oder die Form der Symbole. Folgende Optionen stehen zur Auswahl:

  • Normal – Die standardmäßige Form der Service-Marke. Das Logo von Facebook erscheint beispielsweise in Form eines f.
  • Circle – Border (Kreis – Rand)
  • Circle – Knockout (Kreis – Knockout)
  • Circle – Solid (Kreis – solide)
  • Square – Border (Rechteck – Rand)
  • Square – Knockout (Rechteck – Knockout)
  • Square – Solid (Rechteck – solide)
  • Rounded – Border (Abgerundet – Rand)
  • Rounded – Knockout (Abgerundet – Knockout)
  • Rounded– Solid (Abgerundet – Solide)
Farbe (nur Version 7.0)

Ändert die Hintergrundfarbe der Symbole. Folgende Optionen stehen zur Auswahl:

  • Black
  • Weiß
  • Standard – Die Symbole stimmen mit dem Branding des jeweiligen Service überein. Das Symbol von Facebook wird dann beispielsweise blau angezeigt.

Die Farbe der Symbole in Version 7.1 ändern

Wenn sich deine Website auf Version 7.1 befindet, führe diese Schritte aus, um die Farbe deiner Social-Media-Symbole zu ändern (anstelle des Design-Tabs und des Block-Editors):

  1. In the Home Menu, click Design, then click Colors.
  2. Under Theme, hover over your chosen theme and click the pencil icon.
  3. Scroll down to Social Links Block.
  4. Use Main Color to change the color of the social icons. If you're using a Solid style for the icons, you can also use the Secondary Color tweak.
  5. Click Save.
War dieser Beitrag hilfreich?
128 von 437 fanden dies hilfreich
Social-Link-Blöcke