Как в WordPress вставить Яндекс.Карту в запись?

Я думаю что у многих возникала ситуация когда надо было на сайте разместить адрес или точку выдачи, и надеюсь что вы знаете про замечательный Web сервис Яндекс.Карты? В этой статье я расскажу про несколько способов как вставить Яндекс.Карту в запись вашего блога на WordPress.

Можно предложить несколько решений задачи «Как вставить Яндекс.Карту в запись WordPress?»:

1. Использовать плагин Yandex Maps for WordPress. Позволяет вставлять в вашу страницу или запись произвольную карту по её местоположению/адресу. Нет возможности указывать свои метки или маршруты. Карта получается интерактивная, т.е. работает, например, перемещение карты или изменение её масштаба.

2. Использовать Конструктор карт Web сервиса Яндекс.Карты. Это отдельный Web сервис, который позволяет создавать карты с вашими метками, линиями, многоугольниками, создавать статические или интерактивные карты.

Рассмотрим оба варианта подробнее.

 Использование плагина Yandex Maps for WordPress для вставки Яндекс.Карты в запись WordPress

1. Скачиваем, устанавливаем и активизируем плагин.

2. Затем надо настроить плагин. В админке WordPress заходим в меню «Плагины >> Yandex Maps» и вводим Yandex API Key. Получить ключ можно по этой ссылке (требуется авторизация на Яндекс).

3. После этого в редакторе страниц или записей появится новая панель «Yandex Maps for WordPress«. Она имеет несколько возможных настроек, главная из которых поле «Adress«. Введите туда нужный вам адрес, нажмите «Send Map to Editor» и в редакторе страницы или записи вашего блога вставится Яндекс.Карта для этого адреса.

В страницу или запись вставляется специальный шорткод [yandex Map name=»Большой театр (Россия, г. Москва)» description=»Большой театр. Один из самых известных театров России.» width=»500″ height=»500″]Москва, Театральная площадь, 1[/yandex Map], а при визуализации выведется Яндекс.Карта.

!!!  К сожалению, при использовании плагина «Yandex Maps for WordPress» меня не совсем устроил результат визуализации плагином карты, но сам плагин не плохой. Поэтому попробуйте плагин и, возможно, его результат работы вас вполне устроит.

Использование Конструктора карт для вставки Яндекс.Карты в запись WordPress

1. Открываем Конструктор Яндекс.Карт.

2. Находим нужное нам место на Яндекс.Карте используя перемещение и масштабирование карты или вводим нужный адрес в поле ввода. Также можно ставить метки, рисовать линии и многоугольники. Кнопка справа позволяет выбрать вид карты: схема, спутник, гибрид или народная.

3. После окончания визуального создания карты, нажимаем «Просмотр«, где выбираем тип карты: статическая или интерактивная. Статическую карту нельзя масштабировать и перемещать, интерактивную — можно.

4. Далее нажимаем «Код для вставки«, соглашаемся с «Пользовательским соглашением«, нажимаем кнопку «Получить код карты» и получаем код.

5. Переключаемся в редакторе страницы/записи WordPress в режим HTML, вставляем в нужное нам место полученный  код и получаем, например, такую карту (на карте дополнительно выведена одна метка и многоугольник):

!!! Возможности визуализации у этого способа вставки Яндекс.Карты в запись, на мой взгляд, лучше чем у плагинаYandex Maps for WordPress.