jquery-ui-mp6
v1.0.2
Published
Simple and clean jQuery UI Theme for WordPress admin panel.
Downloads
6
Readme
jQuery UI MP6
Simple and clean jQuery UI Theme for WordPress admin panel.
Based on Smoothness of jQuery ThemeRoller.
Color scheme follows WordPress new UI MP6.
Examples are available.
How to Install
Download all source or simply use Bower. To do so, just type this.
bower install jquery-ui-mp6 --save
Ofcouse, your theme or plugin should be bower ready.
How to use
Use css
and images
in src
folder.
If you want use it with WordPress, register like this:
// Register globally.
add_action('init', function(){
wp_register_style('jquery-ui-mp6', 'path/to/jquery-ui.css', array(), '1.0');
});
Now can use it with WordPress' dependency resolver.
// Load it on admin panel.
add_action('admin_enequeue_scripts', function(){
wp_enqueue_style('jquery-ui-mp6');
});
// Or, with your nicely customized admin panel which requires jQuery UI
add_action('admin_enqueue_scripts', function(){
wp_enqueue_style('your-plugin-style', 'path/to/your/style.css', array('jquery-ui-mp6'), '1.0');
});
How to override
Color schemes and icon images are defined at scss/_variables.scss
.
So, if you want to override them, make your-ui.scss
like below.
// For example, jqueyr-ui-mp6 is at /bower_components/jquery-ui-mp6/src
// Your ui.scss will be compiled to /assets/css/your-ui.css
//
// Change Image path to avoid 404
$image-dir: '../../bower_components/jquery-ui-mp6/src/images';
// Change notification color
$notification-color: salmon;
// Change widget border color
$container-border: #888;
Lisence
This source code is released under MIT lisence.