Kategorie: Technik
Autoreninformationen und Profilbild unter WordPress-Artikel einfügen
WordPress Hack | Von Haus aus legt WordPress für jeden Autor/Teilnehmer ein eigenes Profil an. Und weil jeder Beitrag mit einem Autor verknüpft wird, kann man die Daten des Autorenprofil ober- oder unterhalb des Beitrages anzeigen. Das personalisiert den jeweiligen Beitrag und macht besonders bei einem Weblog mit mehreren Autoren Sinn. Leider fehlt bisher aus unerklärlichen Gründen ein Feld für die URL zu einem Bild. Mit dem folgenden Hack nutzt man die WordPress-Bordmittel. Plugins und ein Verbiegen von WordPress sind hierbei vollkommen unnötig.
Foto: flickr.com/photos/s4n7y/
Seit ich damals für das DJ Magazine - Gott hab es selig - geschrieben habe, mag ich die Idee, dass ein (Print)Magazin oder Weblog seine Autoren unter jedem Beitrag vorstellt oder versammelt auf einer ganzen Seite.
Und weil auf Phlow auch Autoren außer mir Artikel veröffentlichen, bietet sich die Ausgabe eines Autorenprofils an. Dieses kann der jeweilige Autor selbst pflegen samt Eingabe und Verlinkung seiner Website. Mit WordPress und dem vorhanden Autorenprofil bietet sich die Ausgabe ober- oder unterhalb eines Beitrages an.
Autorenbilder für WordPress-Einträge
Das WordPress-Benutzerprofil beinhaltet Felder für Namen, Nick, URL, Kurzbeschreibung und verschiedene Instant-Messanger-IDs. Wichtig und schön ist neben den Autoreninformationen jedoch auch ein Portrait bzw. ein kleines Avatar-Bild. Warum ein Bilder-Upload oder ein Feld für die URL zu einem Benutzerbild unter WordPress fehlt, ist mir schleierhaft. Anstelle dessen gibt es unnötige Eingabefelder für Instant-Messager wie AIM und so…
Um neben dem Namen und der Beschreibung des Autoren auch ein Bild anzuzeigen, verknüpft Ihr in Euren Templates ein Bild einfach über den folgenden Code:
<img src="<?php bloginfo(’template_directory’); ?>/images/autor_id_<?php the_author_ID(); ?>.jpg” />
Der obige Code baut Euch die URL zu einem Bild zusammen. Angenommen Euer eigenes Profil hat die ID 4, dann ladet Ihr ein Bild mit dem Namen autor_id_4.jpg in das Image-Verzeichnis Eures aktiven Themes hoch. Den Link generiert WordPress automatisch mit Hilfe des Befehls <?php bloginfo('template_directory'); ?>.
Um dem Bild noch den Namen des Autoren mitzugeben, fügt Ihr am besten noch den folgenden Code noch ein:
alt="Phlow-Autor <?php the_author() ?>
Damit bleibt alles fein ausgezeichnet. Das Code-Snippet, dass hier auf Phlow und bald auch auf Phlow-Magazine.com zum Einsatz kommt, sieht dann so aus (leicht abgespeckte Version)… Ach und das Ergebnis seht Ihr gleich hier unter dem Beitrag. Zusätzlich steht Euch auch noch die Option unter WordPress zur Verfügung dem Profil einen Link auf eine Übersichtsseite mit sämtlichen Einträgen des jeweiligen Autors beizufügen:
<?php the_author_posts_link(); ?>
Code-Snippet für Autoreninfos unter WordPress-Beiträgen
<div id="autor-info">
<a href="<?php the_author_url() ?>" title="Website von Autor <?php the_author() ?>"><img alt="Phlow-Autor <?php the_author() ?>" src="<?php bloginfo('template_directory'); ?>/images/images_user/autor_id_<?php the_author_ID(); ?>.jpg" /></a>
Dieser Artikel wurde am <?php the_time('d.F Y') ?> von <a title="Website von <?php the_author() ?>" href="<?php the_author_url() ?>"><strong><?php the_author() ?></strong></a> geschrieben.
<?php the_author_description() ?>
</div>
Dieser Artikel wurde am 06.April 2008 von mo. geschrieben.
mo. ist Journalist, Buchautor und Webdesigner. Neben dem deutschen Phlow-Magazin betreut er auch die englische Edition unter Phlow-Magazine.com. Der Musikliebhaber lebt und liebt (in) Köln. Noch mehr Artikel von mo..
Immer auf dem Laufenden mit dem ungekürzten RSS-Feed von Phlow! Freie MP3-Musik aus der globalen Netlabel-Szene liefert unser Phlow-Magazine-Podcast kostenlos!
6 Kommentare bis jetzt...
hey! wo hast du mein bild her? ;D
meint bee rhymes am 6. Apr 2008 um 22:35 | Commentlink #1
das titelbild? *hehehe* verrat ich nicht!
meint mo. am 7. Apr 2008 um 09:15 | Commentlink #2
Schön, aber bei einem Multi-Autoren-System sollten die Autoren ihre Bilder selbst hochladen können… und denen zu erklären, dass sie dazu Ihre Autoren-ID rausfinden müssen und ein Bild danach benennen sollen ist oft eher schwierig.
meint Christoph am 8. Mai 2008 um 11:47 | Commentlink #3
@christoph: nene, das hast du falsch verstanden. das muss schon der webmaster selbst machen. aber das ist einmal nur einmal arbeit und die ID steht schon bei wordpress im jeweiligen benutzer-profil. leider muss man das bei wordpress händisch machen, das hier vorgestellte tutorial ist so eine art workaround.
meint mo. am 8. Mai 2008 um 12:38 | Commentlink #4
Hallo,
evtl blöde Frage, aber wo und in welcher Datei muss ich den Code einfügen? ;)
Danke
meint Dennis am 13. Jul 2008 um 15:21 | Commentlink #5
das Code-Snippet fügst du an der stelle ein, an welcher du die informationen sehen willst. in der regel ist das das Template single.php => achte darauf, dass das Code-Snippet innerhalb von the_loop (http://codex.wordpress.org/The_Loop) ist.
mehr erfährst du in der wordpress dokumentation unter http://codex.wordpress.org/ und die tags findest du unter http://codex.wordpress.org/Template_Tags/
meint mo. am 14. Jul 2008 um 13:13 | Commentlink #6
Schreib einen Kommentar!