Изменение размера шрифта Визуального редактора в WordPress 3.3.2

Май 27, 2012

О том, как изменить размер шрифта в HTML редакторе WordPress я уже говорил. В то же время метод, который там описывался для Визуального редактора напомню - не работает. Неожиданно во имя экономии времени мне захотелось использовать Визуальный редактор и тот же способ задания CSS стилей не подошел.

Визуальный редактор выводится посредством IFrame. Поэтому стили главного HTML документа на него не распространяются.

Как всегда поиск я начал с Интернета. Не без труда нашел следующую статью:

Вновь нужно отредактировать файл в используемой теме functions.php. При использовании темы twentyeleven это папка:
wp-content/themes/twentyeleven

Достаточно добавить внутрь <?php ... ?> в любом месте следующую строчку:

add_editor_style();

Теперь Визуальный редактор будет искать в папке с темой файл стилей editor-style.css. Значит нужно его добавить в папку с темой со следующим содержимым:

#tinymce {
	font-size: 14px;
}

После сохранения файла CSS, изменения сразу вступают в силу.

О функции add_editor_style можно прочитать на данной странице в официальной документации WordPress:

Мой файл editor-style.css принял следующий вид:

#tinymce, #tinymce p {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
}
p {
	margin-top: 0;
}
body {
	line-height: 1.2em;
}
code {
	font: 1em 'Courier New', Courier, Fixed;
}
h2 {
	font-size: 0.85em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
pre {
	margin-top: 0;
}

Tags: , , , , ,

Запись опубликована Воскресенье, Май 27, 2012 в 05:16 и находится в WordPress . Вы можете следить за ответами к этой записи через RSS 2.0 ленту. Вы можете оставить комментарий, или обратиться к записи со своего сайта.

Один Ответ to “ Изменение размера шрифта Визуального редактора в WordPress 3.3.2 ”

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

*