WordPress Tipp: Ein Autorenfeld einfügen

Besonders bei WordPress-Blogs mit meh­reren Autoren ist es prak­tisch ein kleines Feld mit Name, Bild und einem kurzen Introtext des Artikel-Autors am Ende jedes Artikels ein­zu­fügen. Ein sol­ches Feld kannst du ganz ein­fach in dein Theme ein­bauen, indem du in deine single.php-Datei einen kleinen Codeschnipsel ein­fügst, und die ent­spre­chenden Styles in deiner CSS-Datei anpasst.

Öffne also die single.php Datei in deinem Theme und suche diese Zeile:

<?php the_content(__('')); ?>

Darunter fügst du jetzt fol­genden Codeschnipsel ein:

<div class="postauthor">
<?php echo get_avatar( get_the_author_id() , 80 ); ?>
<h4>Autor des Artikels: <?php the_author(); ?></h4>
<p><?php the_author_description(); ?></p>
</div><!--end postauthor-->

Jetzt öffnest du deine style.css Datei und fügst diese Styles hinzu:

.postauthor {
    position: relative;
    overflow: hidden;
    background: #EFE9DF;
    border: 1px solid #AA9B8A ;
    padding: 15px;
    margin: 10px 0;
}

.postauthor h4 {
   font-size: 24px;
   margin: 0 0 10px 0;
}

.postauthor img {
   float: left;
   background:#C9BBAA;
   border:#AA9B8A solid 1px;
   margin:0 20px 0 0;
   padding:5px;
}

Du soll­test die Styles natür­lich jetzt noch an dein eigenes Design anpassen.

Falls du noch kein Beschreibungstext für die Autoren ange­legt hast, kannst du diesen im WordPress-Admin unter Autoren & Benutzer bei »Biographischen Angaben« einfügen.

Eine sehr detailierte Beschreibung und etliche wei­tere Optionen zum Thema Autorenfeld fin­dest du auf dem Themeforest-Blog.

Hast du Fragen zum Code oder der Beschreibung, dann schreibe mir doch ein­fach einen Kommentar. Ich freue mich auf deine Nachricht!

7 Kommentare

  1. Barbara

    Vielen Dank für diesen tollen WordPress-Tipp. Für Blogs mit meh­reren Autoren ist so ein Autorenfeld natür­lich schon sehr prak­tisch. Diesen Tipp werde ich mir auf jeden Fall merken :)

  2. Ellen

    @Barbara: Vielen Dank für deinen Kommentar. Ja, ein Autorenfeld finde ich auch echt super. So bekommt der Leser einen kleinen Einblick, wer diesen Artikel über­haipt geschrieben hat. Und das Einbauen ist auch gar nicht schwierig :-)

  3. Steff

    Hallo Ellen,
    toller Tipp. Habe ich auch direkt umge­setzt. Doch die große Frage bei mir noch ist: Wie kann ein Benutzer einen Avatar hoch­laden?
    Danke noch mal für den Artikel und im Voraus für deine Hilfe. :)

  4. Ellen

    @Steff, vielen Dank für deinen Kommentar :-)

    Einen Avatar gekommst du ent­weder, indem du dich bei gravatar.com anmel­dest. Hier auch noch eine kleine Anleitung dazu.

    Oder du mel­dest dich bei wordpress.com oder wordpress.org z.B. im Forum an.

    Das Avatarbild im Autorenfeld und auch in Kommentaren auf WordPress-Blogs wird dann immer auto­ma­tisch eingefügt.

    Ich hoffe meine Antwort hat dir weiter geholfen.

    Viele Grüße
    Ellen

  5. Nico

    Hallo Ellen,

    vielen Dank für den Artikel.

    Ich habe ein Autorenfeld auf meiner Internetseite ein­ge­fügt.
    Jetzt möchte ich aber einen Gastartikel ver­öf­fent­li­chen. Gibt es neben dem Erstellen eines neuen Benutzers im Admin-Bereich noch eine andere Möglichkeit, den Autor des Gastartikels im Autorenfeld einzufügen?

    Vielen Dank und viele Grüße
    Nico

  6. Olaf

    Vielen lieben Dank, das Autorenfeld funk­tio­niert wun­derbar… doch eine Frage bleibt. Was soll man machen wenn man möchte dass das Autorenfeld nur bei Artikeln einer bestimmten Kategorie auf­tau­chen??? Wo muss man was eingeben?

  7. jacob

    halli hallo,
    leider läufts bei mir nicht ganz so fluffig.
    wenn ich mir die vor­schau des arti­kels ansehe, kommt der auto­ren­kasten ganz normal. dieser ist aller­dings nicht zu sehen, wenn ich mir den artikel auf der öffent­li­chen seite ansehe.
    Jede Hilfe ist herz­lichst will­kommen, vielen Danke,

    Jacob

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*


Top