Technologische Neuigkeiten, Bewertungen und Tipps!

So fügen Sie eine Autorenbox in WordPress hinzu (ohne Plugin)

Hinweis: Der folgende Artikel hilft Ihnen weiter: So fügen Sie eine Autorenbox in WordPress hinzu (ohne Plugin)

Möchten Sie Ihrer Website eine WordPress-Autorenbox hinzufügen?

Durch das Hinzufügen einer Autorenbiografie-Box zu Ihrer Website können Leser mehr über den Autor Ihrer Blogbeiträge und Artikel erfahren. Vielen WordPress-Themes fehlt diese Funktion standardmäßig, was es schwierig macht, die Biografie Ihres Autors an die Anforderungen Ihrer Website anzupassen.

In diesem Artikel erfahren Sie, wie Sie mit und ohne WordPress-Plugin eine Autorenbox in WordPress hinzufügen.

Was ist eine Autorenbox in WordPress?

Das WordPress-Autorenfeld ist ein kleines Textfeld, das sich unter Ihren WordPress-Beiträgen befindet. Es gibt den Lesern Informationen darüber, wer der Website-Autor ist, was er tut und wo Sie ihn online finden können.

Oftmals enthält eine Biografiebox eines Autors Folgendes:

  • Autorenzusammenfassung oder Biografie
  • Profilbild oder Gravatar
  • URL der Beiträge des Autors
  • Links zu sozialen Medien
  • Link zur Website des Gastautors

Warum sollten Sie eine Autorenbox in WordPress verwenden?

Die meisten WordPress-Themes zeigen standardmäßig den Namen des Autors oder die Metaanzeige des Autors in Blogbeiträgen an. In der Regel werden jedoch keine weiteren Informationen angezeigt.

Die Offenlegung des Autors hinter dem Inhalt trägt jedoch dazu bei, Vertrauen und Glaubwürdigkeit bei Ihren Lesern aufzubauen. Dies wiederum erhöht die Autorität Ihrer Website.

In manchen Fällen reicht eine „Über mich“-Seite aus, um Benutzern die benötigten Informationen zu liefern. Dennoch wird nicht jeder Leser diese Seite besuchen.

Wenn Sie über eine Website mit mehreren Autoren verfügen, ist es außerdem einfacher, in einem Autorenfeld Informationen über den Autor hinter jedem Beitrag einzeln anzuzeigen.

Aber das ist nicht alles.

Benutzerdefinierte Autorenbiografien bieten Autoren einen zusätzlichen Anreiz, Beiträge zu leisten und mit den Lesern in Kontakt zu treten. Das liegt daran, dass sie es Autoren ermöglichen, Links zu ihren sozialen Profilen hinzuzufügen und so ihr Publikum zu vergrößern.

Letztendlich ist das Hinzufügen einer Autorenbox in WordPress eine hervorragende Möglichkeit, Glaubwürdigkeit, Autorität und Engagement aufzubauen und mehr Autoren dazu zu bewegen, Inhalte einzureichen.

3 Möglichkeiten, eine Autorenbox in WordPress hinzuzufügen

Wie bereits erwähnt, ist es nicht immer einfach, Ihr WordPress-Theme so anzupassen, dass es einen Abschnitt mit den Biografien eines Autors enthält. Hier sind 3 Möglichkeiten, eine Autorenbox ohne und mit einem Plugin zu erstellen.

Methode 1: Erstellen Sie mit SeedProd eine benutzerdefinierte WordPress-Autorenbox

Wenn Ihr WordPress-Theme keine Autorenfelder unterstützt und Sie das Aussehen Ihrer Website und Autoreninformationen anpassen möchten, ist dies die Lösung für Sie.

Diese Methode verwendet das SeedProd WordPress-Plugin, um ganz einfach einen benutzerdefinierten Abschnitt mit Autoreninformationen hinzuzufügen und ein WordPress-Theme zu erstellen.

SeedProd ist der beste WordPress-Website-Builder mit Drag-and-Drop-Funktionalität. Sie können damit benutzerdefinierte WordPress-Themes, -Layouts und Landingpages erstellen, ohne eine einzige Codezeile schreiben zu müssen.

Mit Hunderten von responsiven Vorlagen können Sie schnell loslegen. Es enthält außerdem jede Menge anpassbare Inhaltselemente, mit denen Sie jeden Zentimeter Ihrer Website anpassen können, ohne einen Entwickler engagieren zu müssen.

Eines dieser leistungsstarken Elemente ist die Autorenbox, mit der Sie die Biografie Ihres Autors an das Design Ihrer Website anpassen und benutzerdefinierte Links und Inhalte hinzufügen können.

Schritt 1. Installieren Sie das SeedProd Website Builder-Plugin

Um zu beginnen, benötigen Sie zunächst eine SeedProd-Lizenz.

