Archived topic
Display posts in a grid on specific pages only?
9 replies · Started by Igor on August 18, 2021
Hello there,
I am a total beginner in WP and my journey in the last week has been great, also thanks to you and your great resources. My page will have 200+ curated recipes and next to regular text display (I used Display posts plugin) I would like to give an option to browse on "browse" page
- with text only (clear, managed to do it)
- with images & titles only, in a grid (no idea what would be the best).
I tried with Display Posts wrappers but I was hoping you can give me some better direction? Should I be thinking about masonry or is there anything easier? Probably this means all posts will need to have one featured image the of same size? Of course it would make sense to offer some filtering.
Any idea will help. Thank you so much!
Hi there,
The Browse page; will this show all Recipes ? But with a filter to change what is displayed ?
Hi David,
yes, initially I would like it to show all recipes, but then later maybe also include a simple filter on top (maybe simply as a different subpage?).
Something like this:
https://displayposts.com/2019/01/04/post-grid-styling/
What is important for me is that all of it is as lightweight as possible.
What could I do?
Thanks,
Igor
Hi there,
The filter part is pretty tricky to do.
You may have to get a different post list plugin that has that functionality as implementing it is quite advanced.
Do you have anything specific as to how you'd like the filter functionality to behave?
Does the filter have to appear like a list of buttons? Perhaps a dropdown?
Or perhaps something like the demo gallery in this? https://yiotis.net/filterizr/#/
Hi Elvin,
ok, if I forget the filters for now and just want to show all the posts with:
- title
- picture
- in columns?
I could always add the filters / upgrade at a later point if there is really a need. So let's keep it simple for now. Would this be a variation of masonry? A special layout with a different excerpt settings?
Thanks for your help!
Sorry for all the questions - but what will your front page display ? As that is currently set to ALSO display all the posts. And the simplest option to achieve what you want form Browse is to have a static Home Page, and set your Browse page to show the Latest Posts.
Hi David,
you are absolutely right. I will then move Browse page to show latest posts.
I would like to still keep the front page in a similar fashion as now, showing a couple of posts and adding some other elements.
- How do I then style my Browse page in the most minimalistic way (picture and a title)? Columns/masonry?
- AND at the same time have Last 5 posts shown in a similar fashion as now on my new static Front page?
So I would need two styles, right?
Thanks for your patience!
First for your Front Page, use the WP Show Posts plugin:
https://wordpress.org/plugins/wp-show-posts/
With it you can create your own lists of posts, set the number to display and other query terms such as category. Then you add the shortcodes it generates to your static home page.
Now the Browse page.
First thing is you need to give each of your posts a Featured Image. GP will display this on your post archives ( browse, blog, category archives etc )
Then using the Blog Module you can enable the content you want displayed, and set things like featured image sizes etc
https://docs.generatepress.com/article/blog-content-layout/
https://docs.generatepress.com/article/adjusting-the-featured-images/
Thanks a lot, David!
You're welcome