An options panel is pretty much essential these days for any premium theme; they are a great step forward in theme design for the casual user as it gives them the abilility to customise certain aspects of their sites without having to delve through html and css which is alien to them.
The more options on offer, the better really but it can be difficult to provide something that is powerfull and easy to use at the same time. We must consider interface best practices and other considerations.
In this article we will be looking at some nice examples from premium theme companies to start with and then looking at how you can code your own theme options panel.
The Elegant Themes ePanel is one of my favourites, its a very attractive design with gradients to simulate a 3D feel, nice clear icons and really nice intuitive feel. Its backed up with some jQuery and Ajax so no page re-loads are needed.
Elegant Themes include an overview of the ePanel here, including a video of the features.
FlexiThemes are another premium theme company with an attractive options panel, named the FlexiPanel. When I joined the, panel wasn’t included with all their themes but I assume they will be upgrading it to all of them soon.
The FlexiPanel covers all the main options we expect from a premium theme, including layout, colors, social media integration, advertising & menus.
This one is a work in progress, my own WordPress plugin WP-Answers will soon ship with an advanced options panel. I’m currently coding it but I thought I’d include it here anyway so you can see the styling choices I went for.
Another premium theme company, Themeshift, provide a range of attractive business, personal and magazine style themes. All their themes come included with a range of features including their own options panel :
I hadn’t heard of Kreative themes before researching this post but I was impressed with the quality of their website and the range of themes that they offer. They include clear screenshots of their options panel, called the “Kreative Admin Framework” :
Theme Warrior are another premium theme company that I hadn’t heard of before, they actually got in touch with me in the comments section after reading this post. They added a preview of their theme options panel and very nice it looks too :
While researching this article I came across many premium theme companies that only listed their theme options panel as a feature, no demo of it and not even full size screen shots of it. I consider this to be one of the main selling points of a premium theme as the non-technical user wants to know they can easily customise their site, without knowing what options are open to them it has to put them off buying, or having to request further information.
I have been considering creating some premium themes to sell and I will definately be putting some time into creating a well-functioning theme options panel and will make a demo of it available.
Now we have taken a look at some nice commerical examples, lets find out how to create one …
Including a Theme Options page for your theme is one of the best ways to increase ease-of-use for managing a complex theme. However, a few quick Google searches later and most people give up. Such a great inclusion for theme design appears to have such little documentation, that it appears to be one of those heavily guarded secrets which only the crème de la crème of designers hold the key to.
Creating a WordPress theme options page is something that we’ve touched on before on WPShout, 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.
Today we will be incorporating an options panel for the WordPress Classic theme. The methods you will learn will allow you to very easily integrate it into an existing theme you’re working on.
Mimbo is one of the most used magazine theme for wordpress, it’s a great theme ! The only weakness is the way you change its options … Manually in the code …
It’s why i decided to create my own custom mimbo theme which includes a control panel. In this post I’m going to show you how you can create a control panel for your theme (in this example I will use mimbo).
Today, we’ll go through the entire process of creating an admin options panel for a WordPress theme, using the excellent WooFramework as an example. Then, we’ll take things a step further, as we implement jQuery to improve some of the functionality.
Have you built your own wordpress theme and now would like to add flexibility by allowing the admin to customize parts of it? Then what you need is an Options page within the WP admin side. Now you’re thinking “OMG, admin side? That’s much too complex for me!!!”. FALSE! Believe me: read this tutorial, and then you’ll be able to add any kind of option to your theme!
Are you running WordPress? And how are you controlling all options of your current wordpress theme? WordPress offers you get_option() function to get the options of your wordpress. However, all of default options wordpress gives to you are not enough. You maybe want to add more options that easy to implement on your theme design. How to do that? This tutorial will help you create options and administrate them in wordpress admin page.
For a long while the option panels where something that people could only find in premium (commercial) themes, and for a good reason. The pricing of their licenses allowed the premium theme developers to invest more time in giving theme users the ways to do through these panels what they could not do through coding.
In this post you’ll find out how to add and create a custom wordpress theme options page inside the administration area which will let you Add/Edit your own Youtube video, for use in your sidebar.
Theme Options pages are growing in popularity among quality WordPress themes. They provide the user with greater customization control over their website without having to know a hint of HTML or CSS.
Not many WordPress themes have additional settings page where blog admins can adjust some of the themes settings. One of the reasons for this is hard to find examples describing in details what you need to do.
Disclosure: This page may contain affiliate links for which we will receive compensation if a purchase is made via the link.