Yandex Maps API карта на сайт wordpress шорткод. Wordpress добавить карту яндекс на сайт


Yandex Maps API карта на сайт wordpress шорткод — ТОП

 Продолжаем разбирать самые полезные и интересные плагины для сайта wordpress. Сегодня вы узнаете как с помощью шорткода добавить на сайт Яндекс карту. Установив на свой сайт плагин Yandex Maps API, вы сможете добавлять на сайт различные типы карт, с помощь шорткодов. Особенности плагина:

 

— Вы сможете добавлять несколько карт на одну страницу.

— Можно добавлять несколько меток на одной карте.

— Можно заполнить несколько изображений на одной карте.

— Вы сможете добавить несколько графических фигур на карту.

— Точки, линии, круги, прямоугольники, многоугольники.

— Можно указывать несколько маршрутов на одной карте.

— Можно показать координаты конкретного места, нажав на кнопку.

— Вы сможете добавить маршрут на карте из выбранной точки к месту

— Можно делать несколько YMapsML, в kml, gpx файлов на одной карте.

— Яндекс карты с API 2.1 объекты.

 

 Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Yandex Maps API

 

 После установки и активации плагина, перейдите в Детали плагина, на вкладку FAQ. Здесь будет указан шорткод для примера и ссылка с документацией плагина, а также готовыми примерами.

 

детали плагина maps

 

 На вкладке «Скриншоты» вы сможете посмотреть готовые примеры карт, которые вы сможете создать.

 

Яндекс карты

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

info-effect.ru

info-effect.ru

Oi Yandex.Maps for WordPress | WordPress.org

Внимание!

<strong>При обновлении плагина до версии <strong>3.1.6</strong> он будет деактивирован и выведется ошибка, что файл не найден - не пугайтесь, просто снова активируйте плагин, все будет работать как прежде. Ошика возникает из-за того, что был переименован основной файл для соответствия правилам оформления плагинов.</strong>

Warning!

Don’t forget to reactivate the plugin after update to v.3.1.6!

This plugin uses Yandex.Map API service to provide maps on your site.You can point coordinates or address of some places, and put your map to any page of your site.You can add so many maps on one page and so many placemarks on a map as you want.Just use shortcode with parameters. You can use custom fields – ‘latitude’ and ‘longitude’.Now you can use visual shortcode editor.

API loads not on every page, but only when it’s needed!

  • Shortcode in admin panel.
  • Map on a front page.
  • Placemark form.
  • Map form.
  1. Upload oi-yamaps folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
Installation Instructions
  1. Upload oi-yamaps folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
I have problems with activation

If you see something like this ‘Plugin has not correct header’, just reactivate the plugin. This issue comes because of renaming file to correct naming.

How can I add Stretchy Icons?

Just add the “iconcontent” attribute [showyamap address=”Moscow, Birulevskaya st., 1″ iconcontent=”Content”]

How can I change Stretchy Icon color?

Use simple islands icons “islands#nightIcon” or islands icons with dot “islands#nightDotIcon”. If you use “iconcontent” then icon automaticaly turns to stretchy.

Russian description

https://oiplug.com/plugins/oi-yandex-maps-for-wordpress

wordpress.org

Google и Яндекс карта WordPress

Здравствуйте, друзья блога FairHeart.ru! Если вы на блоге указываете адрес своей компании, любимого бара или просто место встречи, для красоты и удобства восприятия рекомендуется приложить карту, на которой маркером отмечено это место. В этой статье я расскажу вам как быстро и просто добавить Google Map и Яндекс карту в WordPress.

яндекс карта wordpress

Яндекс Карта — плагин Yandex Maps for WordPress

Скачайте плагин Yandex Maps for WordPress, распакуйте архив, загрузите папку с файлами плагина на сервер в директорию wp-content/plugins и активируйте его. Для работы Яндекс Карты необходимо получить Yandex API Key. Это займет у нас несколько секунд. Переходите на страницу получения API-ключа. Достаточно ввести адрес вашего сайта, поставить галочку под пользовательским соглашением и нажать на ставшую активной кнопку «Получить API-ключ».

Получение API ключа

На следующей страницы нам уже выдают уникальный API-ключ, который следует скопировать и вставить в раздел админки WP «Плагины» — «Yandex Maps». Все, плагином уже можно пользоваться.

Теперь при создании страницы или записи во встроенном редакторе WordPress внизу можно заметить новый раздел опций «Yandex Maps for WordPress».

