Grow your CSS skills. Land your dream job.

Separate post formats in WordPress

  • mbt
    # February 23, 2013 at 6:20 am

    I was wondering how to create a layout like that of the CSS Tricks homepage whereby ‘standard’ posts are shown on the left and ‘link’ posts on the right.

    How would I achieve this layout? Would it involve having to manipulate post formats in WordPress?

    Any help would be appreciated.

    # February 23, 2013 at 7:36 am

    Although I’ll have time to write a more detailed post later – with some example code – the quick answer is that you will need to run a custom loop to get only links as the default only outputs posts. In order to do this, there are several routes you can take: using [query_posts()](http://codex.wordpress.org/Function_Reference/query_posts “”) ([screencast](http://css-tricks.com/video-screencasts/91-the-wordpress-loop/ “”)) or initializing a new instance of the [WP_Query()](http://codex.wordpress.org/Class_Reference/WP_Query “”) class.

    # March 20, 2013 at 5:40 pm

    Yep, it’s just running multiple loops for what you need. WP_Query is great for that. It’s covered in both series in The Lodge =)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".