The WordPress Settings Framework aims to take the pain out of creating settings pages for your WordPress plugins by effectively creating a wrapper around the WordPress settings API and making it super simple to create and maintain settings pages.
This repo is actually a working plugin which demonstrates how to implement WPSF in your plugins. See wpsf-test.php
for details.
- Create a folder "wp-settings-framework" in the root of your plugin folder, containing
wp-settings-framework.php
and the "assets" folder. - Create a "settings" folder in your plugin root.
- Create a settings file in your new "settings" folder (e.g.
settings-general.php
)
Now you can set up your plugin like:
class WPSFTest {
/**
* @var string
*/
private $plugin_path;
/**
* @var WordPressSettingsFramework
*/
private $wpsf;
/**
* WPSFTest constructor.
*/
function __construct() {
$this->plugin_path = plugin_dir_path( __FILE__ );
// Include and create a new WordPressSettingsFramework
require_once( $this->plugin_path . 'wp-settings-framework/wp-settings-framework.php' );
$this->wpsf = new WordPressSettingsFramework( $this->plugin_path . 'settings/settings-general.php', 'prefix_settings_general' );
// Add admin menu
add_action( 'admin_menu', array( $this, 'add_settings_page' ), 20 );
// Add an optional settings validation filter (recommended)
add_filter( $this->wpsf->get_option_group() . '_settings_validate', array( &$this, 'validate_settings' ) );
}
/**
* Add settings page.
*/
function settings_page() {
$this->wpsf->add_settings_page( array(
'parent_slug' => 'woocommerce',
'page_title' => __( 'Page Title', 'text-domain' ),
'menu_title' => __( 'menu Title', 'text-domain' ),
'capability' => 'manage_woocommerce',
) );
}
/**
* Validate settings.
*
* @param $input
*
* @return mixed
*/
function validate_settings( $input ) {
// Do your settings validation here
// Same as $sanitize_callback from http://codex.wordpress.org/Function_Reference/register_setting
return $input;
}
// ...
}
Your settings values can be accessed like so:
// Get settings
$this->wpsf->get_settings();
This will get either the saved setting values, or the default values that you set in your settings file.
Or by getting individual settings:
// Get individual setting
$setting = wpsf_get_setting( 'prefix_settings_general', 'general', 'text' );
The settings files work by filling the global $wpsf_settings
array with data in the following format:
$wpsf_settings[] = array(
'section_id' => 'general', // The section ID (required)
'section_title' => 'General Settings', // The section title (required)
'section_description' => 'Some intro description about this section.', // The section description (optional)
'section_order' => 5, // The order of the section (required)
'fields' => array(
array(
'id' => 'text',
'title' => 'Text',
'desc' => 'This is a description.',
'placeholder' => 'This is a placeholder.',
'type' => 'text',
'default' => 'This is the default value'
),
array(
'id' => 'select',
'title' => 'Select',
'desc' => 'This is a description.',
'type' => 'select',
'default' => 'green',
'choices' => array(
'red' => 'Red',
'green' => 'Green',
'blue' => 'Blue'
)
),
// add as many fields as you need...
)
);
Valid fields
values are:
id
- Field IDtitle
- Field titledesc
- Field descriptionplaceholder
- Field placeholdertype
- Field type (text/password/textarea/select/radio/checkbox/checkboxes/color/file)default
- Default value (or selected option)choices
- Array of options (for select/radio/checkboxes)
See settings/example-settings.php
for an example of possible values.
new WordPressSettingsFramework( string $settings_file [, string $option_group = ''] )
Creates a new settings option_group based on a setttings file.
$settings_file
- path to the settings file$option_group
- optional "option_group" override (by default this will be set to the basename of the settings file)
wpsf_get_setting( $option_group, $section_id, $field_id )
Get a setting from an option group
$option_group
- option group id.$section_id
- section id (change to[{$tab_id}_{$section_id}]
when using tabs.$field_id
- field id.
wpsf_delete_settings( $option_group )
Delete all the saved settings from a option group
$option_group
- option group id
Filters
wpsf_register_settings_[option_group]
- The filter used to register your settings. Seesettings/example-settings.php
for an example.[option_group]_settings_validate
- Basically the$sanitize_callback
from register_setting. Use$wpsf->get_option_group()
to get the option group id.wpsf_defaults_[option_group]
- Default args for a settings field
Actions
wpsf_before_field_[option_group]
- Before a field HTML is outputwpsf_before_field_[option_group]_[field_id]
- Before a field HTML is outputwpsf_after_field_[option_group]
- After a field HTML is outputwpsf_after_field_[option_group]_[field_id]
- After a field HTML is outputwpsf_before_settings_[option_group]
- Before settings form HTML is outputwpsf_after_settings_[option_group]
- After settings form HTML is outputwpsf_before_settings_fields_[option_group]
- Before settings form fields HTML is output (inside the<form>
)wpsf_do_settings_sections_[option_group]
- Settings form fields HTMLoutput (inside the<form>
)wpsf_do_settings_sections_[option_group]
- Settings form fields HTMLoutput (inside the<form>
)wpsf_before_tab_links_[option_group]
- Before tabs HTML is outputwpsf_after_tab_links_[option_group]
- After tabs HTML is output
The WordPress Settings Framework was created by Gilbert Pellegrom from Dev7studios and maintained by James Kemp from Iconic
Please contribute by reporting bugs and submitting pull requests.
Want to say thanks? Consider tipping me.