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

Skapad av disruptive.nu
0
0
  


Webbentreprenör som driver ett flertal bloggar däribland den här. Varit på nätet sedan 1996 då jag startade min första sajt. Följ mig på Google+ och prenumerera gärna på bloggens RSS-feed. Missa inte heller Q&A-sidan där du kan ställa och svara på frågor.

Advertisement

9 Responses to “Så får du en författarruta precis som jag har”

  1. 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.

    Reply to this comment
  2. Stefan

    Nov 03. 2010

    Tack Mikael för ett trevligt och utförligt svar på min fråga om författarrutan!

    Reply to this comment
  3. 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. :-)

    Reply to this comment
  4. 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

    Reply to this comment
  5. Speldator

    Mar 03. 2011

    TAck för tipset! Skall implantera detta på en utav mina sajter direkt!!

    Reply to this comment

Trackbacks/Pingbacks

  1. Personligare blogg — theCloudhost bloggen - 2010/11/04

    [...] att få till författarrutan så fick jag hjälp av Mikael som har bloggen Webmastern. I artikeln ”Så får du en författarruta precis som jag har” beskriver Mikael hur man på ett enkelt sätt lägger till nödvändig [...]

Leave a Reply