Creating one full post with a 3 column, 2 row display of 'other posts'

  • Hello, sorry about the title; not sure how I should have worded it.

    Basically I’m trying to create something like this:
    (edit: my bad text drawing didn’t display properly, here’s a poorly drawn jpg instead)
    This is what im trying to accomplish.

    Ignoring all the other elements of the page (header, footer, menu, sidebar, etc) this is what i’d like the main body of the page to resemble. In the column/row section, I’d like to have an excerpt or teaser of the full article, with a thumb on the left and a read more link.

    For the main page I would like a static listing , or perhaps a list of “featured” tagged posts, while on other pages the posts would display randomly.

    I’m using the Yootheme Warp Framework for the extra widget positions if the need ever arose.

    Warp widget positions:
    ‘Warp Layout‘

    Even if this could be done using a widget in a widget position (horizontally 3 columns, 2 rows) it would work well for me. INNER BOTTOM or BOTTOM A

    Or like: https://genesistutorials.com/plug-ins/genesis-post-teasers/

    Thank you very much for reading and hopefully someone can provide some guidance.

    Tyler.

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    There’s a number of possible approaches. You could use widgets, but since you’re not in need of any special functionality, widgets are not needed, I think your only attraction to them is the structure, which is easily accomplished without widgets.

    You would need a special template, so creating a child theme of what ever theme you are using would be in order. You could either display the posts as cells in a table, or solely use CSS to achieve the layout. CSS only approach gives you the most flexibility, but a grid format will take some creative coding to accomplish with only CSS. A table is easy to implement, but is constraining since now appearance is mixed in with content, instead of being kept separate as in a CSS only approach.

    Your special template will generate either the table tags, or the div IDs needed by CSS to accomplish the layout. It will also contain the code that decides what posts go where, whether it is full text or excerpt, etc. There are several ways you could designate which posts are displayed first. By a certain tag, category, meta value, sticky flag, etc.

    I hope this helps you get going in the right direction.

Viewing 1 replies (of 1 total)
  • The topic ‘Creating one full post with a 3 column, 2 row display of 'other posts'’ is closed to new replies.