Using "The Grid" for Blog Page

Support
#1

Hi,

I’ve just created my first blog page using THE GRID extension. I did this by creating a page and inserting the GRID shortcode as a TEXT element in Cornerstone.

It looks great but unsurprisingly it doesn’t apply my new GRID layout to the Category and Author archives. How do I accomplish this?

Also - when I load the new blog page it briefly displays as four columns before changing to the desired two column layout. This looks a little ugly - I don’t know why it’s doing this. I’d like it to go straight to the two column layout. I noticed when I viewed the page in Cornerstone it’s also showing this same 4 column layout (see attachment). Any ideas what’s happening here, and how can I resolve it?

Many thanks in advance.

Best Regards
Mark

#2

Hey Mark,

Thanks for writing in! You may have set up the grid for your blog index and archive pages incorrectly. To properly set it up, please check out this documentation: https://theme-one.com/docs/the-grid/#!/grid_as_template

Please let us know how it goes.

#3

Thanks RueNel.

I followed the link you provided. It states “…you need to edit the index/search/archive.php file located at the root folder of your theme” but I’m not sure where to find these files.

I’ve found 3 index.php files - one in the root of my PUBLIC folder, one in my WP-CONTENT folder and one in my THEMES folder, but none in the root of my current theme “x-child” ( see attachments ).

I can’t find seem to find the archive.php or search.php files anywhere in the root of my theme folder.

Thanks again for your time.


#4

Hi there,

There is no archive.php, X’s archive template is also the index.php. You will have to create archive.php or simply edit the index.php and its template parts. Example is, this https://theme.co/apex/forums/topic/custom-archive-and-search-index-page-with-essential-grid/, but it’s for essential grid. But the same idea applies, just different implementation of the grid.

That URL only provides the general idea since archive.php can be implemented differently from each theme. But the common thing is, you’ll be working with the loop/while blocks to implement the grid on archive.ph and index.php. You may want to consult it to a developer.

Thanks.