Efter varje artikel har jag en författarruta med en bild på mig själv, lite information och ett par länkar till min Twitter-sida och prenumerationsformulär för mitt nyhetsbrev. Skulle någon annan skriva på bloggen får han eller hon också en liknande författarruta.
Anledningen till att jag har valt att ha den här informationen är att det blir lite mer personligt. Du som besökare får direkt se och får även lite information om den som har skrivit artikeln. Samt att jag på det här sättet kan pusha lite för mitt Twitterkonto och nyhetsbrev.
Dock fick jag frågan igår hur jag har gjort för att få fram den här författarrutan och därför tänkte jag visa hur jag gjorde.
Så gör du om du använder Thesis
Du går in under Thesis i administrationsgränssnittet för din blogg. Klickar på ”Custom File Editor”, väljer custom_functions.php. Där placerar du följande kod på lämpligt ställe:
function post_footer_author() {
if (is_single())
{ ?>
<div class="postauthor">
<?php echo get_avatar( get_the_author_id() , 100 ); ?>
<h4>Artikel av <a rel="nofollow" href="<?php the_author_url(); ?>">
<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>
<p><?php the_author_description(); ?></p>
</div>
<?php }
}
add_action('thesis_hook_after_post_box', 'post_footer_author');
Det du kan ändra i den här koden är till exempel ”<h4>Artikel av” där du kan ändra storleken på texten och vad det skall stå.
Sen för att det skall se lite snyggt ut kan du lägga till följande kod i custom.css
/* AUTHOR BOX */
.custom #comments { clear: both; }
.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }
.postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
.postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }
För att få den texten och de länkarna som jag har i min författarruta måste du fylla i din profil. Du går in under Användare > din profil. Scrollar ner till rubriken Om dig själv och under där hittar du sen biografi. I rutan där bredvid fyller du i den informationen som du vill skall synas. Som jag skrev tidigare kan du även lägga till länkar här.
För dig som inte använder Thesis
Även om du inte använder Thesis så går det att ha en författarruta efter varje artikel på din blogg. Antingen gör du det genom att lägga in lite kod, How To Add An Author Bio To WordPress Posts eller så använder du ett plugin, Cool Author Box

JG
Nov 03. 2010
Det står att du driver ett flertal bloggar, varför har du ingen info om de andra på denna blogg? Jag hittar inget i alla fall.
Mikael Widéen
Nov 03. 2010
Fokus här är ju denna bloggen och det är väl därför jag inte tagit med några av de andra. Finns dock lite info i den här texten Välkommen till Webmastern – kort introduktion för nya besökare, men den texten är kanske inte den mest synliga.
Stefan
Nov 03. 2010
Tack Mikael för ett trevligt och utförligt svar på min fråga om författarrutan!
Stefan
Nov 04. 2010
Ett litet tips!
Om du kopierar koden direkt härifrån bloggen, så måste du sedan ändra citationstecknen i koden så att raka citationstecken används, detta för att det ska fungera. Detta gäller både de dubbla och de enkla citationstecken.
Mikael Widéen
Nov 04. 2010
Det är inget problem med koden längre då jag har lagt in den i ett plugin som är avsett för att visa kod i bloggposter. Pluginet heter Syntax Highlighter Compress.
Carl Stridsberg
Jan 15. 2011
Hej!
Tack för alla bra tips härinne, Mikael!
Lägger in din blogg på en av mina gamla hemsidor, http://www.sverigesurfen.com. Har en kategori där med ”Bloggar” i länkkatalogen..
//Carl
Mikael Widéen
Jan 15. 2011
Tack Carl!
Speldator
Mar 03. 2011
TAck för tipset! Skall implantera detta på en utav mina sajter direkt!!