Как добавить шрифт в elementor wordpress
Перейти к содержимому

Как добавить шрифт в elementor wordpress

  • автор:

Как добавить шрифты в Elementor

Как добавить шрифты в Elementor

Если вы искали как загрузить и установить собственные шрифты в Elementor, то эта статья для вас!

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

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

Установка новых шрифтов в Elementor

Функция “Пользовательские шрифты” доступно только в версии Elementor Pro . Если вы уже создали собственный шрифт или вам предоставил дизайнер, прежде всего убедитесь, что формат поддерживается плагином Elementor.

Список форматов: WOFF, WOFF2, TTF, SVG, EOT

Если определились с форматом, пора загружать шрифт в Elementor. Перейдите в админ-панель WordPress и найдите раздел “Elementor > Пользовательские шрифты”. На этой странице нажмите кнопку “Добавить”.

Elementor пользовательские шрифты

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

Elementor добавляем шрифты

На верхней панели выберите толщину и вариант шрифта, затем ниже загрузите новый шрифт в требуемом формате и нажмите “Загрузить”.

Elementor установка шрифтов

Если вам требуется загрузить несколько вариантов, то повторите те же самые шаги. Как только все будет готово не забудьте нажать “Опубликовать”, чтобы сделать ваш шрифт доступным в библиотеке Elementor.

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

Как добавить шрифты в Elementor?

Добавить шрифты в Elementor довольно просто. После входа в систему перейдите на вкладку «Шрифты» в левом верхнем углу экрана. Здесь вы можете просмотреть различные шрифты, доступные в Elementor, и выбрать тот, который вы хотите использовать. Выбрав шрифт, нажмите на кнопку «Добавить в Elementor» справа от него.

СОВЕТ: Добавление шрифтов в Elementor можно сделать через вкладку «Шрифты» в WordPress Customizer. В разделе «Добавить шрифты» вы можете выбрать шрифты из разных источников. Мы рекомендуем использовать репозиторий Google Fonts, который является бесплатным и с открытым исходным кодом.

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

Добавление шрифтов в Elementor – инструкция

В этой статье расскажу как добавить шрифт в elementor на случай, если ну уж очень понравился, а в google fonts его нет.

Для чего нужен пользовательский шрифт в Elementor

Если вы собственными руками решили добавить шрифт в elementor, то скорее всего у вас на это есть свои причины, но как правило это:

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

Если вы столкнулись с любой из этих причин – пристегивайтесь, сейчас все сделаем.

Добавление пользовательского шрифта в elementor

Elementor Pro — лицензия

Элементор Про – один из лучших плагинов для построения сайта. Кстати, этот сайт сделан на нем!

Добавить шрифт в elementor достаточно просто, от вас потребуется сделать несколько шагов:

  1. Скачать нужный вам шрифт на компьютер в нужных вам начертаниях: Thin, Light, Regular, Bold, Black. Крайне рекомендую woff и woff2 форматы – они обеспечат меньший вес и лучшую производительность для вашего сайта.
  2. В административной панели перейти: Elementor – Custom Fonts – Add New (добавить новый). Как показано на картинке.
  3. Далее присвоить ему название (будет отображаться в редакторе),
  4. Выбрать его начертание (толщину), стиль, подгрузить скачанные варианты и опубликовать

Добавление пользовательского шрифта в Elementor

Настройка шрифтов Elementor

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

Настройка шрифта в elementor

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

  1. Открываем любую страницу, шаблон с помощью редактора элементор.
  2. Заходим в “Настройки сайта”
  3. Открываем пункт “Глобальные шрифты”
  4. Настраиваем везде, где нам нужно: заголовки, текст и так далее.

Настройки глобальных шрифтов Elementor

  1. В настройках пересохраните постоянные ссылки
  2. Проверьте, поддерживает ли шрифт кириллицу
  3. Загрузите другие форматы, например TTF

После всех произведенных настроек по добавлению шрифта в elementor проверьте его работоспособность со всех устройств

Шрифт для elementor без Pro версии

Не расстраивайтесь если вдруг у вас нет Pro – это далеко не проблема, добавить шрифт в elementor можно и без него. Для этого вам понадобится любой бесплатный плагин из общей библиотеки wordpress с ключами «Custom font», например, старенький и проверенный:

Custom font – Разработчик BrainStorm Force, они же выпустили в свет одну из самых популярных тем Astra.

Настройки по добавлению шрифта для его дальнейшего использования в elementor очень схожи, их я приведу на картинке ниже.

Настройка Custom font

Font Display рекомендую выставлять в значение «Swap» это позволит получить лучшую производительность при загрузке страницы сайта. Схема подключения точно такая же, как и в случае с элементор.

Заключение

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

Изучите Google Fonts, возможно что-то приглянется и вы надолго забудете про лицензии.

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

Если вы хотите изменить шрифт, используемый на вашем сайте WordPress Elementor, вы можете сделать несколько вещей. Во-первых, вам нужно получить доступ к файлу functions.php в вашей установке WordPress. Затем найдите вызов функции, которая соответствует выбранному вами шрифту.

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

1. Зайдите в файл functions.

php в вашей установке WordPress.

2. Используйте функцию find, чтобы найти вызов функции, которая соответствует вашему выбору шрифта.

3. Передайте имя файла нового шрифта и желаемый размер шрифта.

4. Вызовите функцию для применения нового шрифта.

ПРО СОВЕТ: Если вы не знакомы с кодом или не умеете работать с ним, мы не рекомендуем вносить изменения в тему WordPress или CSS. Внесение изменений в тему или CSS может привести к поломке вашего сайта и не входит в сферу поддержки нашей команды. Если вам необходимо внести изменения в шрифт, мы рекомендуем обратиться за помощью к разработчику WordPress или в нашу службу поддержки.

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

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