Noscope is a bi-weekly journal serving up snacksized portions of pointless stuff since 2001. On a new linode server!
I also do freelance design and usability via dejligt.com

Color Wheel Styler Plugin for WordPress

    13:28 on March 31, 2009 , , , ,

This plugin lets you use a convenient color wheel to assign colors to various sections of your WordPress powered website.

color_wheel_styler.png

The plugin is powered by jQuery and the lovely Farbtastic.

Currently the plugin is supremely minimalistic and simply allows you to color your sidebar, your body text, your links and your background. However, with very little tweaking, you can adjust this plugin to do your bidding, which is probably what you’ll want to do anyway. For instance, you could throw most of the plugin code into functions.php and hardwire it to your specific theme.

Download Color Wheel Styler

If this garners enough interest, possible future features could be on-the-fly addition of classes, IDs and tags right in your admin interface, moving the options page to the “Appearance” tab and the relocation to the WordPress plugin repository. Your thoughts?

[Update]: WordPress 2.8 compatability.

16 Comments

Comments

  1. Harry says:
    July 14, 2009 at 20:50  (Quote)  (Reply)

    great plugin!

    I am using this on all my wordpress sites. however, i found that it doesn’t modify the themes with Stylesheet (style.css).

    for example, even after changing the links color, my links remained the old theme color… and i had to edit the following myself:

    #content .post .post-entry a {

    color: #000000;

    text-decoration: none;

    }

    #content .post .post-entry .more-link {

    font: bold 12px/18px Arial, Verdana;

    color: #000000;

    float: right;

    margin-bottom: 7px;

    }

    #content .post .post-entry .more-link a {

    color: #000000;

    text-decoration: none;

    }

    maybe this can be fixed on a new update =P

    thanks a lot!

  2. simulacrum says:
    July 20, 2009 at 09:29  (Quote)  (Reply)

    How about worpdress 2.8.1? I have no a “convenient color wheel” only fields… :(

  3. Joen says:
    July 20, 2009 at 10:17  (Quote)  (Reply)

    Ouch, no doubt it’s a jQuery conflict. I hate those. It’s now on my todo list. Thanks for the note.

  4. simulacrum says:
    July 20, 2009 at 11:07  (Quote)  (Reply)

    Thank you for your job :)

  5. simulacrum says:
    July 20, 2009 at 13:36  (Quote)  (Reply)

    I changed jquery-1.3.2.min.js to jquery-1.3.1.min.js and now it works!

  6. Joen says:
    July 20, 2009 at 13:37  (Quote)  (Reply)

    Wow, there you have it. WordPress must use 1.3.1. Thanks for letting me know.

  7. Joen says:
    July 20, 2009 at 14:15  (Quote)  (Reply)

    I have tweaked the Color Wheel Styler now, so it should work in WordPress 2.8.2, even with jQuery 1.3.2.

  8. simulacrum says:
    July 20, 2009 at 18:37  (Quote)  (Reply)

    Thanx, I’ll try it :)

  9. Artyom Shamov says:
    July 24, 2009 at 11:19  (Quote)  (Reply)

    Thanks, i’m gonna try it now

  10. W.E.Corey says:
    October 11, 2009 at 06:18  (Quote)  (Reply)

    I simply want to change the color of the text in the main body of my blog.  If I had the capability to change other parts of the web site, that would be useful.  My question however, is:  Can I use this with wordpress 2.84?

  11. Joen says:
    October 11, 2009 at 09:55  (Quote)  (Reply)

    W.E.Corey: I simply want to change the color of the text in the main body of my blog.  If I had the capability to change other parts of the web site, that would be useful.  My question however, is:  Can I use this with wordpress 2.84?

    I’m not sure, actually. It may cause a jQuery conflict in the WordPress admin. I’m going on vacation now, so I can’t test and fix for you, but you can test it:

    1. Install and activate the plugin
    2. change some colors, see if it works
    3. Try adding or editing a post in the post admin screen, make sure you test both the visual editor and the HTML editor, notice if there are any layout errors on the post edit screen
    4. If you can edit, save, post and use the visual editor, and the layout looks as it should, the plugin is working!
  12. Kurt Williams says:
    November 1, 2009 at 01:21  (Quote)  (Reply)

    I installed this plugin, and activated it, now how do you use it?
     
     
    Kurt
     

  13. Joen says:
    November 1, 2009 at 01:35  (Quote)  (Reply)

    You’re supposed to have a new options page called “Color Wheel Styler”, where you can pick colors for your website.

    It may not be compatible with all themes.

  14. Kurt Williams says:
    November 2, 2009 at 18:30  (Quote)  (Reply)

    Joen,
     
     
    I found it, but every time I try to use it I get a message that I don’t have sufficient permissions to access this page. Fortunately I discovered that I already have a way to do  what I want to do without the use of the color wheel.
     
     
    Kurt

  15. Joen says:
    November 2, 2009 at 18:31  (Quote)  (Reply)

    Well that’s odd.

    Oh well, I’m glad you worked things out!

  16. Frederico says:
    June 19, 2010 at 17:12  (Quote)  (Reply)

    It does not work on my blog. I use the WordPress version 3.0

Leave a Reply

Have something to say? Jump right in!

(required)
(required)