Как в редактор wordpress добавить свои стили?

Скажите как можно в визуальный редактор вордпресс, в поле «Форматы» добавить свои стили? Что бы можно было выделить текст в редакторе, и выбрав нужный формат к выделенному добавился тег с нужным классом.

Добавить Комментарий
Ответ

Вот пример реализации своих фоматов в визуальном редакторе вордпресс.
Данный код следует размещать либо в плагине или в файле 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' );
 

Добавить Комментарий

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.