- This topic has 35 replies, 5 voices, and was last updated 5 years, 3 months ago by
.
-
Posts
-
Hi there. I have been trying to figure out how to display my category archives as a thumbnail gallery instead of as posts excerpts or full posts.
Right now I have created pages for my popular categories and I use the Genesis Featured Posts widget on each page: http://theysmell.com/recipes/
I would like for my category archives to display thatway as well. Right now it shows as thumbnails with an excerpt with a content-sidebar layout. I would like it full with and only thumbnails. http://theysmell.com/i-said-so/recipes/
It's been done...http://www.momdot.com/category/cooking-baking/ but I can't figure out how.
I would like to not use a plugin.
Any advice or any place you can point me would be appreciated.
Thanks!
http://theysmell.comYou could use the archive-portfolio.php template from the Executive Pro child theme as your archive page for any category and change the columns to 4 with a sidebar and pagination.
I will give this a try Brad, thank you for the suggestion! I'll report back on my efforts 🙂
Kimberly,
Would you mind sharing how you did this? I'm needing it for a client who has a travel site and wants a pretty grid for some of her categories. We're actually using the Executive Pro theme already but I'm unsure of how to use the template made for the custom post type for regular posts instead, and only certain categories.
WordPress Manipulator
I pretty much took the code and saved it to category.php. Then did the necessary CSS.
http://theysmell.com/i-said-so/recipes/
Thank you, Kimberly. Apparently my brain is fried, cause I did it and I got thumbnails, but all left aligned and with comment counts, post meta, etc all there and no obvious way to fix it.
Normally I'm pretty darn capable when it comes to Genesis.
Perhaps a new day will help. 🙂
WordPress Manipulator
The file matches exactly to the archive-portfolio from the Executive theme. I am pretty sure all I did was rename executive to lifestyle cause that's what I am using. The rest was all css with the portfolio classes.
This is an easier method http://wpsites.net/web-design/archive-page-grid-style-columns-using-css/
@Kim how did you get that to display for your category? I don't see portfolio anywhere once adding that file. Maybe I'm missing something and it's super obvious? And then do you select a page template for the category pages or is it automatic?
@Brad what you sent works, of course, will need some css (to add the post title), but it does this for all categories and archives, right?Thanks. I think I've got it working..now I just can't figure out what to change in the css to get the images to be on the same line regardless of the post titles' length.
Sorry. Here's the test category page I'm playing with: http://www.krizzydesigns-test.com/test1/category/category-1
I only know enough to be dangerous here but in my setup I have a custom class just for the category pages that have the word "portfolio" in them, so it doesn't affect anything sitewide.
Tinkering in Chrome when I add:
float: left;
to line 1658 it fixes the alignment (.category .post)
But you need to make sure that doesn't affect anything else on the site.
Thanks, @Kim. That works as long as there is a featured image. If there isn't an image, the alignment is off, but well, there should always be an image, right?
So, thank you.
(And, I had portfolio and changed it to category just so it matched the page name.)
You might have to play with a set height attribute in case there isn't a featured image? I would imagine you would usually have one but who knows.
Yes, I can play with that.
Okay, one more question...how did you add the title and the text above the thumbnails, etc? Did you add that in your .php for each category?
Whoops, forgot to tag you @whatsthatsmell above.
You could also display the entry title over the image. http://wpsites.net/web-design/display-entry-title-on-featured-image/
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.