I’m using loopers to build my blog and category archive pages.
Each page is designed like this:
On the blog page, I’m using the “built-in” query for the main blog posts.
Blue Box - Most Recent Blog Article: Looper Consumer, One Item
Yellow Box - Featured Blog Articles: Each card is a div. That div is the looper provider (query builder: post, featured, any authors, any date, date/descending, count 2) and looper consumer (all items)
Green Box - Grid, Cell is the looper consumer (all)
Then for category archives, I have it so there’s a looper provider on the top section to provide the most recent blog article (since the “query” the page runs by itself is now for posts in the category).
The Orange Box is my attempt to add a user-selectable filter for categories. All I can figure out to do is make it link to the category archive. Is there a way to actually filter the posts and not go to a new page?
So the big question there is: is there a better way to do any of this? Is there a way to actually do the category filter?
Also, there’s another strange thing going on:
I have a header bar that only shows up when on a post, but it’s showing up on the blog page and the category archives! Did I do something wrong in setting this all up? Why is it showing that bar? (You can also see below that it’s pulling in the title of the most recent blog post, or on a category page, the first post of that category.) What’s happening? How do I fix that?
Admin details in private note.