Find out in only 2 min
Take the free quiz to reveal the perfect Showit website template for your business!
Which Showit Website Is Right For You?
I’m going to show you how to use the author box in WordPress so that you can end your posts with a brief bio and links to your social networking sites. Most WordPress themes include the use of the author box – if yours does then this tutorial will work for you!
Add Your Profile Picture
First you need to add an image to your author box. Be sure to choose a flattering image that goes with the tone of your blog. Try to use only solo images – so no cropped shoulders and hands from other family members in the photo.
WordPress uses Gravatar to identify your profile pic, so first you need to go to their site and create and account, and then upload an image.
Be sure to use the same email address affiliated with your WordPress site.
Add Your Bio & Links
In WordPress go to Users > Your Profile – scroll down to the About Yourself section. Here you can add the content for your bio. Be sure not to make your bio too long, readers like a short snippet they can easily read in under 5 seconds. I added just enough text to wrap around my image.
To add links simply copy the code below and add your URLs:
<a href="URL.COM" target="_blank">Facebook</a> | <a href="URL.COM" target="_blank">Twitter</a> | <a href="URL.COM" target="_blank">Instagram</a> | <a href="URL.COM" target="_blank">Pinterest</a>
Click save !
Style Your Author Box
You can style your author box with CSS, however the code is a little different for each WordPress theme. For my theme I used:
/* Author Box
------------------------------------------------------------ */
.author-box {
background-color: #fceced;
border:2px solid #c2aa7a;
outline:4px solid #fceced;
margin: 0 0 40px;
overflow: hidden;
padding: 20px;
}
.author-box strong {
font-family: 'LearningCurveDashedProRegular'; /* This is a Google font you'll need to have added to your <HEAD> code */
text-transform:lowercase;
font-size:42px;
line-height:20px;
color:#fa3b7e;
}
.author-box p {
font-size: 14px;
}
In the WordPress admin go to Appearance > Editor. Scroll through the style.css file and look for a reference to Author Box or Author Area. Here is where you can style the background color, border, fonts, etc.
What do you think of this article? Do you have any questions for me? Ask me in the comments box below!
$157 - PAYMENTS AS LOW AS $36.75/MO
Showit Website Template for Health Coach
$157 - PAYMENTS AS LOW AS $36.75/MO
Showit Website Template for Coaches
$157 - PAYMENTS AS LOW AS $36.75/MO
Showit Website Template for Virtual Assistant
$157 - Payments as low as $36.75/MO
Showit Website Template for Coaches
Boost Your Business with Fun Quizzes!
Free Quizzes
Leave a Reply
Next Story
Previous Story
TAKE THE QUIZ
Discover your brand's unique personality + reveal a special offer!
What is Your Brand Personality?
