Эта функция позволяет использовать пользовательский CSS для стилизации WordPress TinyMCE визуального редактора.
Создайте CSS файл с именем editor-style.css и вставьте туда ваши стили. В качестве заполнителя (контейнера), мы хотели бы начать со стилей в файле editor-style.css “Двадцать Двенадцать” темы.
В functions.php нужно добавить следующее:
add_editor_style();
Если вы не хотите использовать название “editor-style” для вашего CSS файла, и также хотите переместить файл в другое месте, например, в пределах каталога CSS, а затем изменить функцию.
Например, мы хотим назвать файл “tiny-MCE-styles.css”, и хотим, чтоб он был в директории CSS, поэтому наша функция будет выглядеть следующим образом:
add_editor_style('/css/editor-style.css');
Мы также можем стилизовать редактор для поддержки языков, правописание в которых осуществляется справо налево (к примеру, арабский). В каталоге темы, создайте CSS файл под названием editor-style-rtl.css и включите следующее:
html .mceContentBody {
direction: rtl;
unicode-bidi: embed;
}
li {
margin: 0 24px 0 0;
margin: 0 1.714285714rem 0 0;
}
dl {
margin: 0 24px;
margin: 0 1.714285714rem;
}
tr th {
text-align: right;
}
td {
padding: 6px 0 6px 10px;
text-align: right;
}
.wp-caption {
text-align: right;
}