Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man Twitter und Facebook des Autors auf der Profilseite anzeigt

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie die Twitter- und Facebook-Links Ihrer Autoren auf deren WordPress-Profilseite anzeigen?

Standardmäßig enthalten die WordPress-Benutzerprofilseiten keine Felder zum Hinzufügen von Social-Media-Profilen wie Facebook oder Twitter.

In diesem Artikel zeigen wir Ihnen, wie Sie die Links zu den Twitter- und Facebook-Profilen Ihrer Autoren in WordPress anzeigen können.

How to Display Author's Twitter and Facebook on the Profile Page

Warum sollten Sie die Twitter- und Facebook-Profile von Autoren auf Ihrer Website anzeigen?

Social-Media-Plattformen sind eine wichtige Quelle für den Traffic auf Ihrer WordPress-Website. Deshalb haben wir einen Spickzettel für soziale Medien zusammengestellt, der Ihnen hilft, Ihre Social-Media-Profile richtig einzurichten.

Ihre Autoren haben auch ihre eigenen sozialen Profile, die Sie auf Ihrer Website anzeigen können, um die Glaubwürdigkeit bei Ihren Lesern zu erhöhen und die Autorität Ihrer Website zu stärken.

Ihre Besucher können ihren Lieblingsautoren in den sozialen Medien folgen und neue Artikel auf Ihrer Website schneller entdecken. Sie können auch ihre Social-Media-Profile zum Schema Ihrer Website hinzufügen und so den Trust Score Ihrer Website bei Google und anderen Suchmaschinen erhöhen.

Schauen wir uns also an, wie man die Twitter- und Facebook-Links eines Autors auf dessen Profilseite anzeigt:

Einige der besten WordPress-Themes zeigen unter jedem Artikel eine Infobox für den Autor an. Sie können diese Funktion nutzen, um einfache Links zu den sozialen Profilen Ihrer Autoren anzuzeigen.

Gehen Sie einfach in Ihrem WordPress-Administrationsbereich auf Benutzer “ Alle Benutzer und klicken Sie auf den Namen des Autors oder auf den Link „Bearbeiten“ darunter, um die Seite „Benutzer bearbeiten“ zu öffnen.

Click on a User in the All Users List

Als Nächstes sollten Sie zum Abschnitt „Über den Benutzer“ blättern und nach dem Feld „Biografische Informationen“ suchen.

Wenn dies der Fall ist, verfügt Ihr Thema über integrierte Unterstützung für eine Autorenbox.

Adding HTML Social Links to the User Bio

Hier können Sie eine Beschreibung des Autors in Text oder HTML eingeben. Sie können manuell HTML-Links für die Twitter- und Facebook-Profil-URLs des Autors wie folgt hinzufügen:

ADD BIO HERE. Follow them on <a href="https:/twitter.com/USERNAME">Twitter</a> and <a href="https://facebook.com/USERNAME">Facebook</a>.

Fügen Sie eine kurze Biografie über den Autor hinzu und ändern Sie USERNAME in den tatsächlichen Twitter- und Facebook-Nutzernamen des Autors.

Wenn Sie fertig sind, vergessen Sie nicht, zum Ende der Seite zu scrollen und auf die Schaltfläche „Benutzer aktualisieren“ zu klicken, um Ihre Einstellungen zu speichern.

Sie sehen nun Twitter- und Facebook-Links mit dem Lebenslauf des Benutzers in den Beiträgen, die er schreibt. So sieht es auf unserer Demo-Website aus:

Preview of Author Bio with Twitter and Facebook Links

Methode 2: Anzeige von sozialen Symbolen mit einem Autor-Bio-Box-Plugin

Wenn Ihr Theme keine Autoren-Bio-Box anzeigt, oder wenn Sie eine wünschen, die besser anpassbar ist und soziale Symbole anstelle von Links anzeigt, können Sie ein Plugin verwenden.

Simple Author Box ist das beste kostenlose Autoren-Bio-Box-Plugin. Damit können Sie fast jeden Aspekt Ihrer Autoren-Bio-Box anpassen, einschließlich des Hinzufügens von Social-Media-Links für Ihre Autoren.

Zunächst müssen Sie das Simple Author Box-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Wenn Sie noch mehr Funktionen wünschen, gibt es eine Pro-Version, mit der Sie eine Autorenbox vor oder nach dem Inhalt anzeigen können, Website-Links hinzufügen können, mehr Stile für soziale Symbole erhalten, Gastautoren und Co-Autoren einbeziehen können und vieles mehr. Weitere Details finden Sie in unserer Bewertung von Simple Author Box.

