ThemeShaper Forums » Thematic

Putting posts from each category on home page

(8 posts)
  • Started 11 years ago by DataGnostics
  • Latest reply from awarner20
  • This topic is resolved
  1. Can someone point me to a child theme or example in which:

    1. there are multiple (2-3) content columns on the home page

    2. each column is for a specific category. (e.g. news, reviews, features)

    3. posts for each category are listed in the column from newest to oldest for a certain distance, then there's a jump to "more news", "more features", "more reviews" or whatever.

    I'd rather not re-invent the wheel.

    Posted 11 years ago #
  2. These are pretty specific needs, and I'm not confident you'll find all these in one theme that already exists. However, if you look in the Thematic folder in the layouts directory you'll see some layout options.

    Posted 11 years ago #
  3. the Thematic folder in the layouts directory

    Do you mean the child themes directory here? Or are you talking about something else?

    Posted 11 years ago #
  4. Nope, not the child theme directory...look in here...


    In there you'll see some stylesheets with your different layout options. You can include any of these stylesheets into your child theme. In your child theme stylesheet.css file, at the very top, you will see this:

    /* Reset browser defaults */
    @import url('../thematic/library/styles/reset.css');
    /* Apply basic typography styles */
    @import url('../thematic/library/styles/typography.css');
    /* Apply a basic layout */
    @import url('../thematic/library/layouts/2c-r-fixed.css');
    /* Apply basic image styles */
    @import url('../thematic/library/styles/images.css');
    /* Apply default theme styles and colors */
    /* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
    @import url('../thematic/library/styles/default.css');
    /* Prepare theme for plugins */
    @import url('../thematic/library/styles/plugins.css');

    See the call up there that looks like this...?

    /* Apply a basic layout */
    @import url('../thematic/library/layouts/2c-r-fixed.css');

    You can change this to call a different layout stylesheet. Just change


    to reference a different sheet.

    Posted 11 years ago #
  5. Oh, them! Yeah, I know about them, but I don't know how to get only posts from one category in one of the columns.

    Posted 11 years ago #
  6. You will have to filter the Thematic category loop that is used and replace it with you're own loop that includes only one category. Basically, you need to remove the default Thematic category loop and replace it with your own (that can include your custom code...and by custom code I mean pulling only one category, or whatever ones you choose).

    Look here to see how to filter the Thematic category loop:

    Look here for including only one category in the loop:

    Posted 11 years ago #
  7. Thank you! I am off to code ...

    Posted 11 years ago #
  8. You're welcome:) Please be sure to post back with your results so we can all benefit from each other.

    Posted 11 years ago #

RSS feed for this topic


You must log in to post.