плагин Yandex Maps for WordPress

  • Location Name — заголовок описания маркера.
  • Address — адрес, который будет отмечен маркером.
  • Location Description — описание маркера (можно использовать html тэги, но не стоить вводить одиночную кавычку).
  • Map width \ height — размер карты в пикселях.
  • Enable Zoom/Pan Controls — показывать элементы управления.
  • Enable Map Type Controls (Map, Satellite, or Hybrid) — отображать или нет элементы настройки типа карты (улицы, спутник, гибрид).

Как только заполните все поля, нажмите на кнопку Send Map To Editor и плагин сам сгенерирует код и вставит его в текст статьи.

Google Карта WordPress — плагин Comprehensive Google Map Plugin

В качестве альтернативы рассмотренным выше Яндекс Картам хочу предложить просто шикарный плагин от Google, который по праву имеет рейтинг в пять звезд на wordpress.org — имя ему Comprehensive Google Map Plugin. Единственный его минус — он не принимает русские адреса, их приходится писать транслитом (английскими буквами русские слова). Зато сами карты полностью на русском, да и описание маркеров тоже можно задавать на своем родном языке. Этот плагин имеет просто огромный функционал, за который можно ему простить все на свете!

Плагин устанавливается стандартно, только скачайте свежую версию с официального репозитория на wordpress.org.

После активации, появляется отдельный пункт в панели администратора WordPress — Google Map. Настройки плагина разбиты на два раздела:

1. Shortcode Builder — генератор кода, который следует вставить в текст статьи или в виджет WP для отображения настроенной в этом разделе карты.

Рассмотрим опции этого раздела.

Basic Settings — основные настройки.

Basic Settings Google Map

  • Width и Height — ширина и высота карты в пикселях.
  • Zoom — масштаб.
  • Map type — тип карты.
  • Alignment — выравнивание (расположение на странице).
  • Direction Hint — подсказка направления.
  • Map Language — язык.
  • Powered By — переводится как «Приведенный в действие», но назначение данной опции осталось для меня загадкой.

Map Controls — элементы управления. Можно оставить настройки по умолчанию.

Map Markers — ставим маркеры на карту.

Маркеры для Google Карты

Для этого выбираем внешний вид маркера, указываем адрес его расположения и описание. Как я уже говорил, русские адреса плагин не воспринимает, поэтому их следует вводит английскими буквами, если и это не помогло — посмотрите в интернете правильно английское написание. Если адрес введет корректно, плагин появится чуть ниже.

Что еще можно отображать:

  • Bike Paths — велосипедные дорожки.
  • Traffic Info — транспортную информацию.
  • Panoramio — фотографии местности.

Когда карта настроена и на нее нанесены все необходимые маркеры, нажмите на кнопку GENERATE SHORTCODE. Появится окошко с кодом, скопируйте его и вставьте в статью.

2. Settings — в этом разделе можно разрешить или запретить отображать опции генерации кода Google карты в редакторе WordPress (как это делается в плагине Yandex Maps for WordPress по умолчанию).

Кроме этого плагин создает новый виджет AZ :: Google Map. Настройки его полностью идентичны рассмотренным выше.

Спасибо за внимание! Всех Вам благ!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

fairheart.ru

Добавить карту Yandex на сайт Wordpress

На один из сайтов компании потребовалось добавить карту Yandex на сайт WordPress, оказалось,  всё настолько просто — сам в шоке.

Добавить карту Yandex на сайт WordPressЯша хоть и туповато сделал новый Вебмастер, но с картами у него всё отлично.

О, Яша, гуру картограффф. )

Как выяснилось, для простейшего добавления на сайт карты от Yandex не надо ничего, кроме как зайти на Конструктор карт,  интуитивно создать свою карту, получить код скрипта и вставить к себе на сайт.

Создаём название карты и описание.

Добавить карту Yandex на сайт WordPress

Находим своё желаемое место поиском. Разукрашиваем его ярлычками и пуговками. Как говорится:

Удовлетворяем свою хочуху тем, что есть.

Добавить карту Yandex на сайт WordPress

Можно выбрать вид карты, гибрид , смешанную и просто схему. Выставить пробки, может кому надо. Сохраняем карту.

Добавить карту Yandex на сайт WordPress

Шаманим с размерами и двигаем её, как нам надо. Я по сути своей человек скромный, сделаю маленькую) Получить код.

Добавить карту Yandex на сайт WordPress

Тадаааам, осталось вкорячить код на своём сайте.

Что делаю я? Я перевожу редактируемую запись в режим «Текст» и вставляю код.

