Быстрая смена шрифтов на сайте WordPressВремя чтения: ~ 3 мин.

Сегодня хочу поделиться интересной находкой. Понадобилось мне изменить шрифты на сайте. Когда-то изучал программирование, в том числе и на языке HTML, писал CSS стили, разрабатывал простенькие одностраничники. Добившись определённых успехов, забросил это дело в 2006-2007 годах, переключившись на более интересную тематику. Соответственно опыта работы со сложными сайтами у меня нет. Установил тему WordPress Hueman, решил сменить цвет, размер и вид шрифта на более привычный. Полез в редактор КСС и немного потерялся в нем. Hueman – сложная тема, требующая много времени на изучение. Одно дело, когда сам пишешь CSS, совсем другое – разбираться в чужом коде. Потратив 1,5 часа на изучение, решил поискать более легкий способ в интернете. И нашел!

SiteOrigin CSS позволяет изменить любые параметры шрифтов без знания языка программирования, буквально в пару кликов мышкой.

Инструкция: как быстро изменить шрифты в WordPress

Меняем шрифт в WordPress без знаний HTML и программирования

Переходим во вкладку «Внешний вид», выбираем «Custom CSS».  У меня поле уже заполнено, у вас оно будет пустое. Для перехода в визуальный редактор нажимаем на иконку глаза. В редакторе справа отображается главная страница сайта, чуть ниже указывается задействованный CSS стили.

В левой части находится набор инструментов. Например, в первой вкладке «Text» можно изменить цвет, размер, ширину и высоту шрифта, стиль его начертание, подчеркнуть, зачеркнуть, сделать жирным, присвоить ему уникальное имя (семейство шрифтов).

Соседняя вкладка «Decoration» поможет изменить фон сайта, или отдельных его блоков. При этом можно вносить изменения, как на главную страницу, так и на второстепенные. Чтобы изменить настройки на второстепенных страницах, кликните на заголовок поста, перейдите по зеленый ссылке после фразы «Navigate to». Теперь можно делать изменения и на внутренней странице.

В соседней вкладке доступна смена фона и создание рамок, столбцов, таблиц. Background – заливка цветом или с помощью загрузки изображения. В layout предлагается поработать с разделителями, колонками и другими элементами сайта.

Чтобы изменения сохранились, нажимаем на птичку в левой части меню, пустая страница заполнится строками. Для сохранения настроек жмем «Save CSS».

Вот такой простой способ менять шрифты на свой вкус и цвет. Точно также меняются иконки на сайте, шапка, столбцы и другие элементы. Все это я покажу в обучающем видео. В следующей статье расскажу об интересном и быстром способе изменить тип шрифта, например, с Arial на Calibri или более экзотический. Научу добавлять красивые шрифты в визуальный редактор.