WordPress Fun: A Free WordPress Theme

Advertisement

If you have been following Smashing Magazine for a while you know that we love high-quality freebies. Over the last years we’ve featured a number of designers and developers who released their work for free — among other things we presented high-quality free fonts, free WordPress themes, free wallpapers and, of course, free icons. You can find many of them in our section Freebies.

Every release helps to make the Web a nicer place which is why we support designers and challenge them to release something for free in order to be featured on Smashing Magazine. And the results are quite often pretty impressive.

Wp-Fun

Today we are glad to release a wordpress.fun — a free professional WordPress-theme. The theme has 2 columns, thumbnails integration, a “featured” post section as well as a nice grungy design. The theme was designed by Maleika Attawel from Germany, purchased by Smashing Magazine and is now released as a gift for our readers.

Download the theme for free!

You can use the theme for all your projects for free and without any restrictions. However, it’s forbidden to sell or redistribute the theme without both designer’s and Smashing Magazine’s permission — please link to this article if you would like to spread the word. You may modify the theme as you wish, but if you are planning to release your modification, please ask our permission first.

The main illustration (Teen Blogger (Punk Boy)) was created by ChinHang Chung and purchased by Smashing Magazine from iStockPhoto with the extended license “Electronic Items for Resale (unlimited run)”. Therefore the illustration is redistrubited legally.

Motivation behind the design: the idea

What do you generally do when you want to create a WordPress theme without having an actual client? The initial reaction would be; you despair. All the things we have learned as good web designers such as evaluating a client’s specific needs, doing proper field research, wireframing, finding the proper grid concept for content placement, selecting a colour scheme and visual elements to support content, choosing good type, tailored to … oh wait … this is just a theme.

A theme, by definition, is a subject of discourse. In the case of a WordPress theme, it can be anything. And in the delicate case of my humble theme, the subject is fun. Plain and simple. The idea was to create a theme that is fun and usable, heavy and light, eye-catching and robust, specific and yet generic enough to be used in a variety of ways. The theme is not designed to replace true and proper web design, ergo it is not tailored to suit a specifc niche, nor complement distinctive content. However, depending on your explicit or non-explicit purposes, the design might find a good home.

The prerequisites

Like all creative processes, it started with an idea. While I am a great fan of minimalistic designs, I also admire complex and graphically intense web compositions. The only prerequisite was that it doesn’t take ages to load and that the total size of the graphics doesn’t add up to an enormous sum that would only enable those with mighty speedy internet connections to work. That was the only aspect I had to keep in mind to get started.

The design process

I had decided on going with a simple two column layout. No fancy modular or column grid, but a simple hierarchical grid like the majority of blogs use. As a page’s length is variable, it was clear that only the content that is extra but not mandantory could reside at the bottom of the page. So all navigational aids (such as categories or friends’ links) as well as a “most discussed” feature would take their position at the very end of the page.

Because I wanted to keep it as elementary as possible and void content clutter, it was clear to me to do away with too many features that would blur instead of sharpen the reader’s perception when visiting the site. Hence, I kept it rather simple and thus set aside the left column for featured content and the right column to display the newest blog entries.

Here you have the result of my humble efforts (preview) and here you can download the theme for free.

Special requirements

The theme is built with WordPress 2.5.1 and is only partially backwards compatible. The theme also works with WordPress 2.6. As this theme uses a few .png files, it is recommended that you make sure that the image paths to these are correct (for IE6). You find the two CSS rules in the ie.css file inside your theme folder. The theme can be used with or without widgets (below the fold).

Last but not least…

We are regularly looking for creative designers and artists. You may not know it yet, but we might feature you in one of our upcoming posts.

If you would like to release a high-quality free font, a WordPress-theme, some wallpapers or an icon-set please contact us — we would like to support you (both financially and with the broad coverage on Smashing Magazine).