Note: Sie benötigen eine SeedProd Pro- oder Elite-Lizenz, um den Theme Builder- und Author Box-Block verwenden zu können.

Nachdem Sie SeedProd auf Ihren Computer heruntergeladen haben, müssen Sie die Plugin-.zip-Datei auf Ihrer WordPress-Website installieren und aktivieren. Hier ist eine Anleitung dazu Installation von WordPress-Plugins Wenn du Hilfe benötigst.

Sobald SeedProd auf Ihrer Website live ist, gehen Sie zu SeedProd ” Einstellungen Seite und geben Sie Ihre Lizenzdaten ein.

Sie finden Ihren Plugin-Lizenzschlüssel auf der SeedProd-Website in Ihrem Kontobereichunter „Downloads“.

Schritt 2. Erstellen Sie ein WordPress-Theme

Der nächste Schritt besteht darin, zu gehen SeedProd » Theme Builder Seite und klicken Sie auf die Schaltfläche „Themen“.

Dadurch wird ein Fenster mit mehreren vorgefertigten WordPress-Themes geöffnet, die Ihnen einen schnellen Einstieg ermöglichen. Bewegen Sie den Mauszeiger über ein beliebiges Thema und klicken Sie auf das Häkchensymbol, um es auf Ihre Website zu importieren.

Von dort aus sehen Sie eine Liste der einzelnen Vorlagenteile, aus denen Ihr Theme besteht. Das von uns ausgewählte Online-Autor-Theme umfasst beispielsweise die folgenden Vorlagen:

  • Einzelne Seite
  • Einzelner Beitrag
  • Blog, Archive, Suche
  • Startseite
  • Seitenleiste
  • Fusszeile
  • Header
  • Globales CSS

Normalerweise müssen Sie einen Dateimanager aufsuchen, um auf Ihre WordPress-Themedateien zuzugreifen und diese zu bearbeiten. Aber mit SeedProd können Sie sie alle in Ihrem WordPress-Dashboard sehen, ohne Ihre Website zu verlassen.

Noch besser: Sie können jede Vorlage im einfachen visuellen Editor von SeedPod bearbeiten, ohne Code schreiben zu müssen. Dadurch können Sie Ihr gesamtes WordPress-Theme durch Zeigen, Klicken, Ziehen und Ablegen anpassen. Einfach!

Schritt 3. Fügen Sie der Vorlage für einzelne Beiträge eine Autorenbox hinzu

Um mit SeedProd eine benutzerdefinierte Autorenbox zu Ihrem WordPress-Theme hinzuzufügen, müssen Sie zunächst Ihre Autorendetails zu Ihrer Profilseite hinzufügen. Sie können dies tun, indem Sie die Schritte in befolgen Methode 1.

Gehen Sie als Nächstes zu SeedProd » Theme Builder und finde die Einzelner Beitrag Vorlage. Bewegen Sie den Mauszeiger darüber und klicken Sie auf den Link „Design bearbeiten“.

Dadurch wird Ihre Single-Post-Vorlage im Drag-and-Drop-Builder von SeedProd geöffnet.

Der visuelle Editor von SeedProd hat ein einfaches Layout. Auf der linken Seite befinden sich Blöcke und Abschnitte, die Sie ganz einfach zu Ihrem Design hinzufügen können. Rechts sehen Sie dann eine Vorschau, um die Änderungen in Echtzeit zu sehen.

Sie können auf eine beliebige Stelle in der Vorschau klicken, um Ihr Seitenlayout und Ihre Blöcke zu bearbeiten. Anschließend können Sie auf der linken Seite die Einstellungen jedes Blocks in Echtzeit anpassen.

Das von uns verwendete Thema verfügt derzeit nicht über ein Autorenfeld unter dem Beitragsinhalt. Wir müssen eines der Template-Tags von SeedProd verwenden, um eines hinzuzufügen.

Vorlagen-Tags sind einzelne Blöcke, mit denen Sie dynamische WordPress-Inhalte überall in Ihrem Design anzeigen können. Zu unserem Thema gehören zum Beispiel:

Diese Informationen stammen automatisch aus Ihrer WordPress-Datenbank, sodass Sie sie an einer beliebigen Stelle in Ihrem Theme hinzufügen können.

Um Ihrem Thema eine Autorenbiografie hinzuzufügen, suchen Sie nach Autorenbox Block unter der Überschrift „Vorlagen-Tags“ und ziehen Sie ihn unter Ihre Beiträge.

Anschließend können Sie auf den Block klicken, um die Einstellungen zu bearbeiten, z. B.:

  • Profilbild ein- oder ausblenden
  • Anzeigenamen anzeigen oder ausblenden
  • HTML-Tag-Typ
  • Fügen Sie einen Link zur Website oder zum Archiv von Beiträgen hinzu
  • Biografie des Autors ein- oder ausblenden

