Как изменить любой шрифт в вашей теме WordPress

Как изменить любой шрифт в вашей теме WordPress

change-font-wordpress-theme-featured

Вы когда-нибудь хотели поменять шрифты на веб-сайте WordPress? Выбрать новый шрифт с помощью настройщика не сложно. Проблема возникает, когда вы хотите использовать шрифт, который не входит в тему, или если элемент, который вы хотите изменить, не имеет возможности сделать это.

Изменить настраиваемые шрифты

Чтобы получить больше шрифты, сначала установите плагин Easy Google Fonts на свой сайт.

1. Перейдите в раздел Плагины — & gt, Добавить новый.

2. Поиск Easy Google Font.

3. Нажмите «Установить», а затем «Активировать».

4. Теперь на вашем сайте появилось больше вариантов шрифтов. Чтобы изменить их, перейдите в свой настройщик (Внешний вид -> Настройка>).

5. Нажмите Типографика — & gt, Типография темы.

6. Нажмите на стрелку выпадающего меню и прокрутите вниз. Вы должны увидеть еще много доступных шрифтов.

7. Нажмите, чтобы выбрать тот, который вы хотите использовать.

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

Чтобы настроить их, вам нужно изменить код CSS для этой части веб-сайта. Однако он скрыт, поэтому его нужно отследить.

Получить расширения

В в браузере Google Chrome найдите расширение под названием WhatFont, а затем установите его и разрешите его запуск.

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

Следующее расширение, которое вам нужно установить и активировать это Firebug Lite. Он отображает код вашего сайта и позволяет вам редактировать свойства CSS. Это расширение позволяет легко находить и изменять шрифты, находя расположение текста в коде.

Найти шрифт

Чтобы узнать название шрифта, который используется в вашей теме:

1. Активируйте WhatFont, нажав на его значок

2. Наведите указатель мыши на шрифт, который вы хотите идентифицировать.

3. Обратите внимание на название шрифта.

4. Отключите WhatFont.

Следующий шаг — найти CSS с этим шрифтом в коде.

1. Откройте настройщик, как вы это делали ранее.

2. Откройте Firebug Lite (значок ошибки с помощью отвертки).

3. Когда вы активируете Firebug, код для сайта отображается в нижней части экрана.

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

Найдите текущий шрифт текста, который вы хотите изменить.

<р0> 1. Нажмите на CSS.

2. Выберите файл style.css. (Это длинный файл.)

3. Нажмите Ctrl + f и введите написанный вами шрифт в поле поиска.

4. В этом примере я искал Helvetica, и вы можете видеть оранжевым местоположение этого шрифта в стилях CSS.

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

Создать элемент управления шрифтом

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

1. Вернитесь к своей панели администратора, наведите курсор на настройки и нажмите Google Fonts.

2. Нажмите «Создать новый элемент управления шрифтом».

3. Переименуйте его, чтобы описать местоположение нового шрифта.

4. Вставьте местоположение, которое вы скопировали из списка CSS, в поле селекторов CSS.

5. Установите флажок «Переопределить стили».

6. Сохранить.

Проверить это

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

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

Даже если вы используете общую тему, возможность изменить любой шрифт в вашей теме WordPress придаст вашему сайту уникальный вид. Убедитесь, что ваш сайт обновлен должным образом, и попробуйте.

Изображение предоставлено: буквы алфавита макарон By DepositPhotos

Эта статья полезна? Да Нет

Создание интерактивного длинного рассказа, рассказывающего о содержании, на WordPress

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

Получите это сейчас! Дополнительные книги

Оставить комментарий

  • Facebook
  • Tweet

0 ответы

Ответить

Хотите присоединиться к обсуждению?
Не стесняйтесь вносить свой вклад!

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