QPwilm! wordpress theme

QPwilm screenshot Now that my new site is up and running, I have decided to generify the design and clean up the code a little bit, add some documentation and release it as a Word Press theme. It’s based off of a theme called Qwilm! designed by Lokesh Dhakar and rebuilt by Oriol Sanchez. I remixed the theme, added a bit of typographicalization and a dash of code politely-appropriated from Kubrick (the default wp theme). I’m calling it QPwilm!

It’s definitely for the 1024×768 and 1280×1024 crowd, but it’s got qwilm!’s elasticity for smaller monitors. i ♥ big type. next up, i’m working on getting the theme fully validated. Since I made this theme to suit my own site, it features varying out-of-the-box support for a bunch of handy wp plugins and widgets, which pretty much makes it WP 2.1 and above. The template pages detect if a plugin is installed, so the theme is essentially plugin independant, which means that you can use or not use any of the following plugins at your descretion:

You can download it directly from me here or you can test the demo (it ain’t pretty) and download it at the official WordPress themes site, enjoy!

Version Info

  • Current version: 1.2 – Apr 22 ’07 – I added support for “WP Admin Bar Reloaded” and fixed “QPwilm!” link in sidebar.
  • 1.1 – initial release

Making the theme pretty

There are notes in the stylesheet, to have floating text wrapped images. Try applying classes to the image:

  • class="alignleft"example
  • class="alignright"example
  • class="centered"

There are notes in the stylesheet to change the header style, there are three styles:

  • blog name and description in live text left-aligned
  • blog name in live text in floating red badge
  • blog name in image in floating red badge

Column widths were designed to compliment Flickr‘s square, thumbnail, small and medium sized images:

  • 3 small vertically oriented images in a row – example
  • 2 small horizontally oriented images in a row – example
  • 1 medium horizontally oriented image – example
  • 5 square images in a row – example

The nav bar hasn’t been set up for child pages – i’ll fix this in the next version

This entry was posted in projects. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

10 Comments

  1. Posted April 18, 2007 at 3:22 pm | Permalink

    Very nice theme!

  2. Posted April 18, 2007 at 3:31 pm | Permalink

    wow :) great mod :) I’ve also built my theme from the code of Qwilm… nice one ain’t it? it’s easy to tweak but also works both on IE and firefox…..

    as for the download on the wordpress theme sites… I won’t advise you to continue waiting…since I’ve already released 2 themes and I’ve yet not got my password lol….can’t blame them….. with all those themes they sure are busy…

    I’m still tweaking that theme of mine called myJournal(even if I made it available for download :(

    there’s an issue with the Qwilm theme and ultimately your theme too… try viewing it on an 800×600 resolution monitor, the sidebar breaks and gets at the bottom…..many people are still with an 800×600, mostly 30% from what my stats tell me and sure that’s not fun to view my site without sidebar content lol :)

    I’m also trying to validate my theme before releasing a second version….

    hey if you need help with the sidebar issue, do tell me and I would be glad to help you….

    would you mind, I put your theme among my theme download section…under a favs section to recommend it to people…

  3. Posted April 19, 2007 at 8:45 am | Permalink

    Hey Hans, my stats are a little different, 800×600 only make up 6% 3% of my viewers. on top of that, I assume that a good portion of those are people doing google searches for content that has nothing to do with my site. When i resize the browser to 800×600 and both sidebars drop to the bottom, I’m ok with that, I actually like sites with bottom sidebars. i’m not ok with it not validating, but most of the errors i get seem to be from html inserted from various plugins and widgets, but if you have any advice, i’d surely take it, especially on validation. thanks!

  4. Posted April 19, 2007 at 10:38 am | Permalink

    Nice work on this skin/theme. I especially like the browser resize mod with the 2/3 columns… hot !!
    There was a time in my design life when red and grey never ever played well together … you’re pulled it off though with the white blocks and the reversed white on red titles.

    8/6 is dead man …. we’re even telling almost all our clients to move on up .. I’m sure 97% of your audience are seeing 1024 just fine !

  5. Posted April 22, 2007 at 4:29 am | Permalink

    I would suggest you reading the quick tips from Elliott Back on valid XHTML….. actually making your blog valid xhtml is extremely easy once you’ve got the grip of the basics and the appropriate tools…please subscribe to my feeds since I shall be posting a much more detailed article based from the tips of Elliott but with the required tools for making things easier…

    some tips that you could apply right now is :
    1) try validating your homepage first….. for e.g if you were on a post, you would be calling some plugins like on mine, the myavatar plugins which make my page invalid….. so don’t tire yourself now with the plugins issue…your homepage won’t be calling many that works only on post page….on my blog I give the link to validate only my homepage(which is valid xhtml) since any single post would be invalid because of the myavatar plugins :)
    2)make sure to add the alt attribute to your image…this to make things easier : turn off the visual editor from your options or user section and use the img button from your dashboard…this will pop up a dialog box asking for the image location and then the alt text..which I found much easier…
    3)when I tried validating the page I’m currently on, it gives me some error which I think you could fix rather easily like substituting & with & from the Flickr badge code :)

    and many more simple stuffs like this, some of which I think you already know….. I also came by some plugins that I shall be posting in the post… Hope this could help

    Also I like reading 456 Berea Street for my daily dose on web standards etc…

    what’s your favourite blog on web standards etc :)

  6. Posted April 22, 2007 at 4:31 am | Permalink

    oh for the amp I meant & amp ; (without the spaces :)

  7. Kuba
    Posted July 13, 2007 at 6:34 am | Permalink

    Hi! Thanks for the best WordPress theme I’ve ever saw! I decided to use it for my new blog (zasina.blink.pl/lodzioholik). I modified your’s theme, but I don’t know, how to use nice “Column widths were designed to compliment Flickr’s square, thumbnail, small and medium sized images”. Can you help me?

  8. Posted September 10, 2007 at 7:17 pm | Permalink

    great theme wish I understood a bit more wordpress stuff to understand it completely

  9. Posted January 7, 2009 at 9:40 pm | Permalink

    i love this theme!
    i have to set it up and personalize it.
    muchas gracias por compartir!!!

  10. Posted December 30, 2009 at 5:57 pm | Permalink

    hey, your sticky menu link is broken, here’s the correct link (i think) http://www.inacode.com/wordpress/sticky-menu-plugin-for-wordpress

