Skip to content

Instantly share code, notes, and snippets.

@SErr0r
Created June 20, 2016 14:32
Show Gist options
  • Save SErr0r/05c9197587e163219668b69ae6f80c13 to your computer and use it in GitHub Desktop.
Save SErr0r/05c9197587e163219668b69ae6f80c13 to your computer and use it in GitHub Desktop.
Customize TinyMCE in WordPress
<?php
// Customize Font Family, Size, and Color Options
function vital_tinymce($options) {
$options['fontsize_formats'] = '0.75em 0.875em 1em 1.125em 1.25em 1.375em 1.5em 1.75em 1.875em 2em';
// Color Picker
$options['textcolor_map'] = '['.'
"ffffff", "White",
"000000", "Black"
'.']';
// Font Families
// The last family listed must NOT have a semicolon before the closing quote
$options['font_formats'] = 'Helvetica=Helvetica, Arial, sans-serif;'.
'Georgia=Georgia, Cambria, Times New Roman, Times, serif';
return $options;
}
add_filter('tiny_mce_before_init', 'vital_tinymce');
// Custom Text Styles (Formats)
function vital_tinymce_styles($custom_styles) {
$styles = array(
array(
'title' => 'Text',
'items' => array(
array(
'title' => 'Intro Text',
'selector' => 'p',
'classes' => 'intro-text',
'wrapper' => false
),
array(
'title' => 'Pull Quote',
'selector' => 'p',
'classes' => 'pull-quote',
'wrapper' => false
)
)
),
array(
'title' => 'Buttons',
'items' => array(
array(
'title' => 'Red Button',
'selector' => 'a',
'classes' => 'red-button',
'wrapper' => false
),
array(
'title' => 'Blue Button',
'selector' => 'a',
'classes' => 'blue-button',
'wrapper' => false
)
)
),
array(
'title' => 'Blocks',
'items' => array(
array(
'title' => 'Call to Action',
'block' => 'div',
'classes' => 'cta',
'wrapper' => true
)
)
)
);
$custom_styles['style_formats'] = json_encode($styles);
return $custom_styles;
}
add_filter('tiny_mce_before_init', 'vital_tinymce_styles');
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment