Як змінити шрифт редактора WordPress у режимі HTML

за Ніколаєнко Максим · Опубліковано Жовтень 6, 2012 · Оновлено Серпень 19, 2018

Мене завжди дратував шрифт візуального редактора, який використовується в WordPress за замовчуванням у режимі HTML – ну не відповідає він технічним текстам. Перебрав купу плагінів, і не знайшов жодного, безпосередньо змінює шрифт у редакторі. Але все ж таки пошуки принесли плоди – виявляється можна поміняти шрифт взагалі без плагінів.

Щоб змінити шрифт редактору WordPress, працює в режимі HTML, на той, який подобається вам, можна застосувати фільтр, скориставшись файлом functions.php. Вставте в цей файл такий код:

function change_html_editor_font(){
        echo "<style type='text/css'>
#editorcontainer textarea#content {
  font-family: Consolas, Monaco, monospace;
  font-size:14px;
  color:#101010;
}
</style>";
} add_action("admin_print_styles", "change_html_editor_font");

function change_html_editor_font(){

echo "<style type='text/css'>

#editorcontainer textarea#content {

font-family: Consolas, Monaco, monospace;

font-size:14px;

color:#101010;

}

</style>";

} add_action("admin_print_styles", "change_html_editor_font");

Після цього оновіть сторінку адмінки – шрифт зміниться.

Раджу подивитися статтю на офіційному сайті WordPress про функцію add_editor_style('custom-editor-style.css'). Ця функція дозволяє змінювати стилі у вбудованому візуальному редакторі WordPress.

Статтю взяв із сайту: n-wp.ru