Adding an Author Image
If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
I was reading a post at a popular marketing forum about adding an author’s image to a post.
The discussion turned to plugins and a few where listed and problems where found with all of them. The one that everyone said worked in all browsers required the wp-content folder to be CHMOD’ed to 777 which is not excitable to me. So I figured I’d show how easy it is to add an author’s image to a post without using plugins.
First I went into my theme’s style sheet and added this little bit of code.
.leftimg {
float: left;
border: 2px solid #000000;
margin-right: 20px;
margin-bottom: 6px;
}
Then I selected the image I wanted to use and uploaded it through the upload function on the Write Post page.
I made the image small enough so I wouldn’t need to place it on the page as a thumbnail in this case 50px by 67px.
Next I went to ‘browse all’ and clicked on the image I wanted to use.
From there I selected to show the image full size, with it not linking to anything.
I selected where I wanted it to show in the post and clicked ’send to editor’.
That placed this code in that spot.
<
img src='http://www.xxxxx.com/xxxxx/xxxxx/xxxxxxx.jpg' alt='thommeyer' / >
To which I added this class to the end so it looked like this.
<
img src='http://www.xxxxx.com/xxxxx/xxxxx/xxxxxxx.jpg' alt='thommeyer' class=”leftimg” />
Naturally to show you what I did I added spaces and x’ed out certain things, but you get the idea.
All in all including resizing the image it took less then two minutes to do.
Now to add it to any future posts it will take about 30 seconds or less with no fuss or muss.
