Last active
August 29, 2015 14:24
-
-
Save KnightAlex/05a97900718d2f0454b1 to your computer and use it in GitHub Desktop.
Add custom styles to the WordPress TinyMCE editor
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* add a a styleselect drop down menu on the second row of the buttons */ | |
function wpb_mce_buttons_2($buttons) { | |
array_unshift($buttons, 'styleselect'); | |
return $buttons; | |
} | |
add_filter('mce_buttons_2', 'wpb_mce_buttons_2'); | |
/* | |
* Callback function to filter the MCE settings | |
*/ | |
function my_mce_before_init_insert_formats( $init_array ) { | |
// Define the style_formats array | |
$style_formats = array( | |
// Each array child is a format with it's own settings | |
array( | |
'title' => 'Content Block', | |
'block' => 'span', | |
'classes' => 'content-block', | |
'wrapper' => true, | |
), | |
array( | |
'title' => 'Blue Button', | |
'block' => 'span', | |
'classes' => 'blue-button', | |
'wrapper' => true, | |
), | |
array( | |
'title' => 'Red Button', | |
'block' => 'span', | |
'classes' => 'red-button', | |
'wrapper' => true, | |
), | |
); | |
// Insert the array, JSON ENCODED, into 'style_formats' | |
$init_array['style_formats'] = json_encode( $style_formats ); | |
return $init_array; | |
} | |
// Attach callback to 'tiny_mce_before_init' | |
add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment