So fügen Sie in WordPress ohne Plugin eine Autorenbox ein (4 Methoden) 

Wenn Sie nach „Wie fügt man in WordPress eine Autorenbox ohne Plugin hinzu?“ gesucht haben, sind Ihnen sicher schon die Ergebnisse mit den vielen Plugins aufgefallen. Dieser Leitfaden ist anders. Sie können eine Autorenbox mit den in WordPress bereits integrierten Tools hinzufügen.

Eine Autorenbox schafft Vertrauen. Die Leser sehen unter jedem Beitrag Ihren Namen, eine kurze Biografie und ein Porträtfoto, wodurch Ihre Website glaubwürdig wirkt und nicht anonym. In diesem Tutorial werden vier Methoden behandelt, von der einfachsten (ein integrierter Block im Editor) bis hin zu einem individuellen Design mit SeedProd.

Warum Autorenboxen wichtig sind

Eine Autorenbox ist ein biografischer Abschnitt, der unter deinen Blogbeiträgen angezeigt wird. Dort werden in der Regel dein Name, dein Profilfoto, eine kurze Biografie sowie Links zu deinen Social-Media-Profilen oder deiner Website angezeigt.

Die meisten WordPress-Themes zeigen standardmäßig den Namen des Autors in den Beiträgen an, aber sonst nichts. Eine Autorenbox schließt diese Lücke.

Für Einzelblogger ist es ein E-E-A-T-Signal, das Suchmaschinen signalisiert, dass der Inhalt von einer echten Person mit einschlägiger Erfahrung stammt. Bei Websites mit mehreren Autoren sorgt es für Übersichtlichkeit für die Leser und verleiht jedem Mitwirkenden eine eigene Präsenz.

Was sollte in Ihrer Autorenbox stehen?

Bevor Sie Ihre Autorenbox einrichten, sollten Sie wissen, was Sie darin angeben möchten. Zu den wirkungsvollsten Angaben gehören:

• Anzeigename – Dein richtiger Name oder der Name, unter dem dich dein Publikum kennt.
• Kurzbiografie – 2–3 Sätze zu Ihrem Werdegang. Halten Sie sich dabei an Ihr Fachgebiet.
• Referenzen – Einschlägige Erfahrung oder Fachkenntnisse, die Ihre Inhalte untermauern.
• Profilfoto – Ein Porträtfoto. WordPress ruft dieses automatisch von Gravatar ab, wenn deine E-Mail-Adresse mit deinem Gravatar-Konto übereinstimmt.
• Social-Media-Profile – Twitter/X, LinkedIn oder wo auch immer du am aktivsten bist.

Richte diese unter „Benutzer → Profil“ in WordPress ein. Alle vier unten aufgeführten Methoden greifen auf dieselben Profilfelder zurück, sodass eine einmalige Eingabe ausreicht.

So fügen Sie in WordPress ohne Plugin eine Autorenbox ein (4 Methoden)

Wie bereits erwähnt, ist es nicht immer ganz einfach, dein WordPress-Theme so anzupassen, dass es einen Abschnitt mit einer Autorenbiografie enthält. Hier sind vier Möglichkeiten, wie du eine Autorenbox in WordPress ohne Plugin hinzufügen kannst – von der einfachsten bis zur technisch anspruchsvollsten.

Methode 1: Verwenden Sie den WordPress-Autorenblock

WordPress verfügt im Block-Editor über einen integrierten Autorenblock. Ganz ohne Plugin und ohne Programmierkenntnisse. Er ruft deinen Namen, deine Biografie und dein Profilbild automatisch aus deinem Benutzerprofil ab.

Einziger Nachteil: Die Autorenbox wird nur bei einzelnen Beiträgen hinzugefügt, nicht systemweit. Um sie auf der gesamten Website bei jedem Beitrag anzuzeigen, verwende stattdessen Methode 2 (Theme) oder Methode 3 (SeedProd).

Schritt 1. Öffnen Sie einen Beitrag im Block-Editor

Gehe zu „Beiträge“ → „Alle Beiträge“ und öffne den Beitrag, den du aktualisieren möchtest.

Schritt 2. Fügen Sie den Autorenblock hinzu

