3 простых способа изменить шрифты WordPress

Опубликовано: 2021-10-05

«Как поменять шрифты в WordPress?» — один из самых распространенных запросов среди людей с минимальными техническими знаниями, и вот хороший ответ на этот вопрос.

Вы можете менять шрифты WordPress столько раз, сколько захотите, используя этот простой метод.

Чтобы изменить шрифты WordPress, перейдите в меню « Внешний вид », нажмите « Настроить » и перейдите в « Шрифты » . Теперь вы можете выбрать шрифт по вашему выбору или вернуться к шрифту по умолчанию, нажав на значок x . После того, как вы выбрали нужный шрифт WordPress, нажмите кнопку « Сохранить черновик », чтобы сохранить изменения.

Вот как это выглядит.

wordpress-шрифты

Далее в этой части мы объясним другие 3 простых метода изменения шрифтов WordPress. Итак, начнем.

Связанный: как редактировать нижний колонтитул WordPress?

Как изменить шрифты в WordPress?

Технически существует довольно много способов изменить шрифт на сайтах WordPress. Однако здесь мы упомянули 3 основных способа сделать это. Начнем с самого распространенного.

1. Проверьте, что вы можете изменить с помощью параметров шрифта темы вашего сайта или компоновщика страниц.

Большинство людей не используют темы сайта WordPress по умолчанию, поскольку они недостаточно хороши для бизнес-сайтов. Несмотря на то, что эти темы хорошо закодированы, они представляют собой только концептуальные элементы. Вы можете узнать больше об этом в нашем руководстве по электронной коммерции CMS.

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

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

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

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

Работа плагинов Page Builder также очень похожа на это. Некоторые из самых популярных включают Elementor и Beaver Builder.

2. Установите плагины шрифтов WordPress

Если вам не нравятся шрифты, предлагаемые в вашей теме, то еще один отличный способ изменить ваши шрифты WordPress — это установить и активировать специальный плагин для шрифтов.

Обычно в каталоге плагинов WordPress есть два типа плагинов шрифтов: плагины для встраивания шрифтов и плагины для загрузки шрифтов.

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

Отличным примером является плагин OMFG — Optimize My Google Fonts. Кроме того, для тех, кто использует подписные шрифты Adobe, также доступны плагины.

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

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

3. Добавление пользовательских шрифтов с помощью простого кодирования

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

Что касается недостатка, у вас может не быть широкого выбора, кроме темы премиум-класса специального плагина. Тем не менее, вы все равно можете защитить свой сайт от ненужного вредоносного ПО и использовать шрифт по вашему выбору.

Для реализации этого метода вам потребуется

  • Среднее знание CSS
  • Шрифт, который вы хотите встроить на свой сайт
  • Доступ к вашему ядру WordPress
  • Некоторые знания о FTP (протоколе передачи файлов)

Поясним это вам на примере. Предположим, вы выбрали шрифт Google «Oswald».

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

Тем не менее, мы предлагаем вам использовать метод Enqueuing. В этом методе вам сначала нужно скопировать ссылку на ваши шрифты. Вот пример

'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap'

Теперь вам нужно получить доступ к файлу вашего сайта WordPress с помощью FTP. Отсюда вам нужно открыть корневой каталог вашей дочерней темы и получить доступ к functions.php.

Открыв файл functions.php , введите следующий код. (Обратите внимание, что вам нужно заменить ссылку, указанную в примере, на выбранный вами шрифт.)

функция add_my_font() {

wp_enqueue_style('add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap', false);

}

add_action('wp_enqueue_scripts', 'add_my_font');

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

.тело, .h1, .h2, .h3, .h4 {

семейство шрифтов: 'Oswald', без засечек;

}

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

Вот две важные причины, по которым вам нужно выбирать правильные шрифты WordPress.

Почему выбор правильного шрифта важен в веб-дизайне?

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

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

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

1. Удобство использования

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

2. Брендинг

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

К вам

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

Кроме того, прочитайте наши руководства по таким темам, как «Исправление ошибки белого экрана смерти WordPress» и «Белая метка», чтобы повысить свои знания.