Wenn Sie auf klicken Fortschrittlich Auf der Registerkarte „Autoren“ gibt es noch weitere Anpassungsmöglichkeiten für das Autorenfeld. Im Abschnitt „Stile“ können Sie beispielsweise die Schriftarten, Schriftfarben und Schatten ändern.

Im Hintergrund Im Abschnitt können Sie die Hintergrundfarbe und den Hintergrundverlauf ändern und ein benutzerdefiniertes Hintergrundbild hinzufügen.

Sie können auch den Abstand und die Ränder anpassen und dem Autorenfeld eine benutzerdefinierte CSS-Klasse zuweisen.

Jetzt müssen Sie nur noch das einzelne Beitragslayout weiter anpassen.

Wenn Sie ein wenig Hilfe benötigen, finden Sie hier eine Schritt-für-Schritt-Anleitung zum Erstellen einer benutzerdefinierten Single-Post-Vorlage mit SeedProd. Es führt Sie durch alle verschiedenen Blöcke und Einstellungen, die Sie benötigen, und wie Sie jeden einzelnen bearbeiten.

Wenn Sie mit dem Aussehen Ihrer Vorlage zufrieden sind, klicken Sie auf das grüne Symbol Speichern Schaltfläche in der oberen rechten Ecke.

Schritt 4. Passen Sie den Rest Ihres Themes an

Sie haben jetzt noch 2 Möglichkeiten:

  1. Veröffentlichen Sie das aktuelle WordPress-Theme-Design
  2. Passen Sie den Rest Ihrer Theme-Vorlagen an

Wir empfehlen, die restlichen Theme-Vorlagen, einschließlich Ihrer Homepage, Blog-Seite, Kopf- und Fußzeilen, durchzugehen und sie an Ihr Branding anzupassen.

Alles was Sie tun müssen, ist zurück zu gehen SeedProd » Theme Builder und klicken Sie in einer beliebigen Vorlage auf den Link „Design bearbeiten“. Von dort aus können Sie die Vorlage wie beim Layout „Einzelner Beitrag“ anpassen.

Schritt 5. Veröffentlichen Sie Ihr WordPress-Theme

Es ist ganz einfach, Ihr WordPress-Theme und Ihre Autorenbox mit SeedProd live zu schalten. Gehe zum Theme-Builder Seite und ändern Sie die Aktivieren Sie das SeedProd-Theme auf „Ja“ umschalten.

Jetzt können Sie zu jedem Beitrag auf Ihrer WordPress-Site gehen und Ihr neues benutzerdefiniertes Autorenfeld sehen.

Methode 2: Fügen Sie Ihrem WordPress-Theme eine Autorenbox hinzu

Viele der besten WordPress-Themes verwenden das integrierte Benutzerprofil, um unter jedem Blogbeitrag ein Autorenfeld anzuzeigen. Normalerweise enthält es das Profilbild des Autors und biografische Informationen.

Aber zuerst müssen Sie prüfen, ob Ihr Theme Unterstützung für Autorenfelder bietet.

Sie können dies überprüfen, indem Sie auf gehen Benutzer » Alle Benutzer aus Ihrem WordPress-Administrationsbereich. Bewegen Sie dann den Mauszeiger über das entsprechende Profil und klicken Sie auf den Link „Bearbeiten“.

Auf dem folgenden Bildschirm werden bearbeitbare Informationen zu diesem bestimmten Benutzer angezeigt. Wenn Ihr WordPress-Theme Autorenfelder unterstützt, sollte es weiter unten auf der Seite einen Abschnitt mit dem Namen „Biografische Informationen“ geben.

In diesem Bereich können Sie eine kurze Biografie des Autors hinzufügen und Links zu sozialen Netzwerken oder Autoren-Websites mit HTML einfügen.

Ihr Theme erhält automatisch das Profilbild des Autors vom Gravatar-Dienst, sofern dieser über ein Konto verfügt. Andernfalls wird ein graues Platzhalterbild angezeigt.

Nachdem Sie Ihre Autoreninformationen hinzugefügt haben, klicken Sie auf Profil aktualisieren Taste.

Jetzt können Sie auf einen beliebigen Artikel dieses Autors auf Ihrer Website klicken und dessen Autorenbox live ansehen.

Methode 3: Hinzufügen einer Autorenbox zu WordPress ohne Plugin

Wenn Sie eine WordPress-Autorenbox ohne Plugin erstellen möchten, müssen Sie Ihrem WordPress-Theme eine neue Funktion hinzufügen. Da diese Methode das Bearbeiten Ihrer Designdateien erfordert, empfehlen wir sie nur fortgeschrittenen Benutzern.

