Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

HOWTO: Making an Author Bio/Information Box


  #1  
Old Mar 6, 2014, 06:49 PM
kdawes01's Avatar
kdawes01
 
95 posts · May 2009
Missoula, MT
There are many different "Author Bio Box" plugins. Some good, some less than good... some no longer supported.
Did you know that you can make a nice Author Box within Atahualpa? You can!

First, if you want the author's photo to appear, you will need to do a tweak to an Atahualpa file... I know, I know... that's a no-no. Here's the tweak...
http://wordpress.org/support/topic/gravatar-in-byline Flynn was going to put it into an update of Atahualpa, but unfortunately it never made it. (Moderators... Maybe it could be included in the next Atahualpa update?? Pretty please?? ;-)
You'll also want to add the plugin "User Photo" - It works nicely with this.

Next, in the Atahualpa Theme Options/ Edit Post/Page Info Items, scroll down and place the following above whatever you have in the "Footer: Single Post Pages", or wherever you are going to want the bio box to appear.

Code:
<div class="author-box">
  <div class="author-bio">%author-description%</div>
  <div class="author-info">
    <p class="author-name">%author-firstname% %author-lastname%</p>
    <p class="author-posts">%author-posts-link%</p>
    <p class="author-website">
      <a href="%author-url%">%author-firstname% on LinkedIn</a></p>
  </div>
  <div class="author-gravatar">%gravatar%</div>
</div>
I realize that I went a bit overboard with the classes, but my client's site needed some specific css.
Speaking of css, here's basically what I used in Atahualpa's "HTML/CSS inserts page. Obviously, your css needs will differ but this is a good starting point...

Code:
/* Author Bio Box  */
.author-box {
position:relative;
min-height:130px;
width:660px;
margin:10px auto;
border: solid 1px #cccccc;
}

div.author-bio {
position:relative;
width: 400px;
padding:10px;
}
.author-info {
position:absolute;
width:136px;
top:0px;
right:105px;
text-align:right;
}
.author-name {
margin-top:4px;
}

.author-posts:before {
content:"View all posts by \A ";
white-space: pre; /* or pre-wrap */
}

.author-posts a, .author-website a{
color:#2e4672 !important;
text-decoration:underline !important;
font-weight:600 !important;
line-height:18px;
}
.author-gravatar {
position:absolute;
width:80px;
text-align:center;
right:18px;
top:50%;
margin-top:-40px;
}
Well, there you go... An Author Bio Box without a plugin thanks to the wonderful versitility of Atahualpa.

If you like tidbits like this, do tip your Moderators and the author of Atahualpa, Flynn!! They work hard to help folks use this amazing theme!
__________________
Ken | The Web Mechanic
Many thanks to Flynn for the amazing Atahualpa. Please consider a donation!

Bookmarks

Tags
author bio, author info box

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Update? I don't see the information on the changes danielmckay Montezuma Theme 0 Oct 29, 2012 12:23 PM
How to Show Author Information in New Pages Ahmad Center area post/pages 4 Jul 25, 2012 12:43 PM
Trying to get help on removing the footer information disfasia New Versions, & Updating 1 Jun 19, 2012 12:12 PM
[SOLVED] How to Add Author Description to Page generated by &quot;%author-posts-link%&quot; Steve41 Post-Kicker, -Byline & -Footer 3 Dec 15, 2010 03:46 PM
Styling %author% and %author-posts-link% Aris Post-Kicker, -Byline & -Footer 2 Jul 6, 2010 10:34 PM


All times are GMT -6. The time now is 10:13 PM.


Powered by vBulletin® Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.