Blöcke “ Social Icons Block

Die Social Icons block können sie hinzufügen social media icons zu jeder seite oder post und direkt menschen zu ihre social media profile.

Hier ist ein Beispiel:

Inhaltsverzeichnis

Fügen Sie den Block für soziale Symbole ein

Sie können den Block für soziale Symbole hinzufügen, indem Sie ihn über die Schaltfläche Block hinzufügen auswählen. Alternativ können Sie /social in eine neue Zeile eingeben und die Eingabetaste drücken. Wenn Sie den Block zum ersten Mal hinzufügen, sehen Sie auch eine Größeneinstellung, mit der Sie die Größe Ihrer Symbole definieren können:

 Ein leerer Block für soziale Symbole mit der Option Größe in der Symbolleiste Block wird erweitert, um die verschiedenen Symbolgrößen anzuzeigen.

Weitere Informationen finden Sie in unseren detaillierten Anweisungen zum Hinzufügen von Blöcken.

Inhaltsverzeichnis

Fügen Sie Ihre sozialen Profile hinzu

Wenn Sie den Block zum ersten Mal hinzufügen, wird eine Schaltfläche + angezeigt. Klicken Sie auf die Schaltfläche +, um Ihr erstes Symbol hinzuzufügen.

 Der Block für soziale Symbole enthält keine sozialen Symbole und ein Pluszeichen, um Ihr erstes Symbol hinzuzufügen.

Eine Liste aller verfügbaren Symbole wird angezeigt. Sie können die gewünschte aus der Liste auswählen oder die Suchoption verwenden, um nach einem Symbol wie „Facebook“ zu suchen. Auf diese Weise können Sie die Symbole zu allen Ihren sozialen Netzwerken hinzufügen.

 Das Plus-Symbol wird erweitert, um die verschiedenen Symbole anzuzeigen, die hinzugefügt werden können, sowie eine Suchoption.
 Facebook trat in das Suchfeld ein, um das Facebook-Social-Media-Symbol zu finden.

Als nächstes können Sie das Symbol mit Ihrem Social-Media-Profil verknüpfen. Klicken Sie dazu einmal auf das Symbol, und es erscheint ein Feld zur Eingabe Ihrer Adresse. Geben Sie den Link zu Ihrem Social-Media-Profil ein oder fügen Sie ihn ein, und klicken Sie auf das Pfeilsymbol, um ihn einzugeben.

 GIF zeigt den Vorgang des Klickens auf das soziale Symbol und des Hinzufügens des Links zu Ihrem Social-Media-Profil.
So verknüpfen Sie Ihr soziales Symbol

⚠️

Wenn Sie dem Symbol keinen Link hinzufügen, wird das Symbol in Ihrer Vorschau oder auf der Live-Site nicht angezeigt.

Inhaltsverzeichnis

Neue Symbole hinzufügen

Klicken Sie auf die Schaltfläche + Symbol hinzufügen rechts neben den aktuellen Symbolen. Dadurch wird eine Liste aller verfügbaren Symbole geöffnet. Sie können nach dem Symbol suchen, um das gewünschte auszuwählen.

 Gif: Klicken Sie auf die Schaltfläche Symbol hinzufügen, um die Liste der verfügbaren sozialen Symbole zu öffnen.
Hinzufügen eines neuen Symbols.

Wenn das gewünschte Symbol nicht vorhanden ist, kann stattdessen eine generische Linkschaltfläche verwendet werden:

 Fügen Sie ein neues Symbol hinzu und suchen Sie nach einem Link, um ein benutzerdefiniertes soziales Netzwerk hinzuzufügen, das nicht in unserer Standardliste enthalten ist.
Das generische Link-Symbol

Inhaltsverzeichnis

Liste der unterstützten Symbole