Nach der Aktivierung fügt das Plugin jedem Benutzerprofil Felder für soziale Medien hinzu. Navigieren Sie einfach zur Seite Benutzer “ Alle Benutzer in Ihrem WordPress-Administrationsbereich und klicken Sie auf den Namen des Autors oder auf den Link „Bearbeiten“ unten.

Click on a User in the All Users List

Tipp: Um Ihr eigenes Benutzerprofil schnell zu bearbeiten, können Sie die Seite Benutzer “ Profil aufrufen.

Wenn Sie zum unteren Ende des Autorenprofils scrollen, werden Sie einige neue Felder sehen, die durch das Author Bio Box Plugin hinzugefügt wurden.

Scrollen Sie, bis Sie den Abschnitt mit der Bezeichnung „Social Media Links (Simple Author Box)“ sehen. Wählen Sie nun „Facebook“ aus dem Dropdown-Menü aus und fügen Sie dann die URL zu ihrem Facebook-Profil in das nächste Feld ein.

Adding a Facebook Profile Using Author Bio Box

Nun können Sie auf die Schaltfläche mit der Aufschrift „+ Neue soziale Plattform hinzufügen“ klicken.

Es werden ein neues Dropdown-Feld und ein Feld hinzugefügt, in das Sie die Twitter-URL hinzufügen können.

Adding Facebook and Twitter Links Using Simple Author Box

Klicken Sie anschließend auf die Schaltfläche „Benutzer aktualisieren“, um Ihre Einstellungen zu speichern.

Hinweis: Machen Sie sich keine Sorgen, wenn die Facebook- und Twitter-URLs nach dem Klicken auf die Schaltfläche verschwinden. Zum Zeitpunkt der Erstellung dieses Artikels gibt es einen kleinen Fehler, der die URLs ausblendet, aber die Einstellungen wurden gespeichert.

Jetzt werden Facebook- und Twitter-Symbole zusammen mit dem Profil des Autors am unteren Rand der Beiträge angezeigt. Wenn Sie auf diese Symbole klicken, gelangen Ihre Besucher zu deren sozialen Profilen, aber diese Links werden im selben Fenster wie Ihr WordPress-Blog geöffnet.

Preview of Simple Author Box with Social Icons

Wenn Sie möchten, dass die Links in einer neuen Registerkarte geöffnet werden, können Sie zur Seite Darstellung “ Einfache Autorenbox navigieren und dann auf die Registerkarte „Elemente“ klicken.

Dort müssen Sie die Option „Social-Icon-Links in einer neuen Registerkarte öffnen“ finden und sie einschalten.

Open Simple Author Box Icons in a New Tab

Jetzt werden die sozialen Profile des Autors in einer neuen Registerkarte geöffnet.

Methode 3: Anzeige von sozialen Symbolen für Autoren mit einem Page Builder Plugin

Wenn Sie eine benutzerdefinierte Autorenprofilseite mit sozialen Symbolen, Erfahrungsberichten, aktuellen Artikeln, Sternbewertungen, Bildkarussells und mehr erstellen möchten, empfehlen wir ein Plugin wie SeedProd.

SeedProd ist das beste Drag & Drop Page Builder Plugin für WordPress. Damit können Sie ganz einfach benutzerdefinierte WordPress-Themes und Seitenlayouts erstellen, ohne dass Codierung erforderlich ist.

Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie unsere Anleitung zur Installation eines WordPress-Plugins.

Hinweis: Es gibt eine kostenlose Version von SeedProd. Sie benötigen jedoch die Pro-Version, um eine benutzerdefinierte Autorenseite zu erstellen.

Sobald das Plugin aktiviert ist, gehen Sie im WordPress-Dashboard zu SeedProd “ Theme Builder und klicken Sie auf die Schaltfläche „Theme Templates Kit“.

Click on the Theme Templates Kit button

Von hier aus können Sie eines der vorgefertigten Website-Kits von SeedProd auswählen.

Bewegen Sie einfach den Mauszeiger über das gewünschte Design und klicken Sie auf das Häkchensymbol, um es auszuwählen.

Choose SeedProd website kit template

SeedProd importiert dann das Website-Kit, das alle Teile der Vorlage enthält, die Sie für eine Website benötigen, darunter die Homepage, die Blog-Seite, die Info-Seite und mehr.

Sie können alle diese Seiten mit dem Theme Builder von SeedProd anpassen. Weitere Informationen finden Sie in unserem Leitfaden zur Erstellung eines benutzerdefinierten WordPress-Themes.

Als nächstes müssen Sie eine neue Autorenseitenvorlage erstellen, indem Sie auf die Schaltfläche „Neue Themenvorlage hinzufügen“ klicken.

Create author page template in SeedProd

