Change post layout appearance on home page

jdab

Madly Diligent
Joined
Aug 29, 2010
Messages
9,642
Reaction score
1
FP$
21
I am looking to change the way my posts show on www.LevelUnlocked.net. Currently, they show in a list down the page, but I'm wondering if it's possible to change them so they show in a grid format.

So rather than this:
Post 1
Post 2
Post 3
Post 4
Post 5
Post 6

I would have:
Post 1 Post 2
Post 3 Post 4
Post 5 Post 6
Post 7 Post 8
Post 9 Post 10
Post 11 Post 12

Anyone know if this is possible?
 
Kinda like I did it on http://vector.so ?

It's quite easy actually, just create a new PHP file in the wpcontent/yourtheme (eg; grid.php) copy everything from content.php over to grid.php

go into wpcontent/yourtheme/index.php and find:

<?php get_template_part( 'content', get_post_format() ); ?>

change it to: <?php get_template_part( 'grid', get_post_format() ); ?>

Then just edit the HTML in grid.php to make it a grid layout 🙂
 
ShadyX said:
Kinda like I did it on http://vector.so ?

It's quite easy actually, just create a new PHP file in the wpcontent/yourtheme (eg; grid.php) copy everything from content.php over to grid.php

go into wpcontent/yourtheme/index.php and find:

<?php get_template_part( 'content', get_post_format() ); ?>

change it to: <?php get_template_part( 'grid', get_post_format() ); ?>

Then just edit the HTML in grid.php to make it a grid layout 🙂
But what about the sizing of the posts and also the page width? Will they change to accommodate? Ideally I want the same post size but a slightly wider page width.
 
Well idk about making the page wider on just the index page, but you will have to change the HTML in your new PHP file to make it a grid listing. How you will do this will really depend on your theme.
 
ShadyX said:
Well idk about making the page wider on just the index page, but you will have to change the HTML in your new PHP file to make it a grid listing. How you will do this will really depend on your theme.
Okay. I may have to hire you if you have time 😛
 
Back
Top Bottom