Blog

“Elegant Grunge” WordPress theme

“Elegant Grunge” is an unwashed yet crisp WordPress theme inspired by wefunction.com. It features:

  • Layouts options
  • Support for custom background and header
  • Widget-ready footer
  • Optional full-width page template that removes the sidebar

screenshot.png


Get Elegant Grunge

If you like Elegant Grunge, please consider buying one of my products.

Version 1.1 has been updated to the WordPress.com version.

This version no longer contains automatic image framing, or a photoblog template, so if you wish to continue using these features, please use version 1.0.3.

Changes:

  • Layout updates and fixes
  • Fixed deprecated function calls and PHP errors
  • Code cleanup to match WordPress theme style guide: spacing, syntax, comments, package description
  • Added author comment highlighting
  • Added support for empty post title and styles for all heading sizes
  • Fixed bugs with theme options menus
  • Simplified custom functions and removed unneeded theme options
  • Remove custom header image support and use default WP header image functionality instead
  • Added image.php template
  • Added RTL language support
  • Changed post timestamp to use the WordPress global date format
  • Remove unused template files
  • Implement WordPress 3.0 features: Custom Menu, comment_form()
  • Added default WP style support: body_class(), post_class(), comment_class() and remove unneeded definition for EG_BODY_CLASS
  • Removed unneeded function_exists() calls
  • Simplified image display: no frames or photoblog page
  • Nicer typography and updated grunge images for sticky posts, trackbacks, and new date format
  • Styles for sticky posts
  • Added newer/older single post navigation links
  • Better class attributes to avoid collision with WP default classes (author, post, date, etc)
  • Remove sidebar logic check in every template (once in sidebar.php instead)

Note: If you have problems with this theme, please post your question at the WordPress forums. Please don’t contact me directly, as I don’t have the resources to help you.

Language Packs

Many thanks to contributors!

Casual German/Deutsch – by Markus Bischof

Formal/polite German/Deutsch – by André Heil

Italian/Italiano – by Paolo Lucciola

French/Français – by Arnaud Ball

Romanian – by Adrian Nitescu

Arabic/العربية – by Mena

Finnish/Suomi – by Antti

Turkish/Türkçe – by Mehmet

Brazilian Portuguese – by Jandeilson S. Barbosa

Spanish/Español – by José Vergara

Norwegian/Norsk – by Vipblogg

Russian/русский язык – by Sergey aka Cepxuo

Czech – by Bengo

Lithuanian – by Valentinas Bakaitis

Belorussian – by Marcis G./Galina Miklosic

Polish – by Grzegorz ‘ixcesal’ Lasecki

Dutch – by Rene (WPwebshop)

Indonesian/Bahasa Indonesia – by Kelayang

Filipino – by Mikael Riec

Danish/Dansk – by Morten Elm

Latvian – by Johannes Rau

To use these language packs, you must download the WordPress language pack first, copy it into wp-content/languages, then edit wp-config.php and set the WPLANG value to the appropriate language abbreviation (eg ‘fr_FR’). Then unzip the Elegant Grunge language pack into the wp-content/themes/elegant-grunge folder, and you’re set.

Community

WordPress Theme Elegant Grunge Template Addon for built-in WordPress GallerySebastian Graß

Paul Kaiser has written a great article on how to add navigation menus to older WordPress themes, using Elegant Grunge as an example.

, , , . Bookmark the permalink. Both comments and trackbacks are currently closed.

