Så får du en författarruta precis som jag har

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