Сегодняшняя статья о Яндекс картах для вашего сайта на WordPRess. О взаимодействии карт от Гугла с WP написано уже довольно много. Существуют десятки разной степени полезности, бесплатных и премиум плагинов. Есть даже специализированные темы, главной фишкой которых является именно показ гуглокарт в разных видах и для разных назначений.
У Яндекса в этом плане дела выглядят поскромнее. Плагинов существует совсем мало. Впрочем, это не столько проблема Яндекса, сколько разработчиков плагинов. Отечественных, понятное дело.
Как бы там не было, любой желающий может без особого труда добавить Яндекс карту к себе на WordPress сайт. И сегодня мы подробно рассмотрим ручной способ добавления такой карты и попутно пару полезных плагинов для тех, кто в принципе, терпеть не может никакого кода 🙂
Добавление Яндекс карты для WordPress
Для чего может понадобится интерактивная карта на вашем сайте, я думаю и так всем понятно. Конечно, в первую очередь это различные схемы проезда и прохода. И Гугл и Яндекс уже давно позволяют своим пользователям использовать специальные конструкторы создания карт. Найти такой конструктор для Яндекс карты можно вот тут. Создавать карту следует под своим аккаунтом для того, что иметь потом возможность её отредактировать.
Заходим в конструктор и можем сразу приступать к редактированию своей карты. Инструменты очень простые. С помощью них вы можете добавлять свои метки на карту с названием и описанием, обозначать цветом на карте визуальные зоны, а так же рисовать линии например, если нужно обозначить дорожку от метро к офису.
После того как вы справились с рисованием, не забудьте ввести название своей карты. Потом жмакаем на большую желтую кнопку — «Сохранить и получить код». Внизу, в строке появится код который вам нужно скопировать в буфер обмена (CTRL+C) и потом вставить(CTRL+V) на нужную страницу или пост вашего сайта. Только учтите, что перед тем как вставить код, следует переключить визуальный редактор сайта в текстовый режим. Тут же, после вставки, в тексте кода можете подправить размер окна с картами если требуется.
Вот и все хитрости. Как видите, все просто и без плагинов. Дополнительно еще можно получить API-ключ. Но нужно это скорее разработчикам, которые много и часто работают с Яндекс картами. Кроме того, с API можно добавлять специальные модули для создания сложных карт.
Плагины добавления Яндекс карт
Плагинов на эту тему нашлось совсем мало, а заслуживающих внимания и того меньше. В общем, представляю вам один бесплатный и один премиум плагин которые помогут выводить яндекс карты.
Oi Yandex.Maps for WordPress
Простой и удобный плагин которые создаст в вашем визуальном редакторе кнопку «Яндекс карты». По нажатию на кнопочку появится меню, где вам предложат ввести адрес, заголовок и содержимое балона (всплывающей текст), подсказку и еще ряд необязательных параметров таких как высота и размеры окна. В результате, плагин сгенерит и вставит нужный для вывода карты шордкод.
В целом, вполне приятный и рабочий плагин для всех кому лень ковыряться с кодом самостоятельно. Дополнительно, в настройках плагина можете вписать нужные к отображению метки. Кстати говоря, полный список меток можно найти здесь.
SemanticWP Yandex Maps
Единственный премиум плагин который мне удалось сыскать на тему карт от Яндекса. Плагин будут полезен всем кому надо создавать карты с многочисленными метками и описаниями к ним. Умеет делать:
- Выбор элементов управления
- Задавать размеры карты
- Задавать тип карты
- Добавлять любое число меток
- Показывать текст на иконке и в подсказке
- Выводить ссылки
Что именно использовать на своем сайте — Яндекс или Гугл карты пусть каждый решает сам. На мой субъективный взгляд, Гугл карты хороши для сложной работы ввиду того, что к ним есть масса специализированных программ и плагинов для WordPress. Ну а для быстрого вывода например, схемы проезда в отечественных городах отлично сгодится и Яндекс.
Еще по теме — Google Maps — как вставить на сайт гугл карту?
Сайт у Вас хороший полезный, только поиск по сайту непонятно где теперь… Периодически заглядываю, старую но актуальную информацию без поиска неудобно искать. Прошу поправить, пожалуйста.
Спасибо. Поиск там же где и раньше — наверху справа.
Поиск более привычен в сайдбаре или в шапке (heder) но не в верхнем меню (Top menu) я вообще не смотрю — нет поиска и ухожу с сайта.Желательно поиск установить ПЕРЕД Вашим фото. Не огорчайтесь — Всего доброго!
Да будет так 🙂
Привет народ !
А может кто подсказать, как вставить карту google maps в шапку любой обычной тему ? Например twenty thirteen.
Обычно в такие шапки можно загружать картинку с компьютера. Но вместо картинки разместить там живой iframe google maps ?
Я новbчок в WordPress…оно и понятно 🙂
ЗЫ В пост я знаю как вставить. Но как в шапку ?
Вместо картинки в шапке просто вствить не получится, но можно легко разместить выше или ниже, вставив код карты в header.php
Спасибо, очень нужная информация.
При вставке кода в новую статью карта не отобразилась, подумал. что не работает.
Оказывается в режиме просмотра все работает.
Добрый день! У меня тут возник вопрос создания карты в зависимости от постов, т.е. в постах пишем город а отдельный пост с картой показывает метки постов с названиями. Так ввиду отсутствия опыта в разработке подобных карт, упёрся в вопрос, что использовать, Яндекс или Гуугл. Вроде в Гуугле больше инструментов но для использования API нужно покупать ключ
Ну так купите. Есть для гугла удобные плагины типа этого http://codecanyon.net/item/progress-map-wordpress-plugin/5581719
Много интересной информации! Спасибо
вот еще один продвинутый и бесплатный плагин для ЯКарт
https://ru.wordpress.org/plugins/yandex-maps-api/
и мануал к нему
http://самопревосхождение.рф/yandex-maps-api-for-wordpress/