13 Trackbacks

  1. [...] QPwilm is a three column, widget ready theme in shades of blue, white and gray. [...]

  2. [...] QPwilm tiene tres columnas, soporte para widget y colores azul, blanco y gris. [...]

  3. [...] QPwilm es un tema a 3 columnas, listo para widgets, en tonos azul, blanco y gris. [...]

  4. [...] QPwilm is a three column, widget ready theme in shades of blue, white and gray. [...]

  5. By Temas para WordPress « Disenia on May 2, 2007 at 2:03 pm

    [...] QPwilm es un tema a 3 columnas, listo para widgets, en tonos azul, blanco y gris. [...]

  6. [...] Quality Peoples » QPwilm! wordpress theme [...]

  7. By wpSnap - The Very Best of WordPress! » QPwilm! on August 7, 2007 at 10:20 am

    [...] Links: Download | Demo | Theme URI [...]

  8. By QP | 3 Years Remembered on September 12, 2007 at 1:22 am

    [...] my pre-wedding photos in a hard drive crash, went surfing at The Cove and almost got lost at sea, released my first (and worst) Word Press theme: QPwilm!, endlessly edited and posted photos from our honeymoon, caught several really good days of surfing [...]

  9. [...] to these dudes for a nice blue theme made with clear heads. Should teach those drunken coders a thing or two, my [...]

  10. [...] QPwilm! wordpress theme (Quality Peoples) [...]

  11. [...] QPwilm! wordpress theme (Quality Peoples) [...]

  12. By petecarpenter.com » 8/26/2008 on August 26, 2008 at 8:27 am

    [...] changed a little bit around here. It was time for a new look. The old one was so 2006. Thanks to Ed for the theme. It’s still a work in progress, but I’m digging it so far. Nice and [...]

  13. By OUT THERE ON THE WEB | blog.pauloribeiro.net on January 6, 2009 at 7:51 am

    [...] Quality Peoples. I follow his blog for a long time, and is on my TOP 1. He is also responsible for QPWilm! theme, in which this blog is based. All this to tell you to check his interview on Stevey’s blog [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*