have always wanted to customize the admin section for the wordpress plugin that I create for my clients. Most of the times when I create a plugin, I use jQuery accordion as a navigation menu for the admin panel. This makes it look really cool. But we will not be looking at accordion for now.
Now these check boxes are incorporated with CSS3. So let’s go about placing them in the admin section.
create a checkbox that you want customized in the admin section. So in this case i’l open my plugin’s admin page and place the code. You can copy the code from cssdeck as well since the html attributes need to match the css for it to work.
Doing this will result in a checkbox inside of a div with a class of slideThree.
NOTE: This scheckbox won’t save be functional at the moment as far as saving options goes. I will assume you know how to register setting in wordpress and save options.
At this point if you head over to your admin panel, you will see a beautiful css3 check box, but it won’t be saving our changes yet.
It does not work, since when we try to turn it on in other words check the box, and save changes. The button will still be off.
So like I said, I won’t be going into registering setting in wordpress here, but if you want you can check out my cool video tutorial that will show you how.
So when I register setting and do the appropriate, I will end up with the above code edited as so;
the $myglobal_option is a global variable which hold the value of mycheckbox_setting.
When all these is done correctly, you will be able to check and uncheck options by turning on and off the css3 checkbox.
Make sure you watch the tutorial on plugin development if you don’t understand any of these. If you have any question post them in the comment section i’l be more than happy to answer them.