Быстрая смена шрифтов на сайте WordPress

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

 

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

 

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

 

Как установить плагин
Для активации необходимо войти в панель управления сайта WordPress, найти раздел «Плагины», перейти на вкладку «Добавить новый», в строке «Поиск» вести название.

 

Установка_плагина

 

У меня плагин уже активен, для новой установки потребуется загрузить и активировать.

 

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

 

редактор_CSS

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

Redactor_CSS

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

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

переход_на_внутреннюю_страницу

 

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

save_changes

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

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

Читайте также:

комментария 2

  1. Если нашли ошибки в тексте, выделите и кликните CTRL+ENTERС меня статья, с вас репост 🙂

  1. 23.08.2019

    […] Fonts — уже рассказывал в другой статье, как добавить в WordPress шрифты Настало время Google. Набор шрифтов доступен прямо в меню […]

Что вы думаете об этом?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: