Several readers commented on the new magazine style look of how to make a blog front page. Good thing about WordPress Thesis Theme is that it lets you customize WordPress blog with features like magazine style without much knowledge of design or coding.
In this article I will show how easy it is to get a customized magazine style look with help of Thesis Theme.
- Need Thesis Theme version 1.4 or higher. If you bought Thesis Theme at any point in time, you can just login and download the latest version for free.
- Decide on number of posts you want to be shown on the blog front page (Settings – Reading). I have 18 blog posts currently.
Thesis Theme Teasers – Step-By-Step Install
Go in Appearance – Design Options in your WordPress blog menu and look under “Home Page Layout and Content”. These are the steps to take when installing Thesis teasers:
In Thesis 1.5 the Teasers menu is in “Thesis Options” listed as “Home Page Display” under “Home Page”
- Set Home Page Layout to “Features & Teasers”.
- Choose the number of featured posts to show. I show zero featured posts, so all the posts on front page are teasers only.
- Select your teaser display options. I display Post Title, Post Excerpt, Number of Comments and Link to Full Article, but you can mix and match it so it fits your needs.
- Choose the link display text. I have it set as “Read the full article →”.
- Select the teaser font sizes. I have font size 20 for post title, size 14 for post excerpt, 10 for number of comments and 14 for link to the full article.
- Choose the position of thumbnails. I have it set as “Left with text wrap” for horizontal position and “Before post/page content” for vertical position.
- Thumbnail width and height I have set as 66×66.
Align teaser text with one line of code
Align the text of your teasers with a simple line of code in your custom.css file:
.custom .teaser { text-align: justify; }
When this is setup your blog front page will have a very cool and modern look. Not many Thesis powered blogs have used this option yet as it is a brand new feature in Thesis so your blog will surely send a positive impression to your visitors.
Excerpts and thumbnails done automatically
The process with teasers and thumbnails on your front page is all done automatically. You just write your posts as usual.
Thesis will automatically place an excerpt of your post and also automatically resize the picture your have in your post into a thumbnail size. Just use the Thesis option “Post image and Thumbnail” when adding pictures to your blog posts.
If you want to write the text that is displayed in the teaser manually, use the “Excerpt” option in your blog post. In ”Post image and Thumbnail” you can also manually insert the thumbnail.
Want additional blog customization?
If you have installed WordPress blog then I have even more Thesis Theme blog design customization tips for you to check out and improve your blog.
Image by Tony The Misfit
Join thousands of bloggers and get all my blogging tips for FREE! Subscribe to HowToMakeMyBlog via RSS or via e-mail.
{ 77 comments… read them below or add one }
← Previous Comments
Marko, I know how to add a video to a post. What is the code to wrap text around the video?
Thanks Great info!!!!
Marko,
What do you mean when you write…
“Just use the Thesis option “Post image and Thumbnail” when adding pictures to your blog posts.”
Where is that option?
thanks,
Dave
Thesis resizes your teaser images automatically as well.
← Previous Comments