amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: Плагины

Как вставить интерактивную карту на сайт

Мы рассказывали в одной из статей об очень удобном интерактивном плагине для географической карты, который высчитывает расстояние. Теперь продолжаем развивать тематику географии и покажем вам плагин, который позволяет создавать интерактивные карты, то есть такие, на которые можно покликать, понажимать, чтобы посмотреть, покрутить и прочее.

Рассмотрим, как вставить карту на сайт, чтобы она была привлекательной, интересной и кликабельной.

Интерактивная карта России

Так называется плагин, который позволяет вставить карту на сайт. И, как понятно из названия, показывает она только Россию и других стран не касается. В возможности этого дополнения входит разграничение областей страны, по которым можно кликать. Вебмастер может сам определить, какие дела будут происходить при клике на ту или ну область. Например, можно выводить какие-то изображения, текст, ссылки или перекидывать на какую-то страницу.

Настройка карт

После установки и активации этого плагина можно перейти к его настройкам, основными из которых является размер карты, её цвет, расположение информации и шрифт.

Затем, чтобы вставить карту на сайт и сделать её интерактивной, следует настроить области страны. Делается это в соответствующем пункте настроек. Так, там вы увидите перечень регионов. Предлагается выбрать действие, которое будет происходить при клике – это может быть переход на другую страницу, вывод какого-то текста или открытие модального окна.

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

Заключение

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

Так, в России много регионов, и в плагине они собраны все, однако нет никакой сортировки по алфавиту. Поэтому искать нужный придётся долго.

Кроме того, пожалуй, главный недостаток, можно вставить карту на сайт лишь в одном экземпляре. То есть, нет возможности создавать множество карт и устанавливать их на страницах разными шорткодами. Шорткод только один и карта одна.

Адель Гадельшин

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

9 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

9 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

9 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

10 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

10 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

10 месяцев ago