We love high-quality content and we care about little details. We believe that good content and design are crafts worth sharpening. Located in the lovely city of Freiburg, Germany. Mostly Vitaly (vf), Iris (il), Stephan (sp) and Sven (sl).

  1. 1

    Maynas Chua dot com

    July 16th, 2008 2:06 am

    Awesome work my friend :)

    Thanks for sharing!

    0
  2. 2

    the cartoon is soo cute!

    === second ====

    0
  3. 3

    nice grunge, but its looks complicated, too much images. I love simple style

    0
  4. 4

    Looks great! Heavy on the graphics though,.,…

    0
  5. 5

    Very nice, and I think as we’re in 2008 we shouldn’t be so stuck up about “graphics heavy” most of us have broadband, and hosting costs are getting cheaper and cheaper, I’d rather see 2 graphics heavy sites that look great than 200 similar looking boring “quick loading” sites. Either way, nice work.

    0
  6. 6

    Nice looking design.

    0
  7. 7

    Ich finde es klasse, mal nicht so 08-15 wie die meisten Themes. Tolle Arbeit!

    0
  8. 8

    WoW – great!
    Now i try to translate it in italian.

    0
  9. 9

    What a grungily beautiful theme. I am tempted to use the graphic logo on my own blog.

    0
  10. 10

    danke, super gemacht!

    0
  11. 11

    looking good!

    0
  12. 12

    Wonderful as always! :-)

    It would be great to see a demo of this theme too!

    0
  13. 13

    Nice theme! The stock illustration you used is everywhere though.

    0
  14. 14

    Theme looks too coool ….

    0
  15. 15

    I’m having trouble installing the theme – Word press reports: WordPressFun/style.css is not readable. I’ve reuploaded the file, even checked it in a text editor and it looks fine. Anyone got suggestions?

    0
  16. 16

    Looks nice. Might try my hand at doing a free theme

    0
  17. 17

    Great looking theme! Thanks!

    0
  18. 18

    This is so strange.. I saw that design being sold on sitepoint. How come it is now free. And since the vector illustration is a stock image how do you manage the copyright issues?

    0
  19. 19

    Hello,

    I am the designer of the theme. The stock image was bought. The design was bought by Smashing Magazine via SitePoint.

    Best wishes,

    Maleika

    0
  20. 20

    Very nice designed theme. I’ve seen this theme on sitepoint marketplace

    0
  21. 21

    Hi, i found the header image on a tumblr site. mini.jtale.com It’s the same designer?

    0
  22. 22

    so nice !

    0
  23. 23

    Pascal Hartig

    July 16th, 2008 4:08 am

    Wow, this is really amazing! Thank you! (:

    0
  24. 24

    Nice theme but quick question – Is there any issues about using a stock photo in a theme distributed like this? Does the images license allow this kind of distribution? Here’s the image on iStockPhoto.

    0
  25. 25

    exquisite work :)

    0
  26. 26

    nice theme.. i love it

    0
  27. 27

    Très jolie

    0
  28. 28

    a high quality theme enough to be a premium wordpress theme, and yet was give for free! freakin’ awsome!

    0
  29. 29

    Anyone else struggling to get it working? I’m having STYLESHEET IS MISSING errors.

    0
  30. 30

    finally installed it the png fix for logo and featured image is not working on ie6 any suggestion

    0
  31. 31

    Curt Simon Harlinghausen

    July 16th, 2008 5:20 am

    Genius. Thanks. Great work.

    0
  32. 32

    Wow. I like this theme very much. Great work!

    0
  33. 33

    Awesome ! I love this theme so much :x

    0
  34. 34

    José Carlos Joaquim

    July 16th, 2008 5:35 am

    Great work! The them looks really good.

    0
  35. 35

    Really great finition… a little too complexe for me too but still a really good work… great…

    0
  36. 36

    ugly as hell

    0
  37. 37

    Hi, wonderful theme , no doubt ! I have just one question : i’d like to translate the theme ( no other modifications ) and place a download link of the translated theme on my site… do I have the permission to do so ?
    Thanks

    0
  38. 38

    Very cool…will you make something similar but a bit more professional? ^^

    -1
  39. 39

    Really, is Smashing Magazine in violation of the copyright if the istockphoto vector image by redistributing this?!?

    Istockphoto:
    “For greater certainty, the following are “Prohibited Uses” and you may not: incorporate the Content in any product that results in a re-distribution or re-use of the Content (such as electronic greeting card web sites, web templates and the like) or is otherwise made available in a manner such that a person can extract or access or reproduce the Content as an electronic file;”

    -2
  40. 40

    ONE THING THAT IS MISSING IN ‘READ ME FILE’ for the archive page don’t forget to select the page template ‘archives’ else archive page won’t display posts.

    0
  41. 41

    Big thank

    0
  42. 42

    Very nice theme!!! Perfect for me. Thanks

    0
  43. 43

    Great theme indeed. Thanks!

    0
  44. 44

    Great theme! I love the kid with the lappy :) I so like it, I am probably going to switch my theme to it till the time I find time to design my own theme someday for my blog.

    Maleika Attawel, I will definitely send you an acknowledgment email once I switch over :)

    0
  45. 45

    The theme is great!I like it!

    0
  46. 46

    I like your WordPress themes, but you never make them 800×600 compatible. :(

    0
  47. 47

    controversial theme!

    -1
  48. 48

    Dellustrations.net

    July 16th, 2008 8:25 am

    I love the artwork. Good composition, but somehow there is a bit of a disconnect in regards to the actual items used in the illustration. Popcorn, Soda, Skeleton themed Headphones, maybe if you used some more common elements. The Kid Illustrated seems to be focused on one type of audience, not all, you know what I mean? Not every user has this same profile?

    Just a comment :)
    Nice work though, very outside the box creative!

    Dell.

    0
  49. 49

    Awesome theme guys! The best free WordPress theme so far.

    0
  50. 50

    How about the font files used in this theme?
    They are not included with the source files.

    0
  51. 51

    Not bad, but I am not fan of the grunge look. I totally loved the featured content on the side though.
    Is anybody away of any minimal style theme with the featured content on the side, (just like above).
    I think the designer will do us a lot of service by giving us a less grungy version of this theme.
    Please help.

    0
  52. 52

    www.asthmaboymusic.com

    July 16th, 2008 9:56 am

    something about the title illustration for this article makes me want to shoot myself in the face.

    0
  53. 53

    Calítoe: 800×600? Come on now… When Yahoo updates their front page to 1024, it’s time for everyone else to catch up.

    Are you still rocking a 56.6kbps modem too?

    0
  54. 54

    Thanks, this theme looks quite cool.

    0
  55. 55

    Awesome theme – added to my site. The boy graphic is very easy to edit. I changed mine around quite a bit.

    http://www.lordofthetechs.com

    Matthew

    0
  56. 56

    Love the theme and the new rockatee.com website.
    How does one port a wordpress theme to a plain CSS layout?

    0
  57. 57

    never post befor, my 1st… just like to say thanks.. i love smashingmagazine..

    0
  58. 58

    Does anyone know how I could add a widget sidebar to the right of the posts?

    0
  59. 59

    i had bought a pro theme but switched to this one … i wasn’t a regular visitor of smashing magazine but now i thinking to join the fan club of smashing magazine :) it’s pro theme and it was supposed to be little complicated… contact form is useless and i disabled the plugin and it’s working fine. the only thing that is lacking in every free theme is ‘ support ‘ i think many people would love to switch to this theme provided one is out there to solve their issues, it has little compatiblity issue with ie6 logo does not appear despite png transparent fix coding…. anyway best theme for personal blog thumbs up!!!

    0
  60. 60

    can anyone help with how to get the small images to show up in posts on the front page?

    0
  61. 61

    Nice theme, thanks!

    0
  62. 62

    Articles for JOOMLA ?

    0
  63. 63

    Nice design, a little too dark for me.

    0
  64. 64

    would love to see this as a Drupal Theme :)

    0
  65. 65

    That’s really nice!

    0
  66. 66

    Good theme,I like it .maybe i will use!

    0
  67. 67

    So cool…Thanks !!!!

    0
  68. 68

    awesome stuff, great work dude… thank’s a lot…!

    0
  69. 69

    Absolutly Awesome Theme!!! I love it!! Please more Ai cartoon style WordPress Theme. Really Thanks

    0
  70. 70

    Absolutely fantastic work! Just looking at the .psd file, you can tell the amount of work that went into it and the real attention paid to every little detail. While some might night like the grunge look or might think the theme is too dark, if you look at what actually went into making this wordpress theme, you really can’t help but appreciate it. Great job Smashing Magazine!

    0
  71. 71
  72. 72

    @jason

    You are allowed to redistribute istockphotos illustration as you please if you pay for the extended license.
    From istockphotos.
    Available Extended Licenses
    Multi-Seat (unlimited) 50
    Unlimited Reproduction / Print Runs 100
    Items for Resale (limited run) 100
    Electronic Items for Resale (unlimited run) 100

    so I guess the designer did that :) hope so anyway
    regards

    0
  73. 73

    grunge n cute at the same time .. nice!

    0
  74. 74

    Thank you for the Theme.. it is awesome! :)

    0
  75. 75

    Nice theme! Thank you.

    0
  76. 76

    nice theme, although the link to the most-commented-posts-plugin (which is needed apparently) is dead…
    anybody ?

    0
  77. 77

    Great Theme, I can’t wait to try. Thank you! :)

    0
  78. 78

    Am I the only one having a problem with the left margin of the headings in the bottom? They seem completely off in the preview!?

    0
  79. 79

    Nice job…. =)

    0
  80. 80

    thanxs a lot

    0
  81. 81

    Craig Farrall

    July 17th, 2008 5:09 am

    Absolutely amazing theme, great work.

    0
  82. 82

    I found a link for the most commented posts widget here most-commented-posts-plugin

    0
  83. 83

    Ahmed kachkach

    July 17th, 2008 6:36 am

    Too full, too charged, too complicated!

    A lot of “buggy” things (the un-transparent “page fold” in the footer) and unesthetic things!

    You can do better, much better!

    -1
  84. 84
  85. 85

    How do i go about having an image in the posts image placeholder?

    0
  86. 86

    Does it works with Wp 2.6?. I cant configure it. Everything is in a wrong place.

    0
  87. 87

    Maleika Attawel

    July 17th, 2008 10:19 am

    Hello, hello.

    Firstly, I’d like to thank everyone for their comments and criticism, good and bad alike, so dankeschön, gracias, thanks, merci, grazie, and … can’t think of any other languages right now. :)

    In response to comment #31:

    Jeff: Add the absolute path to the images locations in your /themes/WordPressFun/images/ie.css folder and it should work.

    In response to comment #41:

    Jeff: That is correct. Thanks for the heads up. The archive page needs to use the archive template page.

    In response to comment #45:

    Ankit: Thanks muchly!

    In response to comment #51:

    Mike, the fonts are Georgia and Arial. As these are “mostly” installed on every computer, I have not included them.

    In response to comment #57:

    Ty, By viewing the source file, you can view the HTML skeleton which is not WordPress dependent.

    In response to commment #59:

    Matthew, the design was not created with a right sidebar column, so unless you’d roll up your sleeves, change the visual layout via the .psd, the CSS, and the HTML as well as the WordPress theme files, it is not possible.

    In response to comment #66:

    Matthew, it is explained in the readme file. If you still have issues, do let me know.

    In response to comment #86:

    jCoote, do you mean the image thumbnails? If so, you will find the instructions in the readme file.

    In response to comment #87:

    dogday, have you installed the theme as outlined in the readme? If you are still experiencing problems after that, do let me know and I’ll be glad to help.

    If I have forgotten anything or neglected to respond to someone’s particular installation issues, do give me a shout.

    Best,

    Maleika

    0
  88. 88

    I feel so silly having totally missed the Readme notes. Thank you for everything Maleika.

    JCoote aka Makki

    0
  89. 89

    One more question i have is how do i change the text shadow in the header?

    0
  90. 90

    Maleika Attawel

    July 17th, 2008 5:34 pm

    JCoote,

    for that you will need to open the .psd file. Assuming you want to change the text to reflect your site (from wordpress.fun to something more adequate), go to the Logo layer and see what styles I have applied to the layer labeled text BG. Create your text, select it, then go to Select > Modify > Expand and enter a value of 2 pixels. For the expanded selection, create a new layer, fill it with a background colour and add a dropshadow or anything else you like.

    0
  91. 91

    Black book design

    July 17th, 2008 6:43 pm

    Maleika Attawel

    Hi Dude,
    nice theme btw.

    first thing: How do you make an image appear in the column-one/php section (featured)
    In your post you have one but even with the custom field in, nothing show’s up.

    Second: the image.php files doesn’t work properly. when you attach an image and have check post url (brings /?attachment=id) the design gets skrewed up.

    Thanks for this nice theme.
    Cheers

    0
  92. 92

    I’m always a fun of ChinHang Chung Illustrations. I’ve got in my queue to release a couple of free themes too using his designs.

    0
  93. 93

    Very nice designed, but are we limited to 4 menu options ? How will the design behave when we had 6 or 8 options?

    Great work

    0
  94. 94

    Thanks for your support Maleika.

    Im still fighting to make this theme look like the screenshot.

    Another question: I have changed some texts and translated other in the psd file. How do I export only the needed zones of the full .psd image to fit the images into the /themes/WordpressFun/images folder (to overwrite them)?

    Thanks in advance again.

    0
  95. 95

    Ok one problem solved. My screen resolution is 1024 x 768 so I couldnt see the theme in the correct way.

    Just need to know as I told, how to export the images.

    Thanks.

    0
  96. 96

    yes, nice theme

    but i cant access to that website :(

    0
  97. 97

    Forbidden

    You don’t have permission to access /images/wordpress-theme-fun/wordpress-fun-source-files.zip on this server.

    :/

    0
  98. 98
  99. 99

    Maleika Attawel

    July 18th, 2008 8:27 am

    dogday,

    take the reference image (original) and open it in Photoshop to see its dimensions and placement. Then go back to your .psd, click on the Rectangular Marquee Tool, set the width and height for the portion you want to extract from the .psd, click on the .psd, place the selection exactly over the portion you want to extract, go to Edit > Copy merged, then File > New and finally Edit > Paste. Name it as the original and upload it to your themes/images/ folder.

    0
  100. 100

    hello
    i wont to use the theme but i’m not able to see the image in the home page. How can i see the imge of article in the index. i see it on the article but not in the home page. where i have to change to insert a thumbuline in index?

    0

  1. 1

    This may be a dumb question, but for the images like “contact”, etc. How do I add my own email so when the person clicks the image, they end up sending an email to me?

    thanks

    +2
  2. 2

    First I would like to thank you for this excellent theme.

    However I have one small issue with it. At the moment I am running WordPress 3.3.1 and when I make a post with pictures in it the layout is distorted when I actually click on the image. This obviously does not happen when I remove the link from the image.

    I guess that WordPress has it’s own way of navigation through images in a post marked as “Gallery” that does not work well with this theme.

    There is a workaround for this, if you force it to open in a different window but I would like to have people cycle the images on the site just like it works with the default WordPress theme.

    Any input is appreciated.

    +2
  3. 3

    very nice :-)

    +1
  4. 4

    Thanks for a great theme.

    In order to get the pictures work in Featured, you need to add this code into colum-one.php

    ID, $key, true); ?>

    My version is at http://www.clausbonne.com/wordpress

    +1
  5. 5

    your page very nice. Thanks

    +1
  6. 6

    Hmm, nice name for a theme.

    +1
  7. 7

    Very very very nice

    +1

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top