• Your Blazing Appspacer
  • SilverBlogspacer
  • Corporate Bluespacer
  • TL Tweetsspacer
  • Green Teaspacer

Tasty Showcase – Free WordPress Theme

Posted on the 21st of January, 2010 | 48 Comments

Finally, presenting the winner of theme battle #3. Tasty Showcase was a template designed by Brad of DemusDesign, who also coded it in XHTML/CSS/JS. I then took the coded template and ported it to WordPress. It has a ton of widgetized areas, including widgetized footers (plural).

spacer

spacer

Read on to see the features, including how to use the slider, in more detail…

The Slider

Displayed on the homepage, this Karmic Flow powered slider will display your four latest posts with a custom image should you choose.

Once you have a custom image sized 653×367 (653 pixels wide, 367 pixels high) simply input the absolute URL to the image in the built-in custom write panel.

spacer

If you don’t have an image, the theme will automatically use one of the placeholder images (depending on which slot it is) if you don’t specify one yourself. That means even if you don’t have any images, there will still be a different picture for each one.

Widgetized Areas

This theme is chock-full of widgetized areas, 14 to be exact. Here’s where they are, and what they do:

  • Sidebar – Four areas, one full width above, two half widths, and one full width below
  • Footer – Five areas, one for each column
  • Home Footer – Four areas, one for each column
  • 404 Template – One area, so you can customize your 404 pages

Keep in mind the “Home Footer” areas are only used on the homepage (where the slider is). The rest of the footer widget areas are controlled through the “Footer” ones, and affect every other page on the site besides the homepage.

spacer

The above diagram shows all the “Sidebar” and “Footer” widget areas. Not pictured are the “Home Footer” areas (basically the same place as the regular footer, except on the homepage) and the 404 template widget areas.

Conclusion

I bet you all forgot about theme battles, didn’t you? I know it was a few months between the conclusion of the voting and the release of the winning theme (this one) but better late than never.

Brad from DemusDesign was kind enough to code this one into XHTML/CSS and integrated the Javascript for the slider even though I usually code the winning theme battle themes myself. This time I just did the WordPress portion. You can get the static (non-WordPress) version on his site.

I’d also like to thank Cristian Antohe of Cozmos Labs for spotting a bug on the theme via Twitter. Also a special thanks to Omar Corrales of Slimmity who tested the theme himself and provided some good feedback, including several bug fixes before the release.

Anyway, since the time RS16 was released, I got the forums back online (with a matching bbPress theme) so if you have any support questions, they go there.

Let me know what you think of the theme in the comments, I’d really love to hear your feedback.

More themes that are tagged with…

  • dark
  • DemusDesign
  • featured post
  • gray
  • green
  • Free Theme Releases
  • Ported Themes

21

Jan

2010

Post to FacebookPost to Twitter

