A genesis front page template which displays your posts using a Masonry layout.
Video Demo
Shows the use of jQuery Masonry to display posts with different sized featured images on the front page archive page in the Genesis Sample child theme by StudioPress.
If your featured images are the same height, you might want to consider using CSS grid.
Simple Installation
There’s 2 simple steps :
Step 1 : From the download folder, upload the folder named masonry to your child theme folder.
Step 2 : From the download folder, upload the file named front-page.php to your child theme folder.
Clear caching and you’re good to go!
Tested using the Genesis Sample child theme by StudioPress. May require CSS modifications for use in other Genesis child themes.
Register or login to access the files for members only :
Was This Tutorial Helpful?