Как изменить шрифт в wordpress | Создание блога

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

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

Как изменить шрифт в wordpress

Как изменить шрифт в wordpress

Внимание! Я буду показывать как изменяется шрифт в шаблоне FlyMag, если у вас шаблон другой, то некоторые моменты могут отличаться, к примеру где что находится. Но суть одна, прочитав урок, вы измените шрифт в любом шаблоне.Вот что нам нужно сделать. Первым делом необходимо подключить его в шапке сайта, а затем указать его название, в настройках шаблона и это все что нужно сделать.И так заходим в панель управления нашим сайтом и выберем пункт Внешний вид, затем Редактор

редактор

Откроется окно, в котором можно редактировать код нашего сайта.Прокрутите его немного вниз и найдите в правой части пункт, Заголовок, под ним пишет header.pnp

заголовок header

Выберите его и откроется вот такое окно

редактируем мета

В нем нужно вставить небольшую строчку кода, отвечающего за подключение нового шрифта на сайте.Где показано стрелкой туда нужно будет вписать этот код. Это идет после тега meta который я подчеркнул красной линией.Хорошо давайте посмотрим где я взял этот код, вдруг вы захотите подключить какой-то другой шрифт.Заходим на fonts.google.com. Вот так он выглядит на данный момент. В правой его части есть настройки, чуть позже ими воспользуемся.

google fonts шрифты

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

cyrillic кирилиця

Теперь на станице выведутся только те шрифты, которые поддерживают русские символы.Вы можете выбрать любой из шрифтов, какой вам нравится. Или воспользоваться тем что и я.Чтобы найти нужный мне шрифт я воспользуюсь поиском, который находится в правой верхней части страницы.

поиск шрифта

Я ввожу название шрифта в поиск Fira Sans Extra Condensed, после этого он появится на странице. Нажмите на небольшой плюсик, который с правой стороны.Такой плюсик есть у каждого шрифта.

добавить шрифт

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

открыть параметры шрифта

Давайте нажмем по нему и у нас откроется окно с параметрами этого шрифта.

параметры шрифта

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

код шрифта

Вот я вставил код, подметил его красной линией. Теперь можно нажать кнопку Обновить файл, которая находится внизу этой страницы.

обновить файл

Тут готово, осталось в настройках поменять название шрифта, на то, которое мы только что подключили.Для этого идем снова на fonts google и копируем уже вторую строку кода, но не всю, а только что выделил синим цветом без слова font family и sans serif. Ниже на скрине показано. То-есть копируем только эту часть в моем случае, Fira Sans Extra CondensetЕсли вы подключаете шрифт не на вордпресс, а в ручную в коде на станице, то копируйте полностью строку.

font-family шрифт

И так скопировали? и теперь переходим в редактирование шаблона, это Внешний вид, далее Темы и жмем кнопку Настроить

настроить тему

После выберите пункт Шрифты

Шрифты

В открывшемся окне необходимо изменить Шрифт заголовков. Чтобы найти его прокрутите блок настроек немного вниз.

шрифты заголовков

Тут необходимо ввести то название, которое мы скопировали, так как показано на скрине выше. Введите его и в первое и во второе поле.В первом поле, все что идет перед двоеточием :, замените на скопированное вами.Второе поле, вставьте скопированный текст между одинарными кавычками ‘ ‘, вместо того, какой там был.Я подчеркнул красной линией, то, что вставил теперь, то что не подчеркнуто я не трогал. Если вы берете тот самый шрифт что и у меня, то можете сравнить со скрином.Теперь можно нажать кнопку Сохранить и опубликовать, которая находится выше в этой панели настроек.

сохранить и опубликовать

На этом все, давайте проверим все ли работает. На старом шрифте у меня не отображалась буква «й» наверное и у вас тоже, если вы использовали тот же шаблон что и я.Теперь она отлично выводится.

готово

Поздравляю вас! Мы завершили установку шрифта в wordpress шаблоне.

Полезные совет для вас, при выборе шрифта

советы при подключении шрифта

1. Не тратьте много времени на поиск шрифта, многие на этом останавливаются, и даже по несколько дней никак не могут определиться со шрифтом, какой выбрать. Знаю по себе, сам так раньше делал.2. Еще одно, если смотрите на шрифт и сомневаетесь его ставить или другой искать, то ставьте сразу другой долго не думая долго. Если бы это был он, то вы бы не сомневались, а сказали бы, о… этот… Так на много быстрее найдете нужный вам шрифт.3. Еще рекомендуется немного отвлечься на что-то другое, а после свежим взглядом посмотреть на него снова.
4. Также можете показать кусок текста родным и спросить легко ли он читается, они оценят это как обычные пользователи, которые будут приходить к вам на блог каждый день.5. Не ставьте на блог, больше двух шрифтов, это будет не красиво. И будет дольше грузиться вам блог, что приведет к большему числу отказов, а это плохо сказывается на позициях в поисковых системах.На этом все! Если что-то не получилось, или не понятно объяснил процесс установки шрифта в wordpress шаблоне, то пишите в комментариях, вместе поможем вам решить вашу задачу!Желаю вам всего доброго, и успехов в ведении вашего блога!С уважением к вам, автор блога Василий Цубера

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

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