Добавить карту Yandex на сайт WordPress

А вот и наша карта. Осталось её сделать по центру.

Добавляем до начала скрипта , после скрипта </center>

<center><script src=»https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Mv4_bQTBqwraqMg6T6rg1TlYGES6tcdi&amp;width=500&amp;height=400& amp;lang=ru_RU&amp;sourceType=constructor&amp;scroll=true» async=»» type=»text/javascript» charset=»utf-8"></script></center>

Всё готово, приглашаем гостей, указываем, где мы находимся.

Что хочу сказать. Яша  — просто умничка, добавил такой удобный и доступный сервис, как добавить карту Yandex на сайт WordPress, можно добавить куда угодно, не только на Wordpress . Очень быстро всё работает, просто прекрасно. Надеюсь, после такого быстрого рассказа и показа у вас не останется вопросов по добавлению карты Yandex к себе сайт.

Отвлекаясь от статьи, в очередной раз напоминаю, что при написании статей соблюдайте правила SEO, не делайте статьи на 150-200 слов. Поисковые системы не считают их  полноценными, соответственно, в поисковой выдаче вы будете в том месте, где не айс)

Удачи в заполнении и актуализации собственного сайта или блога, делайте всё с толком и расстановкой, не спешите заявлять о себе, пока не будет значимого и полезного контента.

Почитайте статью об отличном сервисе по поднятию посещаемости с помощью сервиса subscribe. Сам недавно начал пользоваться, посещаемость поднялась)

turbo-blog.ru

Как добавить на сайт wordpress Яндекс карту ? | ТОП

Здравствуйте !

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

Итак, добавлять Яндекс карту на сайт wordpress, мы будем с помощью плагина — Oi Yandex.Maps for WordPress. Установить данный плагин вы сможете прямо из своей админ-панели wordpress, для этого перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте найденный плагин.

 

27-09-2015 14-47-49

 

Чтобы попасть на страницу настроек плагина, перейдите по вкладке: Настройки — Яндекс карты.

 

27-09-2015 14-52-27

 

На странице — Настройки Яндекс карт, можно настроить параметры карт по умолчанию.

— Высота карты, можно указать высоту карты по умолчанию.

— Ширина карты, можно указать ширину карты по умолчанию.

— Масштаб карты, по умолчанию стоит 16, можно указать свой масштаб.

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

— Отображать ссылку на страницу плагина, если поставите галочку, то в углу карты будет отображаться ссылка на сайт автора плагина.

— Информация, здесь можно настроить свой шорткод, для вставки на сайт, по определённым параметрам.

 

27-09-2015 14-57-29

 

Настроить карту для своего сайта, можно будет прямо из визуального редактора wordpress. При создании записи или страницы, в меню визуального редактора, у вас появится кнопка — Яндекс карта.

 

27-09-2015 15-11-55

 

Нажав на кнопку — Яндекс карта, у вас появится окно для настройки карты. В настройках можно указать:

— Адрес, укажите здесь адрес, который должен отображаться на карте.

— Координаты, кликните по полю и координаты отобразятся автоматически, но только в том случае, если указан адрес.

— Центр карты, здесь можно ничего не указывать, центром карты будет адрес, который вы указали для карты.

— Заголовок балона, балон — это окно, которое будет появляться при нажатии на метку. Здесь можно указать заголовок балона. Ниже на скриншоте карты будет показан балон.

— Контент балона, здесь можно указать текст, который будет отображаться внутри окна балона.

— Подвал балона, здесь можно указать текст, который будет отображаться внизу окна балона.

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

— Высота карты, укажите высоту карты, если не указывать, то высота будет та, которую вы указали в настройках по умолчанию.

— Ширина карты, укажите высоту карты, либо будет значение по умолчанию.

— Масштаб карты, укажите масштаб карты, либо оставьте по умолчанию.

— Заголовок метки, можно указать заголовок для метки.

— Тип метки, тип метки можно поменять в настройках по умолчанию.

— В конце жмём на кнопку — Add shortcode. (создать шорткод)

 

27-09-2015 15-15-36

 

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

 

27-09-2015 15-44-57

 

Ниже на скриншотах, вы можете посмотреть как на карте выглядит метка и балон.

 

27-09-2015 15-27-39

 

27-09-2015 15-28-19

 

Итак друзья, на этом у меня всё, я надеюсь данная статья помогла вам в решении ваших задач, а я не прощаюсь с вами, до новых встреч !

 

Как добавить Яндекс карту на любой сайт, без плагина !

 

agkz.ru