прелоадер на сайт

Прелоадер на сайт WordPress плагин

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта wordpress ! Сегодня вы узнаете как очень просто добавить на свой сайт прелоадер. Что это такое ? Прелоадер — это динамическое изображение, которое отображается в момент загрузки сайта.

 

прелоадер

 

Основные особенности плагина:

 

Полностью отзывчивый, отображается на любых устройствах.

Поддержка высокого разрешения Retina.

Совместимость со всеми основными браузерами.

Можно выбрать на каких страницах будет отображаться прелоадер, 9 вариантов.

Поддержка jQuery и CSS3.

Можно загрузить своё изображение для прелоадера.

Можно задать цвет фона.

Гибкие настройки.

Простой в использовании !

 

 Установить плагин Preloader вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Preloader

 

 Далее, после установки и активации плагина, перейдите на страницу: ПлагиныPreloader. Здесь вы сможете настроить основные параметры плагина.

 

— Background Color, здесь вы сможете указать html код цвета фона прелоадера.

— Preloader Image, можете указать здесь URL адрес своего изображения для прелоадера.

— Display Preloader, здесь можно выбрать на каких страницах будет отображаться прелоадер.

  1. In Full Website — на всём сайте.
  2. In Home Page Only — только на главной странице.
  3. In Front Page Only — только на первой странице.
  4. In Posts Only — только в записях.
  5. In Pages Only — только на страницах.
  6. In Categories Only — только в категориях.
  7. In Tags Only — только в тегах.
  8. In Attachment Only — только в приложениях.
  9. In 404 Error Page Only — только на странице 404 ошибки.

 

— Preloader Element, здесь вам нужно скопировать html элемент, который начинается и заканчивается на div и вставить его в файл header.php после тега body.

Сохраните настройки, нажав на кнопку — Save Changes.

 

настройки preloader

 

 После сохранения настроек, скопируйте html элемент в описании параметра «Preloader Element».

 

скопировать элемент

 

 Далее, перейдите на страницу: Внешний видРедактор. Справа найдите и откройте файл — Заголовок (header.php). В содержании файла найдите тег body и вставьте после него html элемент для добавления на сайт прелоадера. Обновите файл. (смотри скриншот)

 

header.php

 

 Всё готово ! Перейдите на сайт, теперь при загрузке сайта будет отображаться динамический прелоадер !

 Остались вопросы ? Напиши комментарий ! Удачи !

 

Прелоадер на сайт WordPress плагин обновлено: Август 17, 2016 автором: Илья Журавлёв
 
 

Комментарии

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

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


4 + 9 =



super-infa-top
Стрелка вверх