Klicken Sie im Editor auf das Pluszeichen (+) und suchen Sie nach „Autor“. Wählen Sie den Block „Autor“ aus, der Angaben zum Autor des Beitrags wie Name, Avatar und Kurzbiografie anzeigt. Er wird in der Regel unterhalb des Beitragsinhalts angezeigt.

Schritt 3. Konfigurieren Sie die Blockeinstellungen

In der rechten Seitenleiste findest du Optionen, um den Avatar ein- oder auszublenden, die Größe des Avatars festzulegen, die Biografie anzuzeigen und den Namen des Autors mit dessen Autorenseite zu verlinken.

Schritt 4. Den Beitrag aktualisieren

Klicken Sie auf „Aktualisieren“, um zu speichern. Die Autorenbox wird nun bei diesem Beitrag angezeigt.

Falls deine Biografie oder dein Foto nicht angezeigt wird, gehe zu „Benutzer“ → „Profil“ und fülle das Feld „Biografische Informationen“ aus. Stelle sicher, dass deine E-Mail-Adresse mit deinem Gravatar-Konto übereinstimmt, damit das Foto angezeigt wird.

Methode 2: Hinzufügen einer benutzerdefinierten Autorenbox mit SeedProd (ohne Programmierung)

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

Bei dieser Methode wird das SeedProd-WordPress-Plugin verwendet, um auf einfache Weise einen Abschnitt mit benutzerdefinierten Autoreninformationen hinzuzufügen und ein WordPress-Theme zu erstellen.

SeedProd ist der beste WordPress-Website-Builder mit Drag-and-Drop-Funktionalität. Damit können Sie benutzerdefinierte WordPress-Themen, Layouts und Landing Pages erstellen, ohne eine einzige Zeile Code zu schreiben.

Mit Hunderten von responsiven Vorlagen können Sie schnell loslegen. Außerdem enthält es zahlreiche anpassbare Inhaltselemente, mit denen Sie jeden Zentimeter Ihrer Website anpassen können, ohne einen Entwickler einstellen zu müssen.

Eines dieser leistungsstarken Elemente ist die Autorenbox, mit der Sie Ihre Autorenbiografie an das Design Ihrer Website anpassen und individuelle Links und Inhalte hinzufügen können.

Schritt 1. SeedProd Website Builder Plugin installieren

Um loszulegen, müssen Sie zunächst eine SeedProd-Lizenz erwerben.

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

Nachdem Sie SeedProd auf Ihren Computer heruntergeladen haben, müssen Sie die .zip-Datei des Plugins auf Ihrer WordPress-Website installieren und aktivieren. Hier finden Sie eine Anleitung zur Installation von WordPress-Plugins, falls Sie Hilfe benötigen.

Sobald SeedProd auf Ihrer Website aktiv ist, gehen Sie auf die Seite SeedProd " Einstellungen und geben Sie Ihre Lizenzdaten ein.

Sie finden Ihren Plugin-Lizenzschlüssel auf der SeedProd-Website in Ihrem Kontobereich unter "Downloads".

Schritt 2. Ein WordPress-Theme erstellen

Der nächste Schritt besteht darin, die Seite SeedProd " Theme Builder aufzurufen und auf die Schaltfläche "Themes" zu klicken.

Daraufhin öffnet sich ein Fenster mit mehreren vorgefertigten WordPress-Themes, mit denen Sie schnell loslegen können. Bewegen Sie den Mauszeiger über ein Thema, das Ihnen gefällt, und klicken Sie auf das Häkchen, um es in Ihre Website zu importieren.

Dort sehen Sie eine Liste der einzelnen Vorlagenteile, aus denen sich Ihr Thema zusammensetzt. Das von uns gewählte Online-Autoren-Thema enthält zum Beispiel die folgenden Vorlagen:

• Einzelne Seite
• Einzelner Posten
• Blog, Archiv, Suche
• Homepage
• Seitenleiste
• Fußzeile
• Kopfzeile
• Globales CSS

Normalerweise müssen Sie einen Dateimanager aufrufen, um auf Ihre WordPress-Theme-Dateien zuzugreifen und sie 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 zu schreiben. So können Sie Ihr gesamtes WordPress-Theme durch Zeigen, Klicken, Ziehen und Ablegen anpassen. Ganz einfach!

Schritt 3. Hinzufügen einer Autorenbox zur Vorlage für einzelne Beiträge

