Skip to content

Create An Advanced Options Page in WordPress: Day 2

Continuing [wp]’s series on [c], today we’re going to be creating the different options.

download-2

  • Day 1: Introduction
  • Day 2: Creating the different options
  • Day 3: Styling the options page
  • Day 4: Implementing the options into a theme

Introduced yesterday, this is the second installment of this month’s themed week – create an advanced options page in WordPress. Today we’re going to be creating the different types of options that we can use in our theme options page. The code used in this tutorial comes from my WordPress theme, [b].

Types of options

There are four different ‘types’ of options we’re going to create today: title, large text box, small text box and checkbox. With these four different types of options available to us, we’ll be able to cover all the bases – give users the option to show and hide elements, enter ad codes, Feedburner addresses – anything really. However, as we’re creating an advanced options page here’s a screen of the full options page we’ll be creating over the week:

themeoptionsscreen

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

10 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
Examining Hybrid Core | Wordpress Chronicle
February 15, 2012 5:24 pm

[…] I had to search for where hybrid_get_prefix was to determine what it did. It’s a function in the core.php file. It creates a prefix from the theme name if one isn’t defined. From other tutorials, I know using prefixes prevents duplicate function names (i.e. this tutorial on making Option Pages.) […]

Sumeet Chawla
June 8, 2010 5:17 pm

Great Tutorial Alex. May be you can include a link to the part 2 of the series at the end of this tutorial? I didn’t find any direct means of going ahead..

Monit
May 18, 2010 7:01 pm

Can anyone tell me how to insert a radio button group in the options page.

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

[…] 4.1 Create An Advanced Options Page in WordPress (part 2) by WPShout […]

Jason
February 2, 2010 9:15 pm

Diggin the tutorial. Having a problem with the download file. It seems to be truncated.

What is better? Uploading header images via the theme options page? Or uploading them via FTP and populating a list of images within a specific folder?

Create An Advanced Theme Options Page in WordPress: Day 3 | WPShout.com
November 29, 2009 5:34 pm

[…] them and creating the actual page that displays them in the WordPress backend.Day 1: IntroductionDay 2: Creating the different optionsDay 3: Styling the options pageDay 4: Implementing the options into a themeCreating the options […]

Il meglio della settimana #33 | BigThink
October 11, 2009 9:09 pm

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

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)!