Как в редактор wordpress добавить свои стили?
Решено
Скажите как можно в визуальный редактор вордпресс, в поле «Форматы» добавить свои стили? Что бы можно было выделить текст в редакторе, и выбрав нужный формат к выделенному добавился тег с нужным классом.
1 Ответ(ы)
Ответ
Вот пример реализации своих фоматов в визуальном редакторе вордпресс.
Данный код следует размещать либо в плагине или в файле functions.php который находится в папке с вашей темой.
function mce_mod( $init ) { $init['block_formats'] = 'Paragraph=p;Heading 3=h3;Heading 4=h4'; $style_formats = array ( array( 'title' => 'Bold text', 'inline' => 'b' ), array( 'title' => 'Red text', 'inline' => 'span', 'styles' => array( 'color' => '#ff0000' ) ), array( 'title' => 'Red header', 'block' => 'h1', 'styles' => array( 'color' => '#ff0000' ) ), array( 'title' => 'Example 1', 'inline' => 'span', 'classes' => 'example1' ), array( 'title' => 'Example 2', 'inline' => 'span', 'classes' => 'example2' ) ); $init['style_formats'] = json_encode( $style_formats ); $init['style_formats_merge'] = false; return $init; } add_filter('tiny_mce_before_init', 'mce_mod'); function mce_add_buttons( $buttons ){ array_splice( $buttons, 1, 0, 'styleselect' ); return $buttons; } add_filter( 'mce_buttons_2', 'mce_add_buttons' );