Jared Harbour

Josh Lyford

<a href="http://themekitwp.com/" rel="nofollow ugc">ThemeKit</a> is a WordPress plugin that helps you supercharge your self-hosted WordPress themes and plugins by providing a uniform way to create options.
For more information, check out <a href="http://themekitwp.com/" rel="nofollow ugc">themekitwp.com</a>.
Features include:
<ul>
<li>Integration with Google Fonts.</li>
<li>All data is save in a single option and images are using a custom post type. </li>
<li>Easily create options for almost anything.</li>
<li>Prebuilt controls for fonts, borders, text, checkboxes, radio buttons and more.</li>
<li>Customized version of the WordPress Media Uploader for image management.</li>
<li>and many more options to come!</li>
</ul>

ThemeKit For WordPress

Supercharge your WordPress themes and plugins with powerful features that are easy to create.

Jon Christopher

Build any number of options screens based on <a href="https://wordpress.org/plugins/custom-field-suite/" rel="ugc">Custom Field Suite</a>.
<h4>For Example</h4>
Begin by creating Field Group(s) you want to include on your options screen. Be sure to set NO Placement Rules. Once it’s created, note the post ID it uses. You can then register any number of options screens like so:
<pre><code>function my_cfs_options_screens( $screens ) {
 $screens[] = array(
 'name' => 'options',
 'menu_title' => __( 'Site Options' ),
 'page_title' => __( 'Customize Site Options' ),
 'menu_position' => 100,
 'icon' => 'dashicons-admin-generic', // optional, dashicons-admin-generic is the default
 'field_groups' => array( 'My Field Group' ), // Field Group name(s) of CFS Field Group to use on this page (can also be post IDs)
 );

 return $screens;
}

add_filter( 'cfs_options_screens', 'my_cfs_options_screens' );
</code></pre>
<h4>Retrieve your options like so:</h4>
<pre><code>$value = cfs_get_option( 'options_screen_name', 'cfs_field_name_from_field_group' );
</code></pre>
You can set up multiple top level and/or children options pages by adding a <code>parent</code> argument when registering your screen:
<pre><code>function my_cfs_options_screens( $screens ) {

 // Parent
 $screens[] = array(
 'name' => 'options',
 'field_groups' => array( 'My Parent Field Group Name' ),
 );

 // Child
 $screens[] = array(
 'name' => 'options-nav',
 'parent' => 'options', // name of the parent
 'field_groups' => array( 'My Child Field Group Name' ),
 );

 return $screens;
 }

 add_filter( 'cfs_options_screens', 'my_cfs_options_screens' );
</code></pre>
You can also use CFS Options Screens to set up Field Group ‘defaults’, allowing a Field Group to appear both on a CFS Options Screen and a post edit screen. The CFS Options Screen will act as the default/fallback and the post edit screen will override those defaults.
<pre><code>function my_cfs_options_screens( $screens ) {
 $screens[] = array(
 'name' => 'options',
 'menu_title' => __( 'Site Options' ),
 'page_title' => __( 'Customize Site Options' ),
 'menu_position' => 100,
 'icon' => 'dashicons-admin-generic', // optional, dashicons-admin-generic is the default
 'field_groups' => array(
 array(
 'title' => 'My CFS Field Group Name',
 'has_overrides' => true,
 ),
 ),
 );

 return $screens;
}

add_filter( 'cfs_options_screens', 'my_cfs_options_screens' );
</code></pre>
Check out the <code>cfs_options_screens_override_note_default</code> and <code>cfs_options_screens_override_note_override</code> filters to customize the messaging for CFS Options Screens overrides.

CFS Options Screens

Create options screens that utilize Custom Field Suite

ThemeKit For WordPress vs CFS Options Screens