Nekkid and Clean!

April 23rd, 2008

Sorry, it's only a website that strips. :P But in the spirit of the true purpose of the annual CSS Naked Day event, I've created two Wordpress themes:

Wordpress Clean Theme
  1. Nekkid: A style-less theme that should hopefully be a big help to those who are interested in uniquely coding their own design for a Wordpress website.
  2. Clean: Using the same template pages as the Nekkid theme, all I did was add images and customize the stylesheet and voila! The "Clean" theme was born. :D

The useful thing about the Nekkid theme is that it should be exceptionally easy for anyone new or inexperienced in theming to make their own style without having to edit a million pages. Since it is time consuming to create your own design structure from scratch, we all have (at least once) just rearranged another theme to fit our needs and added our own styles.

I added wrapper containers with unique classes to almost every element in each template file and then wrote the stylesheet so each class is present but empty of styling. It should be simple enough for anyone to create a theme by just plugging customized styles into the CSS and editing as you go.

For those who are still learning about CSS and/or structure, I pasted lots of reference links for each type of tag in the stylesheet to help you understand its usage. There are also links and comments sprinkled throughout the actual template pages to explain why I chose to use certain formats of Template Tags.

The stylesheet itself might seem bulky or redundant to those with more experience, so feel free to modify and delete whatever you like. You can also combine classes together if you want to use the same look for several types of elements. Please see the Clean theme on how to achieve this if you are unsure.

That is one reason why I created the Clean theme, to give you an example of how you can manipulate Nekkid's CSS classes to style things down to the last pixel. :) That is one thing I think escapes a lot of designers (new and veteran) these days: the ability to fully customize one's website. You get so flustered by the endless lines of code that you toss any notion of writing your own design from scratch.

But have no fear! You can be Nekkid and Clean now forevermore! :cheer: Here are some important features to note about these two themes before downloading either:

  1. Wordpress 2.5 only. No other version supported.
  2. Usable with widgets but you can make your own sidebar too.
  3. Semantic markup structure so your site even looks awesome naked.
  4. A 404 notifier built in to email you any 404 (not found) errors received.
  5. Several unique CSS classes to heavily customize every bit of the design.
  6. In-depth explanations and references to help explain what everything means.
  7. An extra stylesheet for IE you can easily add fixes to if needed.

Ready to download? :D Unzip and upload to the Wordpress themes directory on your site. Please remember that Nekkid is a style-less theme:

Wordpress Nekkid Theme     Wordpress Clean Theme

I'd like to give digital cookies of thanks to Ashley, Hev, and Aisling for testing the Nekkid theme and giving me great feedback! :) I'm still open to suggestions, fixes, etc, so just let me know what you think!

I am so sleepy. You know you're tired when you start trying to close every tag with a strong tag. XD Enjoy the themes, I hope they are helpful!

Comments

This is an old post, so both comments and trackbacks are currently closed. If you wish to leave a response, please contact me.

Holly Apr 23, 2008

Cool! I’m going to bookmark this and come back later, if I ever need a theme. :D

Jakki Apr 23, 2008

Nice job with the layouts. These would definitely come in useful…especially for me since I downloaded about twenty to see just how things were coded in WP when I first installed it! Haha.

Ashley Apr 23, 2008

I can’t wait to get home and play around with your themes some more! Hopefully I can come up with something cool. I think I may try something more simple first though. Either way, it’s fun to play! :D

Aisling Apr 23, 2008

I had crazy amounts of fun with this last night!! I seriously would have died of boredom without it. :P It’s a great idea, and everyone should check it out for sure!! :D

Chien Yee Apr 23, 2008

Ooooh coolies :) I’ll play with your theme when I feel lazy and want to make a theme :P

mendifae Apr 23, 2008

I don’t know about being nekkid but I want to be clean so I downloaded it! :cheer: They both look amazing!!

Melissa Apr 23, 2008

Thanks all. :)

@Mendifae: Do remember though that the Nekkid theme is not meant to be an official theme. It’s just for building your own. :)

Emalee Apr 23, 2008

Thank you so much for this! I’m working on getting a blog up and running on my domain (after using LJ for most of my internet life) and creating a theme for WordPress from scratch seemed like a really daunting task.

I’ll play around with it and let you know how it goes for someone that’s never used WordPress before in their life. ;)

Again, thanks! This was brilliant of you!

Ann Apr 23, 2008

Oh BOIY!!! This is so good, boy has to be spelt as such. This is going to be really useful in future, thank ‘ee :ohyeah:

Destiny Apr 23, 2008

Thanks for sharing these themes. They’re gorgeous and awesome!

Lisa Apr 23, 2008

The clean theme is very nice, and so clean! lol :)
And the nekkid theme is a great idea for people learning to code their own theme :)

Barbilee Apr 23, 2008

cool :) i mite uses them to help blid my own lolz i want to soooooooooo bad but i am so dumb at codeing thanks i donload and hold lolz

Cristina Apr 24, 2008

$0.90 towards the Send-Barbilee-to-Grammar-School fund. XD

Louise Apr 24, 2008

:O That wasn’t nice.

But Melissa, your designs are always so pretty and so functional too. I hope people find “Clean” and “Nekkid” helpful.

Barbilee Apr 24, 2008

thanks Cristina lolz :) if anyone has scein tho i have got better in the spelling from when i 1 started my sites lols

Cristina Apr 24, 2008

@Louise: It was an inside-joke and even Barbilee got it. :$

Louise Apr 24, 2008

Yeah, I thought so. :) That’s great to hear Barbilee.

Sarah Apr 25, 2008

Your themes no doubt will be very helpful, especially the “Nekkid” theme for those who want to have a crack at making their own theme from scratch. Good work as usual, Melissa. :)

Nanda Apr 25, 2008

I love the Clean theme!!! It looks great and… clean. Haha. About the other theme, I like themes with CSS better but this will do for the CSS naked day. Hehe.

Candygirl Apr 25, 2008

The designs look very good and indeed, clean! (:
You do amazing designs, really.

Marieke Apr 28, 2008

Ohh… this is so great! It’s going to be a lot easier when I will create my first own theme… thank you ^^

Vasili Apr 28, 2008

What was the font that you used in the header image? I love these layouts by the way, if I used Wordpress, I would so use them as is! :ohyeah:

Cristina Apr 29, 2008

Hey wench I made you things! Go look at my donations page and the Pixel Team May Bday thread. :ohyeah:

Miranda May 29, 2008

I just downloaded them both and plan to play around with them. Thanks so much for this! You rock, but we already know this <3 :ohyeah: :dance: XD

Melissa May 30, 2008

I’m glad you all are finding them useful. :D