WordPress.com

Diese Anleitung zeigt dir, wie du Social-Media-Buttons zu deiner Sidebar oder Fußzeile hinzufügst, damit sich Leute über deine bevorzugten sozialen Netzwerke mit dir verbinden können.

💡

Neben dieser Option, ein Widget für soziale Symbole hinzuzufügen, können Sie auch ein Thema auswählen, das über ein spezielles Menü für soziale Netzwerke verfügt, in dem Sie Links zu Ihren Konten in sozialen Medien hinzufügen können, die dann als Symbole auf Ihrer Website angezeigt werden. Oder Sie können den Block Soziale Links verwenden, um Links zu Ihren sozialen Netzwerken überall auf Ihrer Website hinzuzufügen, indem Sie diese Anweisungen verwenden.

Inhaltsverzeichnis

Verfügbare Icons

Wir unterstützen Icons für eine Vielzahl von Netzwerken.

Klicken Sie hier, um eine Liste der verfügbaren Icons zu erweitern.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

E-Mail-Adressen (wenn deine E-Mail [email protected], geben Sie mailto:[email protected] in das Feld Account URL ein)

Etsy

Flickr

Foursquare

Goodreads

Google

GitHub

Instagram

iTunes

LinkedIn

Medium

Meetup

Pinterest

Pocket

Ravelry

Reddit

RSS feeds

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

WordPress

Yelp

YouTube

💡

Siehst du dein soziales Netzwerk nicht in der Liste der verfügbaren Icons oben?

Sie können andere soziale Netzwerke oder externe Plattformen hinzufügen, indem Sie die Schritte unter Benutzerdefinierte soziale Symbole hinzufügen unten ausführen.

Inhaltsverzeichnis

Widget für soziale Symbole

Das Widget für soziale Symbole zeigt kleine Grafiken, die mit Ihren sozialen Medienkonten verknüpft sind, in einem beliebigen Widget-Bereich Ihres Themes an. Nach dem Hinzufügen von Links zu Ihren sozialen Profilen werden die Icons automatisch auf Ihrer Website angezeigt, so dass Ihre Besucher mit Ihnen über Ihre bevorzugten Netzwerke in Verbindung treten können.

Inhaltsverzeichnis

Widget für soziale Symbole hinzufügen

  1. Gehen Sie zu Meine Seite(n) → Design → Anpassen
  2. Klicken Sie auf Widgets und Sie werden die verschiedenen Widget-Bereiche sehen, die Ihr Theme unterstützt. Fast alle Themes verfügen zumindest über einen Footer-Widget-Bereich. Einige haben auch Sidebar-Widgets oder andere Widget-Bereiche.
  3. Klicken Sie auf einen verfügbaren Widget-Bereich; in diesem Beispiel klicken wir auf den Footer-Widget-Bereich.
  4. Klicken Sie auf „Widget hinzufügen“ und suchen Sie nach „Sozial“ oder durchsuchen Sie die verfügbaren Widgets, um das Widget „Soziale Symbole“ zu finden.

Hinweis: Wenn Sie Plugins installiert haben, sehen Sie (Jetpack) am Ende des Titels des Widgets „Social Icons“.
  1. Klicken Sie auf das Widget, um es zu Ihrem Widget-Bereich hinzuzufügen.
  2. Passen Sie die verschiedenen Anzeigeoptionen an, einschließlich des Titels des Widgets und der Größe der Symbole.
  1. Fügen Sie den Link zu Ihrem ersten sozialen Netzwerkprofil hinzu. Beispiel: https://www.facebook.com/WordPresscom/

📌

Stellen Sie sicher, dass Sie den gesamten Link hinzufügen, einschließlich des Teils der Website-Adresse.

  1. Klicken Sie auf die Option Symbol hinzufügen, um weitere soziale Symbole zu Ihrem Widget hinzuzufügen.
Klicken Sie auf die Schaltfläche „Symbol hinzufügen“, um ein weiteres soziales Symbol hinzuzufügen

⚠️

Jeder Link, den Sie zum Widget „Soziale Symbole“ hinzufügen, wird automatisch als Symbol des jeweiligen sozialen Netzwerks in der Vorschau im Customizer angezeigt.

Wenn Sie das entsprechende Symbol des sozialen Netzwerks nicht sehen, überprüfen Sie, ob Sie den richtigen Link zu Ihrem sozialen Netzwerk eingegeben haben, einschließlich des -Teils der Adresse.

Wenn Sie mit dem Hinzufügen Ihrer sozialen Profillinks fertig sind, klicken Sie auf „Veröffentlichen“ oder „Änderungen speichern“, um das Widget „Soziale Symbole“ zu Ihrer Website hinzuzufügen.

Ihre glänzenden neuen Social Icons sind jetzt auf Ihrer Website!

Inhaltsverzeichnis

Neuordnung der Icons

Sie können die Reihenfolge Ihrer Icons jederzeit ändern, indem Sie sie per Drag & Drop in die gewünschte Reihenfolge bringen. Ihre neue Reihenfolge wird live im Vorschaubereich des Customizers angezeigt.

Inhaltsverzeichnis

Benutzerdefinierte soziale Icons hinzufügen

