Skip to content

Create An Advanced Theme Options Panel in WordPress

This is the start of [wp]’s second ‘themed week’, which run every first week of the month. Last month we got started with WordPress theme development and this month we’re going to be creating an advanced theme options page.

Creating a WordPress theme options page is something that we’ve touched on before on [wp], and this week we’ll be expanding on what we covered before to create not just a theme options page, but an advanced theme options page; we’ll be creating something that lets users change layouts, hide and display different elements dotted around the theme, enter ad codes, footer text, tracking codes, Feedburner URLs, anything really:

themeoptionsscreen

This is a screen of the options page we’ll be creating over the next couple of days – as you can see, pretty impressive! The plan for the week is as follows:

And that’s pretty much it. Unlike last time there won’t be a free eBook to download at the end of the week, but this is a shorter series at only four days. Throughout the week you’ll be most welcome to ask any questions etc etc through the comments, and I’d ask if you’re going to save the series to any social media site then please save this post. The code for the tutorial series comes from my WordPress theme framework, [b] (that in turn is based on Thematic’s options page).

That’s all the admin stuff out the way, so [s], save this post to Delicious and grab a cup of tea. It’s going to be an interesting week.

Yay! 🎉 You made it to the end of the article!
Alex Denning

20 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
25 WordPress Theme Development Tutorials to Get Started - Rockable Themes
January 28, 2013 12:15 pm

[…] 18. Create An Advanced Theme Options Panel in WordPress […]

100+ Resources for WordPress Theme Developers | E-SEOPRO
November 1, 2011 6:26 pm

[…] Creating An Advanced Options Page in WordPress Part 1, Part 2, Part 3, and Part 4 […]

woodwork course
October 28, 2011 11:16 pm

I would try to follow this series!

Daniel
November 8, 2010 8:06 am

Hi and thanks for this tutorial! Everything works well for me… but when I turn WP_DEBUG on I get the following error message in wp-admin:

Notice: Undefined index: page in C:\Documents and Settings\Daniel\My Documents\Programming\xampp\htdocs\wordpress\wp-content\themes\transparency1.1\library\functions-theme-options.php on line 29

Line 29 in my code is:

if($_GET[‘page’] == basename(__FILE__)) {

Can you help me?

10 Resources to Help You Create a Wordpress Options Page
June 7, 2010 8:28 pm

[…] Create an Advanced Options Page in WordPress […]

100+ Resources for WordPress Theme Developers | BloggingBlogging.com
April 28, 2010 6:05 am

[…] Creating An Advanced Options Page in WordPress Part 1, Part 2, Part 3, and Part 4 […]

zek
April 13, 2010 1:20 am

Hello,
I’m using studiopress lifestyle classic theme. It have option page for the themes. How i can have textarea fill with color code in option page that will changed background color, wrap border color & wrap background color.

Thanks

Basics Of WordPress Theme Design | WPShout.com
April 11, 2010 8:07 pm

[…] are too created from the functions.php file. WPShout has a whole tutorial written on the topic here.Language – the functions.php file lets you set up the option for multi-lingual theming.As the […]

9 Excellent Wordpress Theme Options Page Tutorials | Designer Wall
April 4, 2010 8:19 am

[…] 9. Create An Advanced Options Page in WordPress […]

10+ WordPress Tutorials: How to Create an Options Page for Your WordPress Themes and Frameworks - WPConstructs.com
March 6, 2010 5:39 am

[…] 4. Create An Advanced Options Page in WordPress (part 1) by WPShout […]

Comment Name Violation
March 5, 2010 12:49 pm

Really interesting tutorial. I’ve got it saved.

Thanks also to @davin for the link 😉

Cheers mate.

WordPress Theme Tester, Anyone? | Amor's Personal Website
January 28, 2010 8:55 am

[…] to include Advanced Options Page in a theme, glad I read Alex Denning’s article on how to Create an Advanced Options Page in WordPress. Thank you, thank you! I don’t know if I would be able to make it myself hadn’t I read […]

6 Tips to Take Your WordPress Theme from Good to Great - Fantastic Web Design
December 3, 2009 8:26 am

[…] Create An Advanced Options Page in WordPress […]

10 More Tips To Improve Your WordPress Theme | WPShout.com
December 2, 2009 6:06 pm

[…] page isn’t that hard (and needn’t be hard either) – recently WPShout ran “Create an Advanced Theme Options Page” in which, as you might have guessed, we created an advanced theme options page with options […]

Devin
December 20, 2010 1:20 am
Reply to  Alex Denning

Hey Alex. Just seeing this comment back to me, almost a year later. I guess there’s always a fine line between plugging your own site and genuinely engaging in the conversation. Thanks for approving it at any rate- didn’t mean to be sleazy about it.

5 Tips for Free Wordpress Theme Authors | Devlounge
November 11, 2009 10:15 pm

[…] People love having options. Make it easy on your users to customize or personalize your Theme by creating and including an Options page. Don’t know where to start? Check out this easy tutorial, or this more advanced one. […]

Il meglio della settimana #33 | BigThink
October 10, 2009 9:03 am

[…] Create An Advanced Options Page in WordPress – 1 – 2 – 3 – 4 Una guida in quattro puntate che vi insegnerà a creare una pagina di opzioni avanzata per il vostro tema WordPress. […]

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!

20
0
Would love your thoughts, please comment.x

Most Searched Articles

Best JavaScript Libraries and Frameworks: Try These 14 in 2024

In this post, we look at the best JavaScript libraries and frameworks to try out this year. Why? Well, with JavaScript being available in every web browser, this makes it the most accessible programming language of ...

20 Best Free WordPress Themes for 2024 (Responsive, Mobile-Ready, Beautiful)

If you're looking for only the best free WordPress themes in the market for this year, then you're in the right place. We have more than enough such themes for you right ...

12 Best WordPress Hosting Providers of 2024 Compared and Tested

Looking for the best WordPress hosting that you can actually afford? We did the testing for you. Here are 10+ best hosts on the market ...

Handpicked Articles

How to Make a WordPress Website: Ultimate Guide for All Users – Beginners, Intermediate, Advanced

Many people wonder how to make a WordPress website. They’ve heard about WordPress, its incredible popularity, excellent features and designs, and now they want to join the pack and build a WordPress website of their own. So, where does one get ...

How to Start an Ecommerce Business: Ultimate Guide for 2024

Is this going to be the year you learn how to start an eCommerce business from scratch? You’re certainly in the right place! This guide will give you a roadmap to getting from 0 to a fully functional eCommerce business. ...