A favorite practice of mine when I have images in my blog articles is to frame the image with a border. Thus it is quite disappointing for me to note that many theme developers do not include this in their stylesheet. Even the Frugal Theme that I am using now do not provide for this, even though the option is there to frame the Thumbnails. The Thesis Theme does this wonderfully with the options under the post editor where I can chose whether to frame the image and where to place the image for each individual post. I seriously think the Frugal Team should include this in their future updates. It is a very useful feature for those who likes to include an image in their post.
How To Add Frames To Your Images In The Frugal Theme
To frame your images if you are using the Frugal Theme, or any other WordPress Theme that does not provide for this, you will have to add in a line of CSS codes into your custom stylesheet. Under the Appearance – Editor in your WordPress Dashboard, open custom css and paste in this line of codes.
body.custom img.frame { padding: 9px; border: 1px solid #ddd; background: #ddd; }
If you are using any Theme other than the Frugal, and the Theme does not come with a custom css file, insert the codes directly to your stylesheet, without the words, “body.custom”
The padding is the width of the frame, the border surrounds the frame and of course the background decides the color of the frame. Change it to your liking.
After you have those codes in place, upload your image the normal way and then add the word frame after the align attribute like thus.
class="aligncenter frame
The picture will then be wrapped up in a frame like what you see here.
When To Frame Your Image
Adding frames does not always enhance the image. So you should not frame every image that comes your way. Sometimes an image does looks better without frames. Here are 2 tips on when you should frame an image so that it looks more appealing to your readers.
If the image background differs from your content background, frame it.
If the image does show show the complete picture, frame it.
When Not To Frame
If the image has the same background color or has a transparent background (.png image) and if the image shows the full picture, do not put a frame around it.
Try it to see an improvement in the overall look of your blog.
Hello,
Like this and it actually works but only problem is that what if I don’t want to add aligncenter frame always for each frame but would like to have it set as the default, so it adds the code automatically everytime?
Thanks
Bohdan
Then you will have to go to your stylesheet, find the css codes for img,(eg: img alignleft, img alignright and img aligncenter) then add in all the frame codes there.