Плагин для WordPress – реализуем красивый прелоадер

Прелоадер – это элемент сайта, который отображается в браузере в тот момент, когда страница не загружена ещё до конца. В современном веб-дизайне этот элемент активно используется. И в этой статье мы расскажем вам про плагин для WordPress, который создаёт красивый и настраиваемый прелоадер.

Достоинства и недостатки прелоадера

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

• Практическая ценность прелоадера в том, что если загрузка происходит долго, и у пользователя в браузере в течение продолжительно времени отображается белый лист, то он может покинуть ваш сайт, так и недожавшись конца. Если же он видит симпатичный прелоадер, то он поймёт, что идёт процесс, и нужно просто подождать.
• Второе практическое достоинство в том, что если пользователь видит не до конца загруженные элементы, то это может выглядеть некрасиво. Тем временем, прелоадер позволит отображать сайт только в тот момент, когда загружено будет всё, и всё будет на своих местах.
• Третье достоинство – эстетическое. Это выглядит современно и красиво.

Недостаток у прелоадера только один – пока вся страница не загружена до конца, пользователь ничего из неё не увидит. Посетителям со слабым интернетом придётся ждать долго, тем временем, если бы не было прелоадера. они могли бы уже хотя бы начать читать текст с сайта.

Плагин для WordPress Ultimate WordPress Preloader

Если вы решили сделать у себя прелоадер, то установите, скачайте и активируйте плагин для WordPress Ultimate WordPress Preloader. Подробнее о том, как установить плагин, почитайте тут. Теперь перейдите в пункт консоли «Настройки» и выберите подпункт «Ultimate Preloader».

• Enable Preloader. Включите плагин для
• Preloader style. Выберите один из пяти стилей для прелоадера. Есть предпросмотр.
• Preloader size. Выберите размер для прелоадера.
• Preloader color. Определите цвет элемента.
• Preloader background color. Выберите цвет фона.
• Use image instead of CSS3 animated preloader. Поставьте здесь галочку для того, чтобы применить в качестве прелоадера свою анимированную картинку. А путь до самой картинки укажите в следующей опции «Preloader image url».

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

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