Шрифты в WordPress

Автор: | 01.04.2020

Редактирование шрифтов в темах WordPress

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

Для чего это нужно делать. Мало кто заказывает разработку уникальных тем или покупку готовых. Все используют бесплатные шаблоны это проводит к тому что в интернете очень много сайтов похожих. Для придания уникальности шаблону можно изменить его основные элементы, шрифт, цвет, расположение. Это позволить сделать ваш сайт более презентабельней в глаз посетителей.

Как изменить шрифт любого элементы в теме

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

Как изменить шрифт любого элементы в теме

Я использую браузер Google Chrome, нажимаем клавишу F12. После чего должно открыться окно разработчика. В этом окне нужно клинкуть на кнопку выбора элемента на странице, либо нажать сочетание клавиш Ctrl+Shift+C. Дальше выделяем тот элемент страницы который хотим изменить. После чего в окне разработчки можно будет увидеть название его стилей. В нашем случае мы выбрали заголовок сайте за него отвечает .site-title в файле style.css.

Редактирование темы

Заходим в админку сайта, переходим в раздел «Внешний вид» и выбираем «Редактор тем». В открывшемся окне в разделе «Файлы темы» открываем этот файл и ищем .site-title (класс). Вносим в него необходимые изменения и сохраняем.

Перед редактирование обязательно сделайте резервную копию файла!!!

Редактирование классов темы WordPress

Для редактирования данного файла нужно знать css. Хотя и не обязательно, можно в Гугле найти все необходимые параметры. Например, если вы не знаете что такое fontfamily. Копируете это в любой поисковик и он вам выдаст всю информацию. Что это за что отвечает и как изменить данные параметры.

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

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