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

Метод 1: использование дочерней темы
Один из способов отключить Google Fonts в Elementor — создать дочернюю тему и переопределить функции, отвечающие за загрузку шрифтов. Выполните следующие действия:

1. Создайте дочернюю тему для своего сайта WordPress, если вы еще этого не сделали.
2. В файле function.php вашей дочерней темы добавьте следующий код:

function disable_elementor_google_fonts() {
    wp_dequeue_style('elementor-google-fonts');
}
add_action('wp_enqueue_scripts', 'disable_elementor_google_fonts', 20);

3. Сохраните файл и активируйте дочернюю тему.

Метод 2. Использование плагина.
Если вы предпочитаете решение на основе плагина, вы можете использовать плагин «Отключить Google Fonts». Выполните следующие действия:

1. Установите и активируйте плагин «Отключить Google Fonts» из каталога плагинов WordPress.
2. Перейдите в «Настройки» ->«Отключить Google Fonts» на панели управления WordPress.
3. Включите плагин, чтобы отключить Google Fonts на вашем веб-сайте.

Метод 3: использование плагина «Фрагменты кода».
Другой метод на основе плагина предполагает использование плагина «Фрагменты кода». Этот подход позволяет вам добавлять собственные фрагменты кода на ваш сайт WordPress. Вот что вам нужно сделать:

1. Установите и активируйте плагин «Фрагменты кода» из каталога плагинов WordPress.
2. Перейдите в «Фрагменты» ->«Добавить новый» на панели управления WordPress.
3. Добавьте новый фрагмент со следующим кодом:

function disable_elementor_google_fonts() {
    wp_dequeue_style('elementor-google-fonts');
}
add_action('wp_enqueue_scripts', 'disable_elementor_google_fonts', 20);

4. Сохраните фрагмент и активируйте его.

Метод 4: использование пользовательского CSS
Если вы предпочитаете не использовать плагины и не изменять файлы тем, вы можете использовать собственный CSS для отключения Google Fonts. Вот как:

1. Перейдите в раздел «Внешний вид» ->«Настроить» на панели управления WordPress.
2. Нажмите «Дополнительный CSS».
3. Добавьте следующий фрагмент кода CSS:

/* Disable Elementor Google Fonts */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor p {
    font-family: inherit !important;
}

4. Сохраните изменения.

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