WordPress Customize (Color Picker) Tutorial

WordPress Customize (Color Picker) Tutorial


Learn how to add custom admin options to your theme so users can customize the appearance. Check out my “Get a Web Developer Job” course:

Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for educational purposes to dissect and review):

To view a complete list of the WordPress lessons in sequential order visit:

Want to share the WordPress website that you’ve been creating on your computer with the world? Learn about the web host I use and how you can get a domain + hosting for .95 a month ( savings):

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at

Follow LearnWebCode on Twitter for resources and updates:

26 Comments

26 Replies to “WordPress Customize (Color Picker) Tutorial”

  1. EXCELLENT tutorial’s. Thank’s a lot and keep up 😉

  2. thanks it help me a lot..I hope wordpress can communicate through PHP and javascripts frameworks..look forward on it.and once again thanks a lot..

  3. could you please tell me what is the name of your text editor that you have been using in this tutorial series?

  4. i realy realy thank you for this Tutos, it’s realy awesome,
    again thank you…

  5. Hey there! Thanks for the videos, been following along the entire time. I’m happy to say I began learning WordPress dev through your tutorials and have branched out since your series ended. I’m almost ready to launch my first premium responsive highly dynamic wordpress theme! Its hidden in my local host for now but as soon as it’s released I will definitely share it with you! I integrated an internal contact messaging system, full theme options, zoom on image hover, 9 custom plugins, optional ad areas, custom comment section, custom featured slider, many backend options, internal seo etc. I’m a somewhat successful blogger and developer, learning to code in wordpress is a godsend, your videos gave me the base syntax and understanding to push it to the limit! I’ll contact you and give you a free copy of the theme and plugins when it’s released. A gift for the tutorials. Thanks again.

  6. Great video, thank you for the help! I’m just curious about one thing. How are you seeing the live updates of your modified theme in your WordPress? I’ve been using SublimeText on my desktop (Mac) and don’t know how to get the new theme on WordPress to see if the changes worked. Might seem like a silly question but it would help a lot. Thanks!

  7. I copy your code to try it but it’s output Parse error: syntax error, unexpected ‘function’ (T_FUNCTION) !!! on the line where it is starting
    function learningWordPress_customize_register( $wp_customize ) {

  8. how to show one post with thumbnail title and content from category and remaining posts with small thumbnails and title in same page wordpress. (like news theme home page).

  9. at the end of the course i can’t wait to see you another course tutorial.
    you are the great teacher I ever see,
    thank you very much
    Sam

  10. I have watched all this WordPress Theme Development playlist( all 17 videos) and took notes and practiced on Dreamweaver; now i have an 81-page document with comments and screenshots and it s a valuable resource to me ! thank you SOO much for this AMAZING tutorial !!!!!!!

  11. Hello sir, it’s been a great time watching ur videos of WP. You have covered a great part of wp but i have a suggestion, why don’t u post the video of how to make ur theme WOOCOMMERCE compatible! I’m very eager to learn that part! Hope to see sumthin related to that too!, anyways thankyou very much for these wp videos, thanks!

  12. I can’t describe the joy I feel going through these lessons. I feel like a kid again, waking up to work on a model or woodshop project. Every lesson, I can tell my neurons are firing up in ways they haven’t in years, devouring new information and possibilities. 🙂

  13. Excuse me, I did everything you showed, everything works correctly – i have Standard colors in customize options, i have settings to change – but my Output Customize CSS function doesn’t work. Can you help me?

Comments are closed.