Everything you need to use WP Theme Options

jQuery UI Slider

Illustrative image for the component output.

Illustrative image for the component output.

Defining in the Array

To insert this component on the Theme Options you’ll need to put the following code in the file functions.array.php.

$fuse_options[] = array(
  'name' => __('jQuery UI Slider','textdomain'),
  'description' => __('Some description here (not mandatory)','textdomain'),
  'id' => 'themeoptions_uisliderID1',
  'std' => '10',
  'type' => 'ui_slider',
  'options' => array(
    'min' => '0',
    'max' => '100',
    'step' => '2'

This component need to be configured with the options (min, max and step), basically it’s the range of values for the UI Slider.

How to use on your theme

Make sure you already defined the global variable in the file you want to use the Theme Options values (without this it won’t return the values):

global $fuseData;

After this, you just need to call the unique ID, for example:

echo $fuseData['themeoptions_uisliderID1'];

Some ideas for you

This component can be used for multiple purposes, we highly recommend for this ones:

  • Number of posts to show
  • Number of columns