The State of WordPress “Theme Options” Pages
40A “Theme Options” page is designed to give control over how a theme looks and functions, solely by setting options in the WordPress dashboard. The user then has no need to edit the core theme files.
Theme Options have become a standard feature in premium WordPress themes (And some free ones too!), and aren’t that complicated to set up.
This post is a roundup of how Theme Options have progressed so far showing you what the advantages are, some resources for creating your own, and a collection of premium themes offering options pages so you can see what’s out there.
And at the end of the post, there’s a competition to win a free PSD to WordPress coding, with a theme options page included! Courtesy of Design to WP, thanks guys!
Advantages of Theme Options
The advantages are quite simple:
- No technical knowledge required – Users can swap between 2 and 3 columns without understanding a single line of HTML or CSS.
- Theme upgrades possible – The theme files are not edited by the user, so the theme can then be upgraded with new features later without losing any of the customizations made by the user (As they are stored in the database).
- User-friendly – Even for users who know their way around a theme, the ease-of-use of just flicking a switch in an options page is far more appealing than editing source code.
- For theme sellers only: Competitive advantage – In terms of premium themes, an options page is now required. Users expect them and your competitors have them, so you can’t not.
Creating Your Own Theme Options Page
Alex Denning from Nometech has put together a series of very detailed posts walking you through creating an options page for a theme. Check them out here:
In Part 3, he shares some screenshots of options pages in free WordPress themes.
Over on WeFunction, there is a great guide to adding options to the Write Post page.
Theme Forest have also put together a tutorial for creating an options page.
Lastly, if you’re stuck for ideas on what to put into your page, Blogsessive have looked around and listed what they found were the most popular features in a theme’s options.
Options Pages from Premium Themes
A lot of themes don’t have screenshots of their Options pages, but this is a collection of the ones I could find. It should help give you some ideas for what you could do with your next theme, or even what options are out there as a customer!
NB – No affiliate links here, it’s just for inspiration. And no company has been listed more than once.
Groovy by NattyWP
Suit and Tie by WooThemes
Arthemia by Color Labs Project
Studio Blue by Elegant Themes
WP Unlimited also seems to have a great set of options, but I couldn’t find any decent screenshots for it. Still worth a look though!
Videos of Theme Options in Use
Press75 have a video of the options page on their “Massive News” theme here.
Thesis have videos of their options page, design options and in-post options.
Win a Free PSD to WordPress Coding, with Theme Options!
Design to WordPress are offering one reader here a free PSD to WordPress conversion, with their control panel included.
To be in with a chance to win, just reply to this post with a comment answering the following question:
What feature would you like most in a theme options page?
I’ll pick a random winner from everyone who enters in 10 days time!
Good luck to everyone who enters!
Enjoy this post? You should follow me on Twitter!
Cheers for linking to my posts Michael, much appreciated.
If I can just add something about part three, the idea was/is you can take the options pages in free themes, fiddle about with them, learn how they work and then implement them into your brilliant own theme.
What would I like to see in an options page? Options to change colours. It’s super easy to do (as the Nometech post explains), but very few people do it.
.-= Alex Denning´s last blog ..Getting Started With WPMU and BuddyPress – Part 2: Installing BuddyPress =-.
Thumbnails! Showing thumbnails in category pages is imho, a must.
.-= Hussain M Elius´s last blog ..My first experience in going viral =-.
awesome post here. I love the screenshots as well.
I like having the option to see the ads in the options panel as soon as you put the image url in to make sure it’s working properly.
I also love having the ability to check boxes to turn on/off specific features.
Oh, and changing the logo image is really nice as well.
.-= Mike Smith´s last blog ..WordPress Wednesday: The Trilogy =-.
[…] Original Article […]
How one goes about developing an options page depends on what should be accomplished with the theme. My biggest theme, Hybrid, adds no design elements to the options page (or at least nothing that would hinder design). All of its settings are solely based on content and adding things that aren’t easy to get to.
Design and layout elements would be a horrible idea for this theme because it’s a framework. It’s meant to be built on top of through plugins/child themes.
I’d like to see more widget areas and custom widgets rather than options pages. It’s easier for users to move widgets around into different places than it is to work with predefined areas and options. Many times, the options page limits what a user can do rather than enhance that ability. It works against the system instead of with it. Widgets give users a wider range of scenarios.
.-= Justin Tadlock´s last blog ..Series: WordPress Plugin =-.
[…] In: WordPress themes 19 Jun 2009 Go to Source […]
Uh, there’s a lot of things here could be nice to have on a options page. Change of some CSS stuff and so on, but one there would be really nice to have is the option to upload a new logo.
[…] The state of WordPress theme option pages […]
[…] View original here: The State of WordPress “Theme Options” Pages | Pro Blog Design […]
Wow, I didn’t know that it’s really easy to change themes in WordPress. Thanks for sharing these, man. Have a great day.
[…] The State of WordPress Theme Options Pages from Pro Blog Design […]
[…] The State of WordPress “Theme Options” Pages […]
– Layout (like FlexxTheme from ithemes)
– each column width
– Logo/header image
about changing colors, this plugin is useful http://wordpress.org/extend/plugins/theme-tweaker/screenshots/
Hello friends,
Indian Stock Market, Share tips, share market, NSE BSE tips, Intraday StockTips, Stock Market Tips , Commodity Tips, Sgx Nifty Future.or more regarding share market information please visit here:-
nifty option
Like the ability of changing header image and easily insert adsense code.
We are building a lot of free themes with Options page on it also. Changing a logo easily would be a nifty feature.
Thanks everyone for entering, you’ve all had lots of great ideas!
The winner of the competition is Mike Smith. Seeing the ads instantly so you can catch on to any mistakes is a great feature! :)
I’ll be in contact about your prize!
Thanks again everyone, more competitions soon! :D
Thank you Michael. I appreciate winning a LOT.
.-= Mike Smith´s last blog ..BTM is rebranding as GUERRILLA (very soon) =-.
Congratulations to the winner. I’ll be in contact with him.
[…] using that theme. Since users can’t edit themes, you may want to make extensive use of theme options pages, since they are set on a blog by blog […]
[…] The State of WordPress “Theme Options” Pages | Pro Blog Design (tags: wordpress, wpmu) […]
[…] in June we looked over the state of theme options pages at the time and found a lot of good things were happening. They make working with themes much […]
This is just great, I can’t really decide which one is the most advanced. Great job and terrific option to reduce number of plugins.
Thanks,
Emil
Thanks for the tutorial.
[…] Theme Options VITALI-SOFTWARE WP SCOOP PRO BLOG DESIGN BLOGSESSIVE CSS REFLEX FOR THE […]
Hi there. Feel free to visit my site where I posted the latest article Top Corporate WordPress themes. I added this theme in the top of the list. Added Download link as well. This site is full of important information about blogging and wordpress tutorial. Would definitely add this site as top WordPress Tutorial Site. Will be publishing the article in few days
thank man for writting about thesis, i’ve installed it on my site theappsplanet in it i can see when i explorer thesis theme options i see there page options man will you please guide me shall i put title , description and keywords for every thing like categories , tags, main etc or just first one is fine. will be back to see the replies. thanks for help.
[…] The State of WordPress "Theme Options" Pages […]
[…] The State of WordPress “Theme Options” Pages […]
[…] The State of WordPress “Theme Options” Pages […]
awesome post here. I love the screenshots as well.
Hi,
Can any one tell me why my thumbnails dont carry over from my homepage to my category page in the thesis theme?? Im really struggling to find help on this one..Thanks..
Theme option has so many functions. Good thing this post was able to share reliable and consistent information.
Theme option really has a lot of great advantages that is why all the users will be interested in using this because of the profits that they can get from it.
Premium themes is definitely the way to go if you want your page to look professional and carry traffic. You see many people out there who do not thing this is important, but yet they don’t have near the traffic or content everyone else has. It’s something to really think about.
[…] The State of WordPress “Theme Options” Pages […]
It’s appropriate time to make a few plans for the longer term and it’s time to be happy. I’ve learn this put up and if I could I desire to recommend you some fascinating issues or advice. Maybe you can write subsequent articles regarding this article. I desire to learn even more issues approximately it!
I simply could not leave your web site before suggesting that I actually enjoyed the usual info an individual provide to your guests? Is going to be again continuously in order to investigate cross-check new posts
[…] The State of WordPress “Theme Options” Pages […]
[…] Theme Options Vitali-Software WP Scoop Pro Blog Design Blogsessive CSS Reflex For The […]