Get ready to go naked. On April 9th, 2008, hundreds, possibly thousands, of blogs and websites will go naked in honor of CSS Naked Day. Join fellow WordPress bloggers in honoring web designers and WordPress Theme builders by going naked.
This is the third year of the annual CSS Naked Day which honors web design and designers around the world who help make our websites and blogs look “pretty” to the eye while still being totally functional under the hood. Dustin Diaz wanted to give the web world an opportunity to remind everyone of the benefits of CSS web page design. By removing the stylesheet for the day, the world would see naked web pages, giving a little more appreciation for the skills of web page designers.
As explained yesterday in the Blog Herald announcement of CSS Naked Day, this is also an opportunity to showcase how usable and accessible your web page structure is even without the pretty, reminding the world that it is the law that your website must accessible by everyone using any method to access your blog.
Make Your WordPress Blog Naked
Going naked is easy for WordPress blogs. In Lorelle is Naked, I explained the various options last year on how to turn off your blog’s stylesheet using WordPress Plugins with WordPress Naked Day Plugin for all WordPress versions, CSS Naked Day WordPress Plugin for pre-WordPress 2x blogs, the Naked Day PHP Function script for non-WordPress and PHP driven blogs, do it manually by renaming your blog’s stylesheet for the day, or removing the stylesheet temporarily on WordPress.com blogs.
Recent versions of WordPress will automatically reset to the Default WordPress Theme if no Theme is detected, which means changing the
style.css file will revert your Theme to the Default/Kubrick style. To override this redirection, you must use the WordPress Naked Day Plugin or create a separate Theme that has no styles in the stylesheet, which I’ve prepared just for this event.
I have stripped down the styles in the Default WordPress Theme for current versions of WordPress and pre-WordPress 2.1 versions which changed some of the sidebar tags.
- Unzip and upload the Theme version of choice to your
- Activate the Theme through the Presentation or Design panel.
- Switch back to your regularly scheduled WordPress Theme on April 10.
- From the WordPress Administration Panels, go to Presentation > Edit CSS.
- Cut ALL of the styles from your custom stylesheet and paste them into a text file. Save it with a name you will remember in a very safe place, leaving a blank stylesheet.
- Choose the option: Start from scratch and just use this to create a blank stylesheet.
- Click Save Stylesheet.
- View your WordPress.com blog and all the design elements will be gone. The layout structure will remain but it will be “naked”.
Reverse the process to restore your Sandbox Theme on April 10.
Be sure and sign up for the CSS Naked Day so your blog will be celebrated as one of those honoring web design and designers. Last year, almost 2,000 sites signed up for CSS Naked Day. So far, the list is over 400. Let your naked stance join with others on April 9.
- Blog Herald – Strip Down: Naked CSS Day Instructions
- Bloggers Share Step-by-Step Tips for Increasing Blog Usability
- One Year Anniversary Review: Accessibility and Usability
- How Do You Know If a Blog Has Integrity?
- Creative Usability with WordPress.com Blogs
- Website Accessibility is Now Getting Serious in the USA
- Usability Isn’t Expensive. It’s Practical. Usability is Useful.
- Beauty is Only Skin Deep: Designing Blogs For Feeds, Search Engines and Audience
- Accessibility: For Everyone, Including the Colorblind
- Accessibility Wins SEO Plus Plus
- Image Replacement Techniques
- Accessibility Doesn’t Have to Be Boring
- Validate an Entire Website
- CSS and Web Standard Feeds in One Place
- CSS Switching Styles for the Low Vision User
- More Than You Want to Know – Search Engine Articles, Information, and Resources
- Step-By-Step Website Development – Check List
- CSS Maintainability – Serious Style Sheets
- CSS and Web Page Design List of Resources
- Website Development – International Standards and Languages
- Validating the Code Behind the Page
- Meet Them: Benefits of Compliance with Web Standards
- Blogging About Disabilities
- WordPress in Your Language