Um mit SeedProd eine benutzerdefinierte Autorenbox zu deinem WordPress-Theme hinzuzufügen, musst du zunächst deine Autorenangaben auf deiner Profilseite eintragen. Befolge dazu die Schritte in Methode 2.

Gehen Sie dann zu SeedProd " Theme Builder und suchen Sie die Vorlage "Single Post". Bewegen Sie den Mauszeiger über die Vorlage und klicken Sie auf den Link "Design bearbeiten".

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

Der visuelle Editor von SeedProd hat ein einfaches Layout. Auf der linken Seite befinden sich Blöcke und Abschnitte, die sich leicht zu Ihrem Entwurf hinzufügen lassen. Auf der rechten Seite befindet sich eine Vorschau, in der Sie die Änderungen in Echtzeit sehen können.

Sie können auf eine beliebige Stelle in der Vorschau klicken, um Ihr Seitenlayout und Ihre Blöcke zu bearbeiten. Auf der linken Seite können Sie dann die Einstellungen für jeden Block in Echtzeit anpassen.

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

Template-Tags sind einzelne Blöcke, mit denen Sie dynamische WordPress-Inhalte überall in Ihrem Design anzeigen können. Unser Theme enthält zum Beispiel:

• Titel des Beitrags
• Gekennzeichnetes Bild
• Post-Infos
• Kommentare schreiben

Diese Informationen werden automatisch aus Ihrer WordPress-Datenbank übernommen, so dass Sie sie überall in Ihr Theme einfügen können.

Um eine Autoren-Bio zu Ihrem Thema hinzuzufügen, suchen Sie den Block "Autoren-Box" unter der Überschrift "Vorlagen-Tags" und ziehen Sie ihn unter Ihre Beiträge.

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

• Das Profilbild ein- oder ausblenden
• Anzeigen oder Ausblenden des Anzeigenamens
• HTML-Tag-Typ
• Fügen Sie einen Link zur Website oder zu Archivbeiträgen ein
• Biografie des Autors anzeigen oder ausblenden

Wenn Sie auf die Registerkarte " Erweitert" klicken, stehen Ihnen noch mehr Anpassungsmöglichkeiten für das Autorenfeld zur Verfügung. Im Abschnitt "Stile" können Sie zum Beispiel die Schriftarten, Schriftfarben und Schatten ändern.

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

Sie können auch die Abstände und Ränder anpassen und der Autorenbox eine eigene CSS-Klasse zuweisen.

Jetzt müssen Sie nur noch das Layout des einzelnen Beitrags anpassen.

Wenn Sie ein wenig Hilfe benötigen, finden Sie hier eine Schritt-für-Schritt-Anleitung, wie Sie eine benutzerdefinierte Single Post-Vorlage mit SeedProd erstellen. Sie führt Sie durch all die verschiedenen Blöcke und Einstellungen, die Sie benötigen, und zeigt Ihnen, wie Sie diese bearbeiten.

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

Schritt 4. Anpassen des restlichen Themes

Sie haben jetzt noch 2 Möglichkeiten:

1. Veröffentlichen Sie das aktuelle WordPress-Theme-Design
2. Anpassen der übrigen Vorlagen Ihres Themas

Wir empfehlen, die übrigen Vorlagen des Themas, einschließlich der Homepage, der Blogseite, der Kopf- und Fußzeilen, durchzugehen und sie an Ihr Branding anzupassen.

Gehen Sie einfach zurück zu SeedProd " Theme Builder und klicken Sie bei einer Vorlage auf den Link "Design bearbeiten". Von dort aus können Sie die Vorlage so anpassen, wie Sie es mit dem Layout "Einzelner Beitrag" getan haben.

Schritt 5. Veröffentlichen Sie Ihr WordPress-Theme

Es ist ganz einfach, Ihr WordPress-Theme und Ihre Author Box mit SeedProd live zu schalten. Gehen Sie zur Theme Builder Seite und ändern Sie den Schalter "SeedProd Theme aktivieren" auf "Ja".

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

Methode 3: Nutzen Sie die Autorenbox-Funktion Ihres WordPress-Themes

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

Zunächst müssen Sie jedoch prüfen, ob Ihr Theme die Autorenboxen unterstützt.

