Как изменить шрифты интерфейса администратора WordPress

С выпуском WordPress 3.2 произошел редизайн интерфейса администратора, а вместе с ним и ужасный новый шрифт, высота строк и поля. Новый дизайн выглядел настолько ужасно, что я — впервые в жизни — переключился с простого HTML-редактора на визуальный. Визуальный редактор использует приятный для глаз шрифт и макет.

Для меня до сих пор остается загадкой, почему разработчики подумали, что было бы неплохо изменить шрифт текстовой области обычного HTML-редактора по умолчанию в интерфейсе администратора WordPress.

Если вы похожи на меня, то предпочитаете старый шрифт, особенно если вы привыкли работать с HTML-редактором админки.

К счастью, вернуться к старому шрифту несложно. Все, что вам нужно сделать, это заменить или отредактировать один файл вашей установки WordPress.

CSS используется как во внешнем интерфейсе, так и во внутренней части блога для форматирования элементов. Давайте посмотрим на новый шрифт административного интерфейса WordPress 3.2.

WordPress 32 интерфейс администраторановый шрифт wordpress

Чтобы изменить интерфейс администратора WordPress на этот

шрифт администратора wordpress

вам необходимо отредактировать файл wp-admin.css, расположенный в каталоге wp-admin / css. Сделайте резервную копию файла перед его редактированием. Откройте его в своем любимом текстовом редакторе и найдите строку #editorcontainer

Вы должны увидеть код, который выглядит следующим образом:

#editorcontainer #content {font-family: Consolas, Monaco, monospace; padding: 6px; line-height: 150%; border: 0

Обратили внимание на настройку семейства шрифтов? Чтобы изменить шрифт, все, что вам нужно сделать, это добавить еще один шрифт впереди. Я добавил Verdana, которую вы можете увидеть на втором снимке экрана интерфейса администратора. Код для Verdana будет выглядеть так

#editorcontainer #content {font-family: Verdana, Consolas, Monaco, monospace; padding: 6px; line-height: 150%; border: 0

Вы также можете изменить отступы и высоту строки, чтобы получить лучшие значения, если хотите.

Я знаю, что некоторым из вас может быть неудобно редактировать файлы css самостоятельно. Я загрузил новый файл wp-admin.css на свой сервер, и вы можете скачать его по этой ссылке: wp-admin.css.

Просто скопируйте файл в раздел wp-admin / css / вашего блога WordPress, и вы должны увидеть новый шрифт при перезагрузке страницы администратора. Единственное изменение в файле — это новый шрифт. Если вы хотите изменить высоту строки, отступы или другие значения, вам нужно сделать это самостоятельно.

Обновление: файлы и правки, которые вам нужно отредактировать, были изменены в WordPress 3.3.1 как Джон Петри указывает на то. Теперь необходимо отредактировать wp-includes / editor-buttons.css файл и измените информацию о стиле WP-редактор-область . Спасибо, Джон, за публикацию своего решения.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *