Как создать предварительный загрузчик Elementor на WordPress

Muneeb Бизнес Jan 24, 2022

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

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

Как создать предварительный загрузчик Elementor

Для начала выберите SVG или GIF, который вам нравится, в идеале, небольшого размера. Preloaders — прекрасное место для поиска бесплатных и базовых загрузчиков SVG.

Create an Elementor Preloader  - No Plugins Needed

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

Создавайте потрясающие сайты

С лучшим бесплатным конструктором страниц Elementor

Начать сейчас

Наконец, добавьте следующий код в элемент HTML в этом разделе.

Обязательно измените URL-адрес загрузчика на URL-адрес вашего веб-сайта.

>div class="vanilla-preloader" /divscript/scriptstyle/style

Вот и все! Однако с данным комментарием рядом с кодом вы можете внести дополнительные изменения, чтобы предварительный загрузчик выглядел именно так, как вы хотите. И у вас будет Elementor Preloader для вашего сайта.

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

Divi WordPress Theme