Notepad Chaos: A Free WordPress Theme

Advertisement

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.

Notepad Chaos: A Free WordPress Theme

Today we are glad to release Notepad Chaos — a free professional WordPress-theme. The theme has 2 columns, a quite vibrant design including “personal” design elements such as handwritten headings, stick-it-notes, clips and pins. The theme was designed by Evan Eckard especially for Smashing Magazine and its 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 theme has been updated to version 1.5. It’s now up-to-date with cleaner code and includes a lot more functionality (gravatars, dynamic sidebars, etc.). You can find the files and demo here.

Motivation behind the design

Here are some insights about the design process and development from the designer himself.

“I had recently stumbled upon many websites with gorgeous, gigantic, illustrated backgrounds and wanted to try my hand at creating a site that shared that similar element. This theme was an experiment into layering multiple images and having everything line up and flow with the site’s content.

Notebook Chaos
Among other things, the Notepad Chaos theme has handwritten search box and navigation at the top of the layout.

It was quite a challenge to develop the design after creating it, but in the end it helped me gain more experience in CSS and what we designers can do to try and create sites with plenty of visual depth. On the technical side of things, the theme doesn’t use any plugins or extras, and focuses simply on the design.

Sidebar
Sidebar in the Notepad Chaos is designed as a post-it-note and clipped at the top.

The themes uses a custom field called “thumbnail” where the user can add an image to their post. The instructions are within the readme file along with how to set up the menu links.”

Thank you, Evan. We appreciate your work and your good intentions.

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).

You may be interested in the following free WordPress-themes as well:

The Smashing Editorial loves high-quality content and cares about little details. We also believe that content and design are crafts worth sharpening.

  1. 301

    Any idea how to change the number of recent posts that show up on the yellow post it on the side?

    0
  2. 302

    has this site asked for permission to modify? I can not find information

    http://www.prosopopeyadivagante.com/

    0
  3. 303

    umm i new to this and i have this wordpress account and i want this theme i just dont know how to put it there i download it already but the rest im clueless and i really want this theme

    0
  4. 304

    Hello
    je le met tout de suite sur mon site
    I’m french
    traduction:
    I immediately put it on my site (roughly)
    Bye

    0
  5. 305

    Me encanta (i love it) felicitaciones!! (congrats!) fué el que más me gustó de 100 opciones. (it´s the best of 100 options i found in the internet)
    SAludos
    bye bye people

    0
  6. 306

    I am using this theme now! Thanks!
    Sorry for the noob question… How do i remove the footer that says:
    What is this place? This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many pages like this one or sub-pages as you like and manage all of your content inside of WordPress.

    0
  7. 307

    Bettina From Denmark

    May 6th, 2010 4:00 am

    I really would like to have this theme too but I can´t make it right. Could one off you send me the code that I could copy and paste ???? Please.

    0
  8. 308

    one or sub-pages as you like and manage all of your content inside of WordPress.

    0
  9. 309

    evan skuthorpe

    May 29th, 2010 12:20 am

    a nice theme, looking at the files now!

    0
  10. 310

    Awesome Them….good work…

    0
  11. 311

    nice theme ,so great

    0
  12. 312

    Love the theme… but I’m unable to get the “more” feature to work.

    I’ve even downloaded a plugin called Evermore and it also does not work with the theme.

    I’ve looked at it the Preview and Publish mode and neither have this feature working.

    Please advise.

    0
  13. 313

    Forgot to give you the details of my computer setup:
    Am running WinXP Home edition
    Computer is a Dell
    Browser is FireFox

    I’ve tried publishing the post and still the More feature isn’t working.

    Please advise.

    0
  14. 314

    This theme definitely rocks but I’m wondering how to change the ‘About’ and ‘Archives’ buttons. What’s the name of the font you used ’cause I can’t find it.
    Thanks.

    0
    • 315

      Talian is a 3-column, wiegdt-ready, green-and-black theme optimized for SEO and adsense readiness. (No Ratings Yet) Loading Sphere: Related Content

      0
  15. 316

    Its pretty good

    0
  16. 317

    thank u so much
    nice site

    0
  17. 318

    Is Notepad Chaos widget ready?

    It’s a very cool theme, but I can’t seem to find that bit of information.

    Thanks in advance!

    0
  18. 319

    thanks a lot

    0
  19. 320

    Hi there
    Just wondering once I download the psd files and alter in photoshop, how do I get the changes back to html, or to whatever file necessary? Then do I need to upload to? So it shows on my blog?
    Thanking you!!!

    0
  20. 321

    How did you change the background and the tabs to spanish?

    0

  1. 1

    I would LOOOOOOOOOVE to use a theme as beautiful as this, but I can’t because it’s not coded to accommodate the built in gallery function of wordpress, i’ve only run across two or three themes that are coded for the gallery, and even they make the pictures small, i have my pictures about 800 px wide, and i usually need a fluid theme, and unfortunately i only have one fluid theme that doesn’t drop the sidebar to show my pics… i should be happy that i have found ONE such theme, but i would love to be able to use themes like yours

    +1
  2. 2

    Could someone help me ? I downloaded the package but I can’t open it, could someone send me the HTML code ?
    Thank’s !

    +1
  3. 3

    Love this theme but need one thing and have no idea on how to do it. I want to change the page background to a different color I tried using plugin in WP but it does not change the entire background. Im new to this so please if someone know how to change the background color please give me a step by step.

    Thanks You
    Ruben

    +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