Note: Es ist gut Erstellen Sie ein untergeordnetes Thema um benutzerdefinierte Designänderungen vorzunehmen. Auf diese Weise riskieren Sie nicht, dass Änderungen aufgrund eines Theme-Updates verloren gehen. Alternativ können Sie WPCode verwenden, um Codeausschnitte an einer beliebigen Stelle Ihrer WordPress-Site hinzuzufügen.

Um eine WordPress-Autorenbox ohne Plugin hinzuzufügen, kopieren Sie den folgenden Codeausschnitt und fügen Sie ihn in Ihre Datei „functions.php“ ein:

function wpb_author_info_box( $content ) { global $post; // Erkennen, ob es sich um einen einzelnen Beitrag mit einem Beitragsautor handelt if ( is_single() && isset( $post->post_author ) ) { // Anzeigenamen des Autors abrufen $display_name = get_the_author_meta( ‘display_name’, $post->post_author ) ; // Wenn der Anzeigename nicht verfügbar ist, dann verwende den Spitznamen als Anzeigenamen if ( empty( $display_name ) ) $display_name = get_the_author_meta( ‘nickname’, $post->post_author ); // Biografische Informationen oder Beschreibung des Autors abrufen $user_description = get_the_author_meta( ‘user_description’, $post->post_author ); // Website-URL des Autors abrufen $user_website = get_the_author_meta(‘url’, $post->post_author); // Link zur Archivseite des Autors abrufen $user_posts = get_author_posts_url( get_the_author_meta( ‘ID’ , $post->post_author)); if ( ! empty( $display_name ) ) $author_details=”

About ” . $display_name . ‘

‘; if ( ! empty( $user_description ) ) // Avatar und Biografie des Autors $author_details .= ‘

‘ . get_avatar( get_the_author_meta(‘user_email’) , 90 ) . nl2br( $user_description ). ‘

‘; $author_details .= ‘

‘; } else { // Wenn es keine Website des Autors gibt, dann schließe einfach den Absatz $author_details .= ‘

‘; } // All diese Informationen übergeben, um Inhalt zu posten $content = $content . ‘

‘ . $author_details . ‘

‘; } return $content; } // Unsere Funktion zum Beitragsinhaltsfilter hinzufügen add_action( ‘the_content’, ‘wpb_author_info_box’ ); // HTML im Abschnitt „Autorenbiografie“ zulassen Remove_filter(‘pre_user_description’, ‘wp_filter_kses’);

Die Funktion ruft die Informationen des Autors ab und zeigt sie unter den WordPress-Beiträgen auf Ihrer Website an.

Als Nächstes müssen Sie das Autorenfeld so gestalten, dass es zu Ihrem Thema und Ihrem Branding passt. Hier ist ein Beispiel-CSS-Code, den Sie für den Einstieg verwenden können:

.author_bio_section{ Hintergrundfarbe: #F5F5F5; Polsterung: 15px; Rand: 1px fest #ccc; } .author_name{ Schriftgröße:16px; Schriftdicke: fett; } .author_details img { border: 1px solid #D8D8D8; Randradius: 50 %; schweben: links; Rand: 0 10px 10px 0; }

Um diesen Code zu Ihrem Theme hinzuzufügen, klicken Sie auf Aussehen » Anpassen aus Ihrem WordPress-Administrationsbereich. Dadurch wird der WordPress Theme Customizer geöffnet, in dem Sie bestimmte Aspekte Ihres Themes visuell anpassen können.

Scrollen Sie nach unten, bis Sie die Überschrift „Zusätzliches CSS“ sehen, und erweitern Sie die Registerkarte. Fügen Sie dann Ihren benutzerdefinierten CSS-Code ein und klicken Sie auf Veröffentlichen Taste.

Sie können jetzt jeden Blog-Beitrag besuchen und Ihre Autorenbox in Aktion sehen.

Das ist es!

Sie wissen jetzt, wie Sie eine WordPress-Autorenbox ohne Plugin erstellen. Darüber hinaus verfügen Sie über alle Schritte, die Sie zum Hinzufügen einer Autorenbox in WordPress mithilfe eines leistungsstarken Plugins benötigen.

SeedProd ist viel mehr als ein einfaches Autorenbox-Plugin. Es handelt sich um einen vollständigen WordPress-Website-Builder mit allen Tools, die Sie zum Erstellen einer vollständig benutzerdefinierten WordPress-Site für Anfänger und fortgeschrittene Benutzer benötigen.

Warum probieren Sie es nicht selbst aus?

Vielleicht gefällt Ihnen auch dieser andere Beitrag, der beeindruckende Beispiele für Anmeldeseiten für WordPress bietet.

Danke fürs Lesen. Bitte folgen Sie uns weiter YouTube, TwitterUnd Facebook für weitere hilfreiche Inhalte zum Wachstum Ihres Unternehmens.