Sie können das gleiche Layout für alle Autoren verwenden oder für jeden einzelnen Autor eine eigene Seite erstellen. Eine Schritt-für-Schritt-Anleitung finden Sie in unserem Leitfaden zum Hinzufügen einer benutzerdefinierten Autorenprofilseite in WordPress.

Sobald Sie eine Vorlage für eine Autorenseite erstellt haben, können Sie diese anpassen. Das geht ganz einfach mit den vorgefertigten Blöcken von SeedProd, die Sie per Drag & Drop auf die Seite ziehen können.

Sie können z. B. Blöcke wie Überschrift, Text, Bild, Autoren-Bio, Autoren-Box, Beiträge und mehr hinzufügen, um alles über einen Autor zu präsentieren, was Sie möchten.

Um Ihrer Autorenprofilseite soziale Profile hinzuzufügen, suchen Sie den Block „Soziale Profile“ auf der linken Seite und ziehen ihn einfach auf die Seite, auf der Sie ihn anzeigen möchten.

Add the Social Profiles block to the author profile page

Standardmäßig zeigt der Block Symbole für soziale Netzwerke für Facebook, Twitter, Instagram und YouTube an.

Klicken Sie anschließend auf den neu hinzugefügten Block, um das Bearbeitungsfenster für ihn zu öffnen. Hier können Sie neue soziale Medienplattformen aus der Dropdown-Liste auswählen.

Editing the Social Profiles block in SeedProd

Um eine benutzerdefinierte Schaltfläche für ein soziales Medienprofil zu erstellen, wählen Sie die Option „Benutzerdefiniert“ aus der Dropdown-Liste.

Klicken Sie dann auf das Zahnradsymbol, um die Einstellungen zu öffnen.

Create Custom social media profile icon

Jetzt können Sie ein Symbol für soziale Medien aus der integrierten Symbolbibliothek von SeedProd auswählen.

Sie müssen die URL Ihres Social-Media-Profils eingeben.

Add social profile URL and choose icon

Sie können auch die Farbe, Größe, Ausrichtung und den Stil des Symbols ändern und erweiterte Einstellungen konfigurieren. Wenn Sie mit den Anpassungen fertig sind, klicken Sie auf die Schaltfläche „Speichern“ am oberen Bildschirmrand und verlassen Sie den Theme Builder.

Schließlich müssen Sie das SeedProd-Theme aktivieren, um Ihre benutzerdefinierte Autorenseite zu veröffentlichen.

Gehen Sie dazu zu SeedProd “ Theme Builder. Suchen Sie dort den Schalter „SeedProd-Theme aktivieren“ und schalten Sie ihn auf „Ja“.

Enable SeedProd Theme

Jetzt ist Ihre benutzerdefinierte Autorenprofilseite auf Ihrer WordPress-Website live.

Methode 4: Hinzufügen von sozialen Profilen zum Schema Ihrer Website für SEO

All in One SEO (AIOSEO) ist das originale WordPress-SEO-Plugin, das auf über 3 Millionen Websites eingesetzt wird. Es kann auch Felder für soziale Profile auf der Profilseite des Autors hinzufügen.

Im Gegensatz zu den anderen Methoden wird diese Methode die SEO Ihrer Website verbessern, da AIOSEO diese sozialen Profile in das Schema Markup Ihrer Website einfügt.

Das Problem ist, dass AIOSEO sie nicht automatisch in der Autorenbio anzeigt. Aber keine Sorge, wir zeigen Ihnen, wie Sie das machen können.

Für dieses Tutorial werden wir die kostenlose Version von All in One SEO verwenden, da Sie damit soziale Profile für Ihre Website und jeden Nutzer hinzufügen können. AIOSEO Pro bietet jedoch noch mehr Funktionen, die Ihnen helfen, in den Suchmaschinenergebnissen besser zu ranken.

Als Erstes müssen Sie das kostenlose All in One SEO Lite-Plugin installieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Sobald Sie das AIOSEO-Plugin eingerichtet haben, müssen Sie auf die Seite Benutzer “ Alle Benutzer gehen und dann auf den Namen des Autors oder den Link „Bearbeiten“ direkt darunter klicken.

Click on a User in the All Users List

Dadurch wird die Seite Benutzer bearbeiten für diesen Autor geöffnet.

Beachten Sie, dass AIOSEO oben auf der Seite eine Registerkarte „Soziale Profile“ hinzugefügt hat. Sie müssen jetzt auf diese Registerkarte klicken.

All in One SEO Social Profiles Tab

Sie können nun die URL zu den sozialen Profilen des Nutzers in die vorgesehenen Felder eingeben, z. B:

https://facebook.com/johnsmith345
https://twitter.com/johnsmith345

Beachten Sie, dass es nicht ausreicht, nur den Benutzernamen hinzuzufügen.