Sie können dies überprüfen, indem Sie in Ihrem WordPress-Administrationsbereich auf Benutzer " Alle Benutzer gehen. Fahren Sie dann mit dem Mauszeiger über das entsprechende Profil und klicken Sie auf den Link "Bearbeiten".

Auf dem folgenden Bildschirm können Sie Informationen über den jeweiligen Benutzer bearbeiten. Wenn Ihr WordPress-Theme Autorenboxen unterstützt, sollte weiter unten auf der Seite ein Abschnitt mit der Bezeichnung "Biografische Informationen" zu finden sein.

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

Ihr Thema bezieht automatisch das Profilbild des Autors vom Gravatar-Dienst, wenn dieser ein Konto hat. Andernfalls wird ein graues Platzhalterbild angezeigt.

Nachdem Sie Ihre Autoreninformationen hinzugefügt haben, klicken Sie auf die Schaltfläche Profil aktualisieren.

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

Wenn die Autorenbox nach dem Ausfüllen Ihrer Biografie nicht angezeigt wird, unterstützt Ihr Theme möglicherweise keine integrierte Autorenbox. Verwenden Sie in diesem Fall Methode 1 (Autorenblock) für eine schnelle Lösung oder Methode 3 (SeedProd) für ein individuelles Design.

Methode 4: Manuelles Hinzufügen einer Autorenbox zu WordPress mithilfe von Code

Wenn Sie eine WordPress-Autorenbox ohne ein Plugin erstellen möchten, müssen Sie eine neue Funktion zu Ihrem WordPress-Theme hinzufügen. Da bei dieser Methode die Dateien Ihres Themes bearbeitet werden müssen, empfehlen wir sie nur für fortgeschrittene Benutzer.

Hinweis: Es ist ratsam, ein Child-Theme zu erstellen, um benutzerdefinierte Änderungen am Theme vorzunehmen. Auf diese Weise riskieren Sie nicht, dass Änderungen durch ein Theme-Update verloren gehen. Alternativ können Sie WPCode verwenden, um Codeschnipsel überall auf Ihrer WordPress-Website hinzuzufügen.

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

function wpb_author_info_box( $content ) {
 
global $post;
 
// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
 
// Get author's display name
$display_name = get_the_author_meta( 'display_name', $post->post_author );
 
// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
 
// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
 
// Get author's website URL
$user_website = get_the_author_meta('url', $post->post_author);
 
// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
 
if ( ! empty( $display_name ) )
 
$author_details = '<p class="author_name">About ' . $display_name . '</p>';
 
if ( ! empty( $user_description ) )
// Author avatar and bio
 
$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';
 
$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>'; 
 
// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {
 
// Display author website link
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';
 
} else {
// if there is no author website then just close the paragraph
$author_details .= '</p>';
}
 
// Pass all this info to post content
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
return $content;
}
 
// Add our function to the post content filter
add_action( 'the_content', 'wpb_author_info_box' );
 
// Allow HTML in author bio section
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 musst du die Autorenbox so gestalten, dass sie zu deinem Theme und deinem Branding passt. Hier ist ein Beispiel für CSS-Code, mit dem du loslegen kannst:

.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
 
.author_name{
font-size:16px;
font-weight: bold;
}
 
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

Um diesen Code zu Ihrem Theme hinzuzufügen, klicken Sie in Ihrem WordPress-Administrationsbereich auf Darstellung " Anpassen. 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 die Schaltfläche Veröffentlichen.

Sie können jetzt jeden Blogbeitrag besuchen und Ihre Autorenbox in Aktion sehen.

Häufig gestellte Fragen

Sie wissen jetzt, wie Sie eine WordPress-Autorenbox ohne ein Plugin erstellen können. Außerdem haben Sie alle Schritte, die Sie benötigen, um eine Autorenbox in WordPress mit einem leistungsstarken Plugin hinzuzufügen.

SeedProd ist viel mehr als ein einfaches Autorenbox-Plugin. Es ist ein kompletter WordPress-Website-Builder mit allen Tools, die Sie benötigen, um eine vollständig benutzerdefinierte WordPress-Website für Anfänger und fortgeschrittene Benutzer gleichermaßen zu erstellen.

Warum probieren Sie es nicht selbst aus?

Vielleicht gefällt Ihnen auch dieser andere Beitrag, der beeindruckende Beispiele für Login-Seiten in WordPress bietet.

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.