Die Farbe der sozialen Icons auf Ihrer Website hängt von dem von Ihnen verwendeten Thema ab. Wenn Sie Symbole mit einer bestimmten Farbe hinzufügen möchten oder mehr Kontrolle über die Darstellung der Symbole haben wollen, können Sie mit dem Text-Widget oder einem benutzerdefinierten HTML-Widget und ein wenig HTML benutzerdefinierte Symbole hinzufügen. Dies ist auch hilfreich, wenn Sie Icons für weniger beliebte soziale Netzwerke hinzufügen möchten.

Schritt 1. Suchen Sie einige Social-Media-Symbole, die Ihnen gefallen, und laden Sie sie in Ihre Mediathek hoch.

Vielleicht haben Sie bereits einige Symbole, die Sie verwenden möchten, aber wenn nicht, können Sie „kostenlose Social-Media-Symbole“ googeln. Achten Sie bei der Auswahl der Bilder darauf, dass Sie keine Urheberrechte verletzen. Sobald Sie einige gefunden haben, die Ihnen gefallen, laden Sie sie auf Ihren Computer herunter.

Laden Sie das Icon in Ihre Mediengalerie hoch

  1. Gehen Sie zu Meine Site → Site → Medien → Neu hinzufügen
  2. Navigieren Sie zu dem Speicherort auf Ihrem Computer, an dem Sie die Bilder, die Sie als Icons verwenden möchten, gespeichert haben
  3. Laden Sie die Icons in Ihre Mediengalerie hoch

Geben Sie den Link zu Ihrem Social Media Icon an

  1. Gehen Sie zu Meine Website → Website → Medien.
  2. Klicke auf das Bild deines hochgeladenen Social Media Icons und klicke auf Bearbeiten.
  3. Klicken Sie unter der Option URL auf Kopieren, um den Link in der Zwischenablage Ihres Computers zu speichern.
  4. Klicken Sie auf Fertig, um den Medieneditor zu verlassen.

Schritt 2. Fügen Sie ein Text-Widget oder ein benutzerdefiniertes HTML-Widget hinzu und formatieren Sie Ihre Schaltflächen mit HTML.

Fügen Sie das benutzerdefinierte Social Icon Widget hinzu

Stellen Sie sicher, dass Sie den Link zu dem Social Media Icon haben, das Sie mit den obigen Schritten unter Holen Sie sich den Link zu Ihrem Social Media Icon hochgeladen haben.

  1. Gehen Sie zu Meine Seiten → Design → Anpassen → Widgets.
  2. Wählen Sie den Widget-Bereich, in dem Ihre Icons erscheinen sollen.
  3. Klicken Sie auf Widget hinzufügen und suchen Sie das Text-Widget oder das benutzerdefinierte HTML-Widget
  4. Klicken Sie auf den Widget-Namen, um das Widget hinzuzufügen.

Fügen Sie das benutzerdefinierte HTML-Widget für soziale Symbole hinzu

Fügen Sie Ihrem Widget einen Titel hinzu, wenn Sie möchten, und fügen Sie dann HTML zu Ihrem Widget hinzu, indem Sie der folgenden Struktur folgen:

  • Ersetzen Sie den Referenzlink: durch den vollständigen Link zu Ihrem sozialen Profil.
  • Ersetzen Sie den Bildlink: durch den Link zu Ihrem hochgeladenen Social-Media-Symbol.
  • Optional: Passen Sie width und height an Ihre bevorzugte Symbolgröße an.

Wiederholen Sie den HTML-Code in dem vorhandenen Text- oder HTML-Widget für jedes Symbol, das auf Ihrer Website erscheinen soll.

Schritt 3. Sobald Sie fertig sind, klicken Sie auf „Veröffentlichen“ und sehen Sie sich Ihre hübschen neuen Social-Media-Buttons an!

Inhaltsverzeichnis

Beispiele und Beispielbilder

Wenn Sie Probleme haben, Social-Media-Symbole im Internet zu finden und einige Beispiele verwenden möchten, finden Sie mehr auf dieser Website.

Um diese Icons in Ihrem Widget zu verwenden, erstellen Sie zunächst ein leeres Textwidget unter Design → Anpassen → Widgets.

Kopieren Sie als Nächstes den Codeblock von der Seite Social Media Widgets für den von Ihnen bevorzugten Icon-Stil:

Inhaltsverzeichnis

Häufig gestellte Fragen

Warum wird das Social Media-Symbol nicht angezeigt?

Wenn Sie eine lokalisierte Version der Adresse Ihrer Social Media-Seite verwenden, werden die Social Media-Symbole möglicherweise nicht angezeigt. Versuchen Sie stattdessen, den lokalen Abschnitt Ihres Social-Media-Links durch die globale Version zu ersetzen.

Beispiel: https://www.pinterest.fr/yourpinterest/ sollte ersetzt werden durch https://www.pinterest.com/yourpinterest/

War diese Anleitung hilfreich?

Variable Pläne und Preise

  • Kostenlos

    Best für Studenten

  • Persönlich

    Best für Hobbyisten

  • Premium

    Best für Freiberufler

  • Business

    Best für kleine Unternehmen

Wählen Sie einen Plan