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

 

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

 

Super Progressive Web Apps плагин

 

Далее, после установки и активации плагина, слева в боковой панели нажмите на вкладку SuperPWA.

 

 

У вас откроется страница с настройками плагина. Здесь вы можете настроить:

  • Название приложения;
  • Сокращенное название приложения;
  • Описание;
  • Иконка приложения. Отображается на главном экране (смотрите описание под полем);
  • Иконка заставки (Splash Screen);
  • Цвет фона экрана заставки;
  • Цвет темы. Используется на устройствах, поддерживающих эту опцию;
  • Стартовая страница. Открывается при нажатии на иконку приложения;
  • Страница офлайн. Отображается когда устройство находится офлайн;
  • Установите ориентацию приложения на устройствах. Читаем описание;
  • Display. Тип отображения. Можно оставить по умолчанию;
  • Статус. Должно быть три зелёных галочки;
  • Сохраните настройки.

 

настройки плагина

 

Всё готово. Зайдите на свой сайт с мобильного устройства. Внизу будет отображаться кнопка Добавить на главный экран. Нажмите на неё. Обратите внимание. Плагин не совместим с приложением Яндекс браузер. Используйте браузер Google.

 

сайт приложение

 

В открывшемся окне нажмите Добавить.

 

добавить приложение

 

Всё готово. Теперь на главном экране вашего смартфона отображается иконка вашего сайта, как приложение. Нажмите по иконке и сразу откроется ваш сайт.

 

экран иконка приложение