Options Kit

The Options Kit is a collection of example themes for developers using the Options Framework plugin. Each theme has example code for a different set of issues- such as using Google fonts, adding custom styling to the options panel, or hooking in javascript for color palettes.

Included Themes

Options Check – Example theme with all the option types
Options Palettes – Hook in custom javascript to create an color palette option
Options Styles – Hook in custom styles to change the options appearance
Options Typography – Example typography options, including Google fonts
Options Stylesheets – How to load additional stylesheets via the options

Future Updates

I’ll add new option examples as people request them. This also lets me know which features might need to be added or updated in the core plugin. If you have a suggestion, please leave it in the comments.

Support

I can’t offer support for all custom implementations, but I’ll do my best to answer any questions directly related to code in the Options Kit.

Price: $20

If you only plan on using the theme version of the Options Framework, the Options Framework Theme Kit might be what you’re looking for.

After you add it to the cart, click checkout to complete the transaction.

15 thoughts on “Options Kit

  1. David wrote:

    hi devin, i wonder how to use html in description? something like this:

    $options[] = array( "name" => "Textarea",
    "desc" => "Textarea description.",
    "id" => "example_textarea",
    "std" => "Default Text",
    "type" => "textarea" );

    or maybe add images, list (ul,li) etc…

    thank you.

  2. Devin wrote:

    Good idea. I think there’s actually just a kses filter on that for $allowedtags, so it should probably get it’s own filter in the plugin. I’ll look into it.

  3. david wrote:

    Thank you..
    Is there a possibility you’re gonna add some validation for email input, url input, numeric, etc.

    Right now I want to add a text input but only for numeric value, and another one only for url. but I’m not sure how to do it.

    Is this possible?

  4. David wrote:

    hi devin, i’m confuse about the new filter of_options,
    what is it?
    i try as example code in options-framework.php file,
    above function &_optionsframework_options().

    and nothing changed.

    i add it in ‘options-check’ theme functions.php.

    what can i do with it?
    and waht will it change/filter?

    thank you.

  5. David wrote:

    nevermind..
    i edit the wrong file.
    i edited options-typography files, when activating options-check theme.

    LOL.

    great job!

  6. Jan wrote:

    Purchased the templates and they were very helpfull but link color etc. isn’t in the functions.php css part. How do i do that?

    • Devin wrote:

      Thanks for letting me know. It updated now, version 1.0.1.

      • Jan wrote:

        Thanks,

        Another question: Will there be any changes with the theme customiser from wordpress?

      • Devin wrote:

        Hopefully. I am going to try and wire up the Options Framework to the front end customizer and see how it works.

  7. Hence Wijaya wrote:

    How to execute shortcode in editor field type? Thanks

    • Hence Wijaya wrote:

      Found it, just run do_shortcode();

  8. Kayla wrote:

    Is there any way to view the documentation without having the themes activated? It makes it pretty difficult to test on the theme I’m working on when I have to keep deactivating it to view the documentation.

    • Devin wrote:

      What documentation?

  9. John wrote:

    Hi Devin,

    This is amazing, thank you for your contribution!!

    Is there a way to have the link to the options page on the admin menu show up on it’s own? With having “appearance” as it’s parent directory?

    Regards.

    John

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>