Feb 17
Unique Blog Posts and WordPress Tips
Today I would like to talk about blogs that have a unique design for each post. They break the traditional blog layout by designing a different theme for each post based on the topic. Designing a different layout for each topic requires a lot of time and creativity. So, we should appreciate these blogazines who spend their extra time to make your reading more pleasurable. If you would like to join this unique post trend, below are some excellent examples and WordPress tips on how to implement it.
72ave
Every post on 72ave is well planned and designed — from color theme to layout to typography. Truely amazing work!
Dustin Curtis
Dustin shows a table of content on his landing page. For each post, there is a different theme that goes with the topic.
Kyle Fiedler
Paddy Donnelly
The interesting feature about Paddy’s blog is he gives hint about the next topic at the end of each post.
Jack Cheng
Beside the unique blog posts, I’m particularly impressed by the scrolling timeline navigation located at the top.
Gregory Wood
David DeSandro
If you worry about site branding and consistency, here is a good example to solve this problem. David DeSandro plays around with the content and comment area, but the header and footer remain the same.
Jason Santa Maria
Trent Walton
Trent Walton made it so easy to manage his blog posts by keeping the header and footer black which goes well with any light color theme. What make this blog stands out are the background images, color theme, and typesetting.
Occasional Unique Posts
Is unique blog post design taking too much of your time? Try to do it occasionally or on a special post like Smashing Magazine and Designer Informer.
Tips For Creating Unique Posts With WordPress
Creating custom post layout with WordPress is relatively easy. I find the easiest way is to design the blog posts on your local computer and then call the custom stylesheets with the WordPress’s custom field feature.
- On your local computer, first create a folder (eg. drafts) to store your blog posts. Duplicate a copy of your theme’s style.css file in the draft folder. For every blog post, create a new folder (eg. custom-post-title).
- For each post, create a new HTML file for writing and a new CSS file for custom layout where you override the theme’s style.css.
- When you are done with the draft and the post design, upload the custom stylesheet to your server. In the backend, create a custom field (eg. custom-style) where you input the path of the custom CSS file.
Now in your theme header.php file, add the following code after the main style.css.
<?php $customcss = get_post_meta($post->ID, 'custom-style', true); ?>
<?php if ($customcss != "") { ?>
<link href="<?php echo $customcss ?>" rel="stylesheet" type="text/css" />
<?php } ?>New WordPress Theme: Notepad WordPress Workshop: Zero to Hero
Comments
Pages: 8 7 6 5 4 3 2 1 » Show All
There are 73 comments (+Add)
Pages: 8 7 6 5 4 3 2 1 » Show All
Loading ...
73 Arshad Cini http://www.designbeep.com
September 1st, 2010 at 5:08 am
I’^m gonna try custom post design for a few posts
Thanks
72 English Chinese Translation Services http://www.itranslation.com.sg
August 26th, 2010 at 3:00 am
I truly believe that this is the way the web should be going. If there is anyone out there saying that this is just a trend I would say that the same could be said about designing in templates.
71 digitaldogs http://www.digitaldogs.com/
August 19th, 2010 at 6:57 am
Custom Web design and Development Company specializes in offering complete range of internet marketing & online solutions to improve your communications, sales, business efficiency, and customer satisfaction.
70 Penang Web Design http://www.weebernet.com
August 2nd, 2010 at 1:12 am
wonderful article…thanks….
69 Judith Norris http://pianolessonsinglendaleaz.com
July 30th, 2010 at 11:56 pm
Mountainview Music Studio is all about learning music through playing the piano. Students are taught the traditional method of learning to read music, not names, lines and spaces, and rhythm. The instructor has a degree in music education and has taught public school music as well as private lessons for over twenty-five years. Her gentle, calm approach to teaching comes from a thorough knowledge of how children or adults learn best.
Mountainview Music Studio is a full teaching environment with a Knabe grand piano for lessons, a Roland digital full keyboard spinet with prerecorded accompaniment tapes to play with to enhance rhythm and provide ensemble experience.
68 code pixelz media http://codepixelzmedia.com
July 8th, 2010 at 5:34 am
wonderful article very helpful inded.
67 Media Monitoring http://meltwater.com/mnews/en/why-media-monitoring
July 7th, 2010 at 10:18 pm
I like Kyle Fiedler’s. It’s neat and kind of color-coordinated. I personally like the flower vectors in you site too! very pretty!:)
66 phoenix web design company http://phoenix-web-design.org/
July 1st, 2010 at 10:57 pm
Hi Montreal,
I like your comment. Your ideas sounds good!
i shall get back you soon to get a bit of help.
will chase
65 utari http://tric06.student.ipb.ac.id/
June 27th, 2010 at 11:45 am
all of the web design is so cool, great!!
64 ndrew http://hendrop06.student.ipb.ac.id
June 27th, 2010 at 12:44 am
love David DeSandro’s site
great home page i guess with a nice color..
=)