Довольно часто в редакторе WordPress, для оформления текста с помощью CSS стилей я использую теги span, div и другие. Например если мне нужно красиво представить технические характеристики, я пишу:
- Размер1200 мм.
- ФасадМДФ ПВХ
- ЦветФиолетовый
- Столешница26 мм.
После чего создаю дополнительный класс, где указываю правила.
Однако на выходе мы получим следующее:
- Размер1200 мм.
- ФасадМДФ ПВХ
- ЦветФиолетовый
- Столешница26 мм.
Все ваши труды уничтожены, а всё потому что валидатор кода в WordPress убрал лишние по его мнению теги. Чтобы этого не происходило — прописываем в файл function.php вашей темы следующее:
// Запрещаем удаление пустых span и div в визуальном редакторе function my_adds_alls_elements($init) { if(current_user_can('unfiltered_html')) { $init['extended_valid_elements'] = 'span[*],div[*]'; } return $init; } add_filter('tiny_mce_before_init', 'my_adds_alls_elements', 20);
После этого теги span и div вырезаться не будут.
Если вы хотите чтобы WordPress вообще не вырезал ни какие теги, то пропишите
function pp_override_mce_options($initArray) { $opts = '*[*]'; $initArray['valid_elements'] = $opts; $initArray['extended_valid_elements'] = $opts; return $initArray; } add_filter('tiny_mce_before_init', 'pp_override_mce_options');