48 thoughts on “Tasty Showcase – Free WordPress Theme

  1. spacer
    Jaypee at said:

    Great looking theme Leland! Good job porting it to WordPress. I’ll do a review of this theme as soon as I can. spacer

    • spacer
      Leland at said:

      Thanks Jaypee, that would be greatly appreciated!

    • spacer
      Jaypee at said:

      You’re welcome! Btw, I just published my review of this theme. spacer

      WP Theme Review: Tasty Showcase

  2. spacer
    Omar at said:

    Thanks for the shout out! And seriously the theme looks amazing! So many widget areas, imagine all the things you can do with them :O

    • spacer
      Leland at said:

      No problem Omar. Thanks again for your time in testing the theme.

  3. spacer
    Brad at said:

    Hey Leland, it looks awesome. 3 small things I did notice.

    1. The slider controls are all in their “hover” state until the first slide transition. Seen in Chrome and FF. Probably a PHP JS interaction. No idea how to fix.

    2. I forgot to style the h1 a so it stays wait in the slider descriptions instead of green.

    3. Not sure if it’s possible, but can you make “include the slider on every page” a theme option.

    Again, awesome work!

    • spacer
      Leland at said:

      Hey Brad, thanks again for the cool template. About your points:

      1) Not sure how that happened either, I’ll probably have to retrace my steps to figure that one out.

      2) I was wondering about that, wouldn’t be too hard to do with the following code? .karmic_flow_slides .info h1 a { color: #fff; text-decoration: none; }

      3) About the slider on every page, I tried a few times to integrate that on single pages but for some reason the_content_limit() code I was using spewed out the full content on single page, so I opted to remove that feature from the final version for now.

  4. spacer
    Roshan at said:

    Congrats Brad & Leland. this one rocks!

    • spacer
      Leland at said:

      Thanks Roshan, glad you like it. I’m thinking one of your free templates will be next. Need to catch up on those, lol. spacer

  5. spacer
    Ben at said:

    Hey awesome theme. Exactly what I’ve been looking for to spice up a small business I work for. Just wondering if perhaps there was a way to change the sliders to represent static pages vs a blogroll? I’m a novice when it comes to php, but maybe you could point me in the right direction?

    Thanks again for this awesome free theme!

    • spacer
      Leland at said:

      It might be possible to put static pages in the slider. I’d recommend reading this: codex.wordpress.org/Template_Tags/query_posts

      Not sure about putting a blogroll in the slider, it would probably have to be hardcoded.

      • spacer
        Ben at said:

        Wow, thank you so much for the fast response. I actually didn’t mean blogroll, but postroll – the slider takes the most recent posts and uses them… anyway, your link is very helpful and it looks like I can use the ‘page_id=’ parameter.
        Thanks again!

      • spacer
        Ben at said:

        Dunno if anyone else wanted this info – but I changed the query from:
        $the_query = new WP_Query(‘showposts=4&p=’ . $sticky[0]);
        to:
        $the_query = new WP_Query(‘post_type=page&meta_key=hslide&meta_value=1′);
        Adding a custom field to each page I wanted to display, using hslide as the name and 1 / 0 as values. The reason I included the meta_value in the query is in case I want to switch pages around, I can just change their hslide value. This works well for getting pages in the slider – now I’ve gotta figure out how to sort them. Maybe another custom field?

        • spacer
          Leland at said:

          Nice idea, thanks for the follow up. This is probably somewhat resource intensive, but maybe try a custom field for the page order (i.e. 1, 2, 3, 4) and show each one in a separate query?

          Would be kind of a pain to change the order but not sure pages were “meant” to be output like this through a query, so that’s the only way I can think of.

          I’d recommend using a caching plugin like WP Super Cache or W3 Total Cache on top of this.

  6. spacer
    Dyce at said:

    Really Great Theme…

    I’ve been trying different codes to make the_content_limit function ignore images (they don’t show up, but the push the text down and out of sight). I was able to do it in the slides, but I am not have the same luck with the controller.

    Here’s my site: urbanorleans.com

    Any ideas?

    • spacer
      Leland at said:

      Nice customization, strange that it would work for the slides but not the controller (since it uses the same function).

      I think it’s supposed to strip any tags so it seems odd that any img tags would be included in the character limit.

      Can you let us know how you were able to ignore images in the slider part?

  7. spacer
    Dyce at said:

    Think i found a way to do it. Thanx.

  8. spacer
    Dyce at said:

    I ended up using a plugin called “Advanced Excerpt” in both the slider and controller. Worked like a charm.

    wordpress.org/extend/plugins/advanced-excerpt/

  9. spacer
    Dyce at said:

    Also, do you know how i can limit the # of featured post? Right now, if I create a 5th feature, the controller extends past its container to show 5 posts.

    • spacer
      Leland at said:

      The query only is supposed to show 4 posts maximum. Does it not say showposts=4 somewhere in the queries?

      • spacer
        Dyce at said:

        No. This is what i have:

        “have_posts()) : $the_query->the_post(); ?>”

        • spacer
          Dyce at said:

          Sorry, can’t get it to show the whole string.

  10. spacer
    Dyce at said:

    No, this is what i have:

    have_posts()) : $the_query->the_post(); ?>

    • spacer
      Leland at said:

      In the original slider.php file, before that is a mention of showposts=4, which prevents more than 4 posts being shown.

      Not sure what the problem could be if that’s still there in your slider.php.

      Edit: Okay now I see what you’re trying to do…

      This is a bug that I’m aware of, it’s the reason why I didn’t put the slider on any other page except the homepage. Mentioned it in this comment.

      It has to do with multiple loops conflicting on the page, when I figure this one out I’ll let you know.

      • spacer
        Dyce at said:

        Nope, i don’t have it. I’ll check the original file. Thanks.

      • spacer
        Dyce at said:

        Oh Ok. Cool.

  11. spacer
    Dyce at said:

    OK, last thing (for a while). The .post div is really tall on my post pages no matter how little content is inside, and I’m not sure why. I can’t find anything in the css causing this. It’s only a big deal because my share link end up at the bottom of the div and users have to scroll pretty far to see them or to leave a comment.

    Here’s an example: www.urbanorleans.com/site/?p=367

gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.