30 Comments

  1. Mike
    Posted October 28, 2008 at 2:32 pm | Permalink

    Hey Michael,

    I upgraded to the latest version of elegant grunge and it seemed to fix the issue I was having with IE6 & IE7. My about page no longer gets cut off at the bottom.

  2. Jennifer
    Posted October 30, 2008 at 6:20 am | Permalink

    Thanks for the skin, Michael. Looks nice. I’d like to make the main font a little darker to improve the readability. We’ve got a user population that tends to wear a lot of glasses. I’m guessing I can just swap out a color hex code to change the font color. Can you tell me where in the templates I need to make that change? Thanks!

  3. Jennifer
    Posted October 30, 2008 at 7:31 am | Permalink

    It’s me again. I’d like to put in two thumbnail pictures, side-by-side. When I just insert the thumbnails, they show up on top of each other. I can’t merge the two pictures into one file because then the end result is way too big to view full size. I tried several different things to resolve this but haven’t found a solution I’m happy with. 1) Use the “align=alignleft” tag. When I do this with both pictures, the text jumps up to follow immediately after the picture. This leaves me with most of my paragraphs starting at the left edge of the column and one paragraph starting in the middle of the column, after the thumbnails. Neither a Break nor a Paragraph tag would force the text to continue at the left edge of the column, beneath the pictures. 2) Insert the pictures into a table. This works (though the Captions gave me quite a bit of trouble) with one exception. There is a large chunk of empty real estate between the paragraph above the table and the table itself. It looks strikingly similar to the distance between the title and the beginning of the post. Is a style being applied to tables somewhere, perhaps in the stylesheet? Would love some input on this. Or is there a better way to achieve what I want? Thanks!!

  4. Jennifer
    Posted October 30, 2008 at 8:05 am | Permalink

    Um, silly me. I think I just found the answer to the second question in Gideon’s post above. :) Am I right?

  5. Posted October 30, 2008 at 9:29 am | Permalink

    Hi Jennifer!

    For your first question: You’ll need to edit the ‘color’ attribute on ‘body’, near the top of style.css

    Second question: I’m not sure Gideon’s post answers your question, unless I’m mistaken. This is more of a general HTML query which is best asked/answered in the WordPress forums. You probably want something like <p><img src=”firstimage.png” width=”xxx” height=”yyy”/><img src=”secondimage.png” …/></p>

  6. Jennifer
    Posted October 30, 2008 at 11:34 pm | Permalink

    Thanks for your help. I’m actually really happy with putting the pictures in a table, but that leaves me with one question. Is there something in the stylesheet that causes there to be a lot of space above tables? You can see the gap here: blog.src.org/?p=49 above the two pictures sitting side by side. New question: On the “Wiki Screenshot” picture, the frame has a funny white block near the bottom. It’s like the caption and the frame aren’t playing well together. Can you take a look at it and tell me if 1) it looks funny to you and 2) if so, any ideas about what’s up? Thanks!

  7. chicho
    Posted October 31, 2008 at 8:04 am | Permalink

    Hi Michael, great theme, i will use it, THX

  8. Posted October 31, 2008 at 9:02 am | Permalink

    Hey Michael thanks for the great theme ! I was wondering, is it normal that the comments do not show up for ‘Pages’ even when the option is checked ?

  9. jYO
    Posted October 31, 2008 at 9:50 am | Permalink

    How can I add a link to the header menu to a category page?

  10. Posted October 31, 2008 at 10:01 am | Permalink

    Jennifer: I’m not actually sure about the space above tables. Feel free to have a romp through style.css and see if there’s anything that looks likely under the ‘content’ section; otherwise just set a 0 or negative margin-top on the table. As far as your frame goes, you’ll need to either turn off framing for that image (by adding a class of ‘noframe’, as in class=”noframe”), and leave the frame as-is, or turn off framing for the image as above, then set ‘frame’ for the class of the surrounding frame, to apply the drop-shadow. Perhaps in a future release I’ll figure out a way to detect images within frames like that, and handle it a bit more cleverly.

    Ano: I’m not sure, to be honest – probably a question for the WordPress forums.

    jYO: Just put in an <li> item into the menu <ul>s in header.php, linking to the appropriate location. See the ‘home’ link that’s already there for an example, or seek further assistance in the WP forums.

  11. jYO
    Posted October 31, 2008 at 10:28 am | Permalink

    I tried that (using ), but it doesn’t maintain the same formatting as the other links. It shows up as a normal underlined hyperlink.

    Here’s the home link code:

    <li class=”page_item current_page_item”><a href=””>Home

  12. Posted October 31, 2008 at 10:32 am | Permalink

    Hi jYO,

    Is the li definitely within the ‘ul’ block? Can you give me a link to an example?

  13. Posted October 31, 2008 at 8:38 pm | Permalink

    Hi, I’m new to this amazing theme, loved because stilish and because of photoblog.

    I have some problems with photoblog: although I selected in options to use thumbnails, when I click on “photoblog” tag it shows just the latest post. No thumbnails of others posts tagged “photoblog”.

    More: it can’t show the widget, placed in the footer bar. Seems like it can’t load anything. Maybe a folder permission issue? Where the system place, or try to place, generated thumbs?

    WordPress 2.6.3 and your 0.4.4 installed.

    Thank you!

  14. Posted October 31, 2008 at 10:50 pm | Permalink

    Hey,

    I just love this theme but I can’t seem to get anything of the photoblog working. I’ve tagged 6 posts with “photoblog” but when I add the widget, it doesn’t show and when I click the “photoblog” entry in the tag cloud, i gives me just one post in stead of 6…. Anything I may have forgotten?

  15. Posted November 2, 2008 at 8:42 am | Permalink

    I’m having trouble with right aligning images (medium size) in a post. In IE the automatic shadow frame goes across the whole post rather then keeping to the right side. Firefox doesn’t seem to have a problem displaying it right.

    Any way to make it work in IE?

  16. Posted November 2, 2008 at 7:44 pm | Permalink

    Hi Nathan,

    Indeed there is a way – slap me around for missing that, and then download the fix when I upload it ;)

    See the beta above – it should fix your problem (although I have no idea why it fixes your problem… I put in a fairly random change and it seems to have comprehensively, if confusingly, solved the problem. I’ll take it.)

  17. Posted November 2, 2008 at 7:48 pm | Permalink

    Major: Please excuse the delay in getting back to you; Bram had the same issue, but I missed your message! Please try the beta of 0.4.5, above, and tell me if it fixes your problem!

  18. Posted November 3, 2008 at 2:53 am | Permalink

    Hi Mikael, Thanks for getting back so quickly. Yes, the beta fixed the problem – right aligned images work.
    I was thinking that would solve all alignment problems, but it seemed those aligned center also have a problem – you can see it a little farther down on my website. Sorry for not giving a complete problem!

    Thanks, Nathan

  19. Posted November 3, 2008 at 3:12 am | Permalink

    Hi Michael, the 0.4.5 beta didn’t fix the problem: I have the first post tagged “photoblog” shown yet, no thumbs, no widget.

    I have access to my php config on server, you talk about PHP installations with old PCRE libraries. Can you explain better to me, so I can upgrade my php release?

    Thank You

  20. Posted November 3, 2008 at 3:18 am | Permalink

    I read now that next version will be localizable, I wish to try translating in italian. When I’ll edited the default.po, how can I send it to you?

    Thanks again for your great job.

  21. Posted November 3, 2008 at 12:34 pm | Permalink

    Nathan: Ahh yes, right you are. That took a bit of doing, but the new beta above should fix that problem too.

    Major: Damn! Actually, upgrading PCRE in PHP is a bit of a job, and one that shouldn’t be necessary. I’m going to email you a debug version of functions.php to try to diagnose the problem. As far as localising goes – thankyou! That’s fantastic. So, duplicate default.po and rename it to your-locale.po, edit it, then email it to me and I’ll include it in the theme. Any questions, fire away, and many thanks!

  22. Nathan
    Posted November 3, 2008 at 4:39 pm | Permalink

    Awesome! Works great thanks!

  23. Posted November 4, 2008 at 6:23 pm | Permalink

    Love the theme. I was wondering if you would be willing to share the photoshop files used for this theme? I am creating a single column version for my own site since I don’t need the sidebar. Thanks for the awesome theme!

  24. Posted November 6, 2008 at 12:43 am | Permalink

    Hi Michael,

    First I like to complement you on the awesome theme you’ve developed. As you can see I use it for my weblog I started this week. Although it looks really cool I somehow lost the footer of the template. I don’t have a clue how to fix this, cause somebody changed some code in the css. Is it possible to restore the theme to its original shape? Hope to hear from you.

    the website: http://www.lichtzwart.nl/wordpress/

    JP

  25. Posted November 7, 2008 at 1:27 pm | Permalink

    I am not sure if it is just my problem, but is there a way to make the avatars in the comment widget show up? I have them turned on in the discussion prefs… Thanks!

  26. Posted November 7, 2008 at 2:21 pm | Permalink

    Benjamin: I just thought I’d let you know, the next version is going to have configurable sidebars. So you can have

    • One sidebar on the right (like it is now)
    • Two sidebars on the right
    • Zero sidebars
    • One sidebar on the left

    It’ll be a drop-down selection on the configuration page.

    JP: Yes, you lost your footer :P That would appear to be both the symptom and the diagnosis. Look at your page source, the footer is gone. Restore it, and it will be back. If you need further assistance, I suggest you post on the WordPress forums.

    Nathan: Hmm. I dunno! That content is generated by WordPress, so nothing to do with Elegant Grunge. Does it work with the default theme? Try asking at the forums.

  27. Posted November 11, 2008 at 5:20 am | Permalink

    Hi Michael, I have the latest WordPress version as I’ve just signed on recently. New domain, new blog in the works, love your theme and appreciate your work on it very much!! I’m wondering if it’s possible to change the color scheme to more of a butcher paper type of brown to lighten it up a bit and have it pair better with my subject. I have zero programming skills (had to buy the WordPress for Dummies book!). Many thanks, Tania

  28. Posted November 11, 2008 at 9:23 am | Permalink

    Hi Tania,

    Thanks! I’m glad you like it! If you have Photoshop (or similar), and the skills to do so, you can just open up the images in the ‘images’ folder of the theme, and just adjust the colours. You probably won’t need to change anything else, I’d say.

  29. Posted November 12, 2008 at 5:28 am | Permalink

    Hi Michael, I’m sorry, I don’t have photoshop. I’ve searched throughout the theme and cannot find the Images folder. I find ‘images’ in relation to the media library but that seems to control the photos I’ve uploaded only. ??? Many thanks, Tania

  30. Ben
    Posted November 13, 2008 at 12:09 am | Permalink

    Hello, love the theme and planning to use it on my new blog.

    Was wondering though, is there anyway to close the gap between the header and blog entry contents? At the moment it’s quite a large chunk of blank space, and I think I’d quite like to narrow the gap a touch if possible.

    Any suggestions?