Wenn der Autor denselben Benutzernamen in mehreren sozialen Netzwerken verwendet, können Sie alternativ das Kästchen „Denselben Benutzernamen für mehrere soziale Netzwerke verwenden“ anklicken.

Quickly Adding Multiple Social Networks With Same Username

Sie können dann den Benutzernamen eingeben und prüfen, in welchen sozialen Netzwerken er verwendet wird. Bei anderen sozialen Netzwerken können Sie einfach die vollständige URL wie bisher eingeben.

Wenn Sie fertig sind, klicken Sie unten auf der Seite auf die Schaltfläche „Benutzer aktualisieren“, um Ihre Änderungen zu speichern.

Pro-Tipp: Wenn Sie Twitter- und Facebook-Profile für Ihr Unternehmen oder Ihre Website haben, können Sie diese auf ähnliche Weise zum Schema Ihrer Website hinzufügen, indem Sie All in One SEO “ Social Networks besuchen und die Links auf der Registerkarte Social Profiles hinzufügen.

Die Profile des Autors in den sozialen Medien wurden nun dem Schema Ihrer Website hinzugefügt, was den Suchmaschinen hilft, Ihre Website besser zu verstehen. Sie werden jedoch noch nicht auf Ihrer Website angezeigt.

Anzeige von AIOSEO Autoren-Twitter- und Facebook-Links in Ihrem Theme

Nun müssen Sie diese Felder als Links in Ihrem Thema anzeigen.

Wenn Sie ein fortgeschrittener Benutzer sind, können Sie Links aus den sozialen Profilen von All in One SEO anzeigen, indem Sie Ihre WordPress-Theme-Dateien bearbeiten. Wenn Sie dies noch nicht getan haben, lesen Sie unsere Anleitung zum Kopieren und Einfügen von Code in WordPress.

Hinweis: Wenn Sie mit der Bearbeitung der Kerndateien Ihres Themes und dem Hinzufügen von benutzerdefiniertem Code nicht vertraut sind, empfehlen wir Ihnen, AIOSEO zu verwenden, um die sozialen Profile zum Schema Ihrer Website hinzuzufügen und sie dann mit der obigen Methode 1 oder 2 auf Ihrer Website anzuzeigen.

Fortgeschrittene Benutzer können den folgenden Code zu den Themendateien hinzufügen, in denen Sie die Autorenprofil-Links anzeigen möchten:

<?php
$twitter = get_the_author_meta( 'aioseo_twitter', $post->post_author );
$facebook = get_the_author_meta( 'aioseo_facebook', $post->post_author );
echo '<a href="' . $twitter .'" rel="nofollow" target="_blank">Twitter</a> | <a href="'. $facebook .'" rel="nofollow" target="_blank">Facebook</a>';
?>

Speichern Sie Ihre Änderungen und zeigen Sie einen Beitrag auf Ihrer Website an.

So sieht es auf unserer Demo-Website aus. Wir haben das Codeschnipsel in die Datei biography.php im Ordner template-parts des Themas Twenty Sixteen eingefügt.

Displaying AIOSEO Social Profiles in Your Theme Using Code

Expertenanleitungen für WordPress-Autoren

Da Sie nun wissen, wie Sie die sozialen Profile des Autors anzeigen können, möchten Sie vielleicht einige andere Anleitungen zu WordPress-Autoren sehen:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man die Twitter- und Facebook-Profil-Links des Autors in WordPress anzeigt. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Anzeige aktueller Tweets oder unsere Expertenauswahl der besten YouTube-Video-Galerie-Plugins für WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

24 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      If it is being removed on mobile versions then you would want to reach out to the support for your specific theme for assistance.

      Admin

  2. Brandie says

    How can users add their social media links themselves?

    Right now I can add it for my authors, but they cannot edit it themselves.

  3. Ricardo Martins says

    Hi! I’m from Brazil! You frequently help me! Thank you!

    So… I did not have success to add Facebook on my Author Box. Could you help me?

    My Instagram and my website are showing, but Facebook not.

  4. Vito says

    I would like to apply this to the page of the publication of the post, and insert text tags for each post. similar to the custom fields but with this style is that possible?

    Thanks

  5. Aamir says

    i am trying to include author google plus profile link in the template..
    i have successfully added custum field to add google plus link in user profile of evry author but not able to include in the template …
    i am using headway v3 ..
    as its not posiible to edit files like author.php in headway i tried inserting the code directly in postpages by creating a Custum Code block but GooglePLus; ?> does not work…
    please help..

  6. Luke says

    Thank you for this.

    Stupid question: What’s the code if you want to show only the info that’s displayed in user profile.

    For example, when I add these in the user profile and don’t enter data, it still shows the icon.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.