Continuing [wp]’s series on [c], today we’re going to be creating the different options.
- 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:
[…] 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.) […]
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..
Do a search, they’ll all show up.
Can anyone tell me how to insert a radio button group in the options page.
[…] 4.1 Create An Advanced Options Page in WordPress (part 2) by WPShout […]
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?
Follow the next day’s tutorial for the next part 🙂
Probably the first option although depends who the theme is aimed at.
[…] 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 […]
[…] An Advanced Options Page in WordPress – 1 – 2 – 3 – 4 Una guida in quattro puntate che vi insegnerà a creare una pagina di opzioni […]
Thanks for the comment :). As always, appreciate you stopping by.
1. Not really my fault, but take the point – in future a text link (if I remember :P)
2. I’m just incapable of getting download links right. The number of times that has happened!
3. Yeah, fair point. The code comes from Biblioteca and I never got around to localisation. It should be possible to translate the options page as when originally researching options pages for Biblioteca (and hence this article), I got a lot of the code from Thematic which is localised.