Die folgenden Symbole können verwendet werden:

  • 500px
  • Bandcamp
  • Behance
  • CodePen
  • DeviantArt
  • Dribbble
  • Dropbox
  • Etsy
  • Flickr
  • Foursquare
  • GitHub
  • Goodreads
  • Google
  • Instagram
  • Last.fm
  • LinkedIn
  • Email (mailto: links)
  • Mastodon
  • Treffen
  • Mittel
  • Patreon
  • Pinterest
  • Tasche
  • Reddit
  • RSS-Feed (URLs mit /feed/)
  • Skype
  • Snapchat
  • Soundcloud
  • Spotify
  • TikTok
  • Tumblr
  • Zucken
  • Zwitschern
  • Vimeo
  • WordPress
  • Jaulen
  • YouTube

Inhaltsverzeichnis

Symbol entfernen

Um ein Symbol zu entfernen, klicken Sie darauf, um die Symbolleiste. Klicken Sie auf die Schaltfläche Auslassungspunkte (drei Punkte) für dieses Symbol und wählen Sie Block entfernen:

 Gif: Klicken Sie auf die Schaltfläche Ellipse (drei Punkte) über einem einzelnen Symbol, um die Option Block entfernen für dieses Symbol zu erreichen.
Entfernen eines Social-Media-Symbols

Inhaltsverzeichnis

Blockeinstellungen

Jeder Block verfügt zusätzlich zu den Optionen in der Blocksymbolleiste über bestimmte Optionen in der Seitenleiste des Editors. Wenn Sie die Seitenleiste nicht sehen, klicken Sie auf das Zahnradsymbol neben der Schaltfläche Veröffentlichen.

Stile

In den Blockeinstellungen können Sie aus drei verschiedenen Stilen für Ihre Symbole auswählen:

  • Standard
  • Logos Nur
  • Pille Form
 Die sozialen Symbole blockieren Einstellungen auf der Seite des Editors, wobei Stile, Layout und Linkeinstellungen angezeigt werden.
Einstellungen blockieren
Layoutausrichtung

Sie können die Ausrichtung der Symbole von links, mittig, rechts oder zwischen den Elementen auswählen.

Linkeinstellungen

Sie können die Links auch in einem neuen Tab öffnen, indem Sie die Option „In einem neuen Tab öffnen“ umschalten. Wenn dies aktiviert ist, werden die Links in den sozialen Symbolen in einem neuen Tab geöffnet.

Farbeinstellungen

In den Farbeinstellungen gibt es zwei Optionen, die Sie ändern können.

 Das Farbeinstellungsfeld aus den Blockeinstellungen des sozialen Symbolblocks wird angezeigt.
  • Symbolfarbe: Ändert die Farbe der Symbole im Block Soziale Symbole.
  • Symbol Hintergrundfarbe: Ändert die Hintergrundfarbe aller Symbole.

Inhaltsverzeichnis

Erweitert

Auf der Registerkarte Erweitert können Sie Ihrem Block eine CSS-Klasse hinzufügen, mit der Sie benutzerdefiniertes CSS schreiben und den Block nach Belieben gestalten können. Erfahren Sie mehr.

 Im Abschnitt Erweitert können Sie Ihrem Block eine CSS-Klasse hinzufügen.
Im Abschnitt Erweitert können Sie Ihrem Block eine CSS-Klasse hinzufügen.

Jedes Social-Media-Symbol kann auch eine eigene Klasse haben. Fügen Sie einem Symbol eine Klasse hinzu, indem Sie es auswählen und das zusätzliche CSS-Klassenfeld für dieses Symbol ändern:

 Zu den Einstellungen für ein einzelnes soziales Symbol gehören die Linkbezeichnung (für Screenreader) und die Option Zusätzliche CSS-Klassen.
CSS-Klassen-Feld für ein individuelles Icon

Vielseitige Pläne und Preise

  • Kostenlos

    Am besten für Studenten

  • Persönlich

    Am besten für Bastler

  • Premium

    Am besten für Freelancer

  • Geschäft

    Am besten für kleine Unternehmen

Wählen Sie einen Plan

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.