Введение

Ищете удобный способ интеграции интерактивных карт на ваш WordPress сайт? Плагин Map Activation Plugin — это отличное решение, которое позволяет вставлять карты в виде iframe с активацией по клику. Это не только улучшает пользовательский опыт, предотвращая случайное скроллирование карты, но и делает ваш сайт более интуитивным.

Посмотреть код плагина на GitHub

Возможности плагина

Map Activation Plugin — это гибкое решение, созданное специально для WordPress-разработчиков и владельцев сайтов. Он предлагает следующие возможности:

• Легкая вставка карт через шорткод [map_activation], с поддержкой iframe-карт Яндекса.
• Адаптивное масштабирование карты — карта автоматически подстраивается под размер контейнера.
• Настройка текста активации карты — вы можете задать фразу, которая будет отображаться перед активацией карты.
• Задание URL карты по умолчанию — если src не указан в шорткоде, будет использован URL из настроек.
• Интуитивное управление через админку WordPress — настройка фразы и URL карты доступны через страницу настроек.

Почему стоит использовать Map Activation Plugin?

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

1. Избегает случайного скроллинга: iframe с картой остается неактивным, пока пользователь не кликнет по ней, что исключает случайный скроллинг на мобильных и десктопных устройствах.
2. Улучшает пользовательский интерфейс: пользователи видят на экране подсказку для активации карты, что делает интерфейс интуитивно понятным.
3. Настраивается для конкретных нужд сайта: администраторы могут изменять URL карты по умолчанию и текст подсказки через админку, что позволяет адаптировать плагин под стиль и функциональные требования сайта.

Как создать карту в конструкторе Яндекс.Карт

Для создания карты, которую можно использовать в плагине, воспользуйтесь конструктором карт Яндекса. Вот пошаговая инструкция:

1. Перейдите на страницу Конструктора Яндекс.Карт.
2. Настройте карту по своим требованиям: выберите местоположение, масштаб, добавьте метки и маршруты, если нужно.
3. После завершения настройки карты нажмите кнопку «Получить код карты».
4. Перейдите на вкладку iframe и найдите атрибут src в коде iframe. Это и будет URL вашей карты, который можно вставить в шорткод плагина. Пример src из iframe кода:

   <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A123abc..." width="100%" height="400" frameborder="0"></iframe>

5. Скопируйте URL из атрибута src и используйте его в шорткоде или настройках плагина.

Как использовать Map Activation Plugin

Установка плагина

1. Загрузите файлы плагина в директорию wp-content/plugins/map-activation.
2. Активируйте плагин через меню Плагины в админке WordPress.

Использование шорткода

Чтобы вывести карту, используйте шорткод [map_activation] с указанием iframe карты или оставьте это поле пустым, и тогда будет использован URL по умолчанию из настроек. Пример:

[map_activation iframe="<iframe src='https://yandex.ru/map-widget/v1/...' frameborder='0'></iframe>" width="100%" height="400"]

Настройки в админке

После активации плагина в разделе Настройки → Map Activation появится страница, где можно задать:

• Фразу активации карты — текст, отображаемый до клика по карте.
• URL карты по умолчанию (src) — URL, который будет использоваться, если в шорткоде iframe не задан.

Эти параметры позволяют легко адаптировать карту под любой стиль и функционал вашего сайта.

Пример использования

[map_activation iframe="<iframe src='https://yandex.ru/map-widget/v1/...' frameborder='0'></iframe>" width="100%" height="450"]

Заключение

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

Попробуйте Map Activation Plugin и загрузите его с GitHub