Community Forums › Forums › Archived Forums › Design Tips and Tricks › Display Category Archives as a Thumbnail Gallery w/o a plugin
Tagged: exectutive pro, recipes, thumbnail index
- This topic has 35 replies, 5 voices, and was last updated 4 years, 6 months ago by
Brad Dalton.
-
AuthorPosts
-
January 7, 2014 at 4:43 pm #83897
Kimberly
ParticipantHi 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.comJanuary 7, 2014 at 5:01 pm #83909Brad Dalton
ParticipantYou 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.
January 8, 2014 at 8:39 am #83990Kimberly
ParticipantI will give this a try Brad, thank you for the suggestion! I'll report back on my efforts 🙂
January 8, 2014 at 11:43 am #84024Kimberly
ParticipantFebruary 12, 2014 at 12:17 pm #90000Erica Mueller
MemberKimberly,
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
February 12, 2014 at 12:25 pm #90010Kimberly
ParticipantI pretty much took the code and saved it to category.php. Then did the necessary CSS.
http://theysmell.com/i-said-so/recipes/
February 12, 2014 at 12:56 pm #90013Erica Mueller
MemberThank 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
February 12, 2014 at 2:07 pm #90024Kimberly
ParticipantThe 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.
February 12, 2014 at 7:32 pm #90067Brad Dalton
ParticipantThis is an easier method http://wpsites.net/web-design/archive-page-grid-style-columns-using-css/
March 5, 2014 at 1:06 pm #93561krystyn
Participant@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?March 5, 2014 at 2:58 pm #93583Kimberly
ParticipantMarch 5, 2014 at 3:00 pm #93584krystyn
ParticipantThanks. 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.
March 5, 2014 at 3:01 pm #93585Kimberly
ParticipantMarch 5, 2014 at 3:03 pm #93586krystyn
ParticipantSorry. Here's the test category page I'm playing with: http://www.krizzydesigns-test.com/test1/category/category-1
March 5, 2014 at 3:15 pm #93587Kimberly
ParticipantI 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.
March 5, 2014 at 3:24 pm #93588krystyn
ParticipantThanks, @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.)
March 5, 2014 at 3:29 pm #93589Kimberly
ParticipantYou 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.
March 5, 2014 at 3:37 pm #93591krystyn
ParticipantYes, 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?
March 5, 2014 at 8:55 pm #93612krystyn
ParticipantWhoops, forgot to tag you @whatsthatsmell above.
March 5, 2014 at 10:55 pm #93618Brad Dalton
ParticipantYou could also display the entry title over the image. http://wpsites.net/web-design/display-entry-title-on-featured-image/
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.