WordPress Яндекс Карты - вставка карты на сайт вручную и плагином. Как вставить карту яндекс на сайт wordpress


Плагин Яндекс.Карт YaMaps для WordPress

YaMaps — простейший способ вставить карту на ваш сайт. У плагина дружественный интерфейс. Вы можете визуально ставить метки на Яндекс.Карту, двигать их мышью, менять иконки и многое другое.

Возможности плагина:
  • Вы можете добавлять карты без знания кода.
  • Вы можете редактировать шорткоды в визуальном редакторе.
  • Вы можете добавлять любое количество карт на страницу.
  • Вы можете добавлять множество меток на карту.
  • Вы можете добавлять гиперссылки для меток.
  • Вы можете выбирать иконку и ее цвет в визуальном редакторе.
  • Вы можете выбирать тип отображаемой карты (Карта, Спутник, Гибрид), кнопки масштаба и другие элементы управления.
Структура шорткода
  • yamap center — Координаты центра карты
  • yamap height — Высота карты
  • yamap zoom — Масштаб карты (от 0 до 19)
  • yamap scrollzoom — Отключить масштаб карты колесом мыши (scrollzoom=’0′ для блокировки)
  • yamap type — Тип карты (Например: yandex#map, yandex#satellite, yandex#hybrid)
  • yamap controls — Элементы управления картой, разделенные точкой с запятой (typeSelector;zoomControl;searchControl;routeEditor;trafficControl;fullscreenControl;geolocationControl)
  • yamap container — ID существующего блока в теме WP. Карта будет помещена в блок с указанным ID. Новый блок карты в содержимом записи создаваться не будет.

  • yaplacemark coord — Координаты метки

  • yaplacemark icon — Иконка
  • yaplacemark color — Цвет маркера
  • yaplacemark name — Подсказка или содержимое иконки
  • yaplacemark url — URL-адрес или ID записи, которые будут открыты при клике на метку

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

Пример шорткода

[yamap center=’55.7532,37.6225′ height=’15rem’ zoom=’12’ type=’yandex#map’ controls=’typeSelector;zoomControl’][yaplacemark coord=’55.7532,37.6225′ icon=’islands#blueRailwayIcon’ color=’#ff751f’ name=’Placemark’][/yamap]

  • Окно визуального редактора шорткода.

ru.wordpress.org

Как добавить на сайт 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

 

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

 

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

 

info-effect.ru

info-effect.ru

WordPress Яндекс карты: как установить и настроить

Wordpress Яндекс Карта

Привет читатели seoslim.ru! Скажите, а вы пользуетесь картами от Яндекса на wordpress?

Яндекс карта служит в первую очередь для повышения юзабилити площадки. Сегодня мы рассмотрим, когда стоит размещать Яндекс.Карту в созданном интернет – проекте.

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

Существует несколько вариантов добавления карты от Яндекс

1. Для интернет – проекта, созданного на WordPress, можно применить специальный плагин. Называется он yandex maps.

С его помощью карта добавляется в необходимую страницу или запись на блоге. Карта получается интерактивная. Работает изменение масштаба и перемещение.

Плагин yandex maps

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

Эго можно получить после авторизации. Там где редактор страниц, появится новая панель. С ее помощью и производится вся настройка.

2. Можно добавить такую карту вручную. Для этого  воспользуйтесь специальным сервисом от Яндекса. При помощи данного сервиса можно создавать статические или интерактивные карты.

Статическая карта представляет из себя просто рисунок. Ее можно использовать даже в текстовом редакторе, где можно задавать метки.

Здесь перейдите в конструктор новых карт и найти какое-нибудь место на карте, где можно поставить метки, нарисовать линии или фигуры, построенные из многоугольников.

Также можно добавить подписи к записям. Имеется возможность выбрать различную цветовую схему исполнения. Можно выбрать тип карты.

Статические или интерактивные карты

Яндекс предлагает такие варианты: народная, гибрид и спутник. На последнем шаге стоит выбрать тип карты. Можно создать статическую или интерактивную карту. Теперь не забудьте получить специальный код, который потом разместите на web-ресурсе.

Особенность карт на WordPress

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

Если захотите установить интерактивную карту, ее сначала поместите в запись в режиме текстового редактора. При таком варианте карта нормально отобразится.

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

Решение в данной ситуации имеется. Можно использовать статичную карту. При переключении в визуальный режим вордпресс будет отображать ее как рисунок и не будет убирать код.

Если надо использовать интерактивную карту, и иметь возможность переключаться, не вставляя заново код, можно воспользоваться специальным плагином fields shortcode.

При помощи данного плагина можно поместить фрагмент кода в пользовательском поле. После этого его можно добавлять в любое место записи.

Хочу еще отметить, что существует еще один способ. Это использование api карт от Яндекса. Данный способ требует определенных умений программирования.

Самое главное, что такой способ предлагает более расширенный варианты настройки карты.

Итак, используя данные методы, можно поместить Яндекс.Карту, на интернет – проект, который работает на WordPress.

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

Также это может быть любой блог, в котором необходим непосредственный контакт с посетителями.

seoslim.ru

Плагин Яндекс Карты для WordPress: скачиваем и настраиваем

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

Если вы создаете портал для какой-то компании, то не лишним будет показать людям где находится заведение, о котором вы рассказываете. Вы поговорим про плагин Яндекс карты для WordPress и вы поймете стоит ли им пользоваться или есть вариант лучше и проще.

С недавних пор я начал более лояльно относиться ко всем сервисам от Яндекса. Они действительно становится более удобными. Сперва мое сердце завоевал браузер, к которому я долгое время относился с неким скептицизмом, а сегодня обратил внимание и на карты.

В процессе написания этой статьи, я выяснил, что даже геолокация у Яндекса значительно проще, чем у его зарубежного конкурента. Не говоря уже о Метрике и инструментах для Вебмастеров.

Однако, если говорить непосредственно о плагинах, то их у Яндекса в разы меньше, но так ли они нужны? Может все-таки дело в том, что ресурс настолько удобен, что в отличие от Гугловских продуктов они просто не нуждаются в дополнительном упрощении?

Давайте это выясним.

Нужны ли вам карты

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

Что вы представляете, услышав о улице Ленина, которая есть практически в каждом городе? Памятник, близлежащую школу или очередной «Перекресток»? Люди нуждаются в подобных уточнениях, они хотят быть уверены, что точно понимают куда их зовут. Никто не хочет терять время.

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

Добавление вручную: простота или лишние проблемы

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

Вводите в поисковую строку адрес, на который будет указывать метка, нажимаете «Найти» и она сразу появляется на карте.

Можно выбрать свой цвет и тип метки.

В центр без труда устанавливается иконка. Осталось только добавить свое описание, если это необходимо и нажать «Готово».

После этого вы можете вводить и другие адреса. Снова нажимать «найти» и метки будут добавляться на эту карту. Нажав на них вы можете перемещаться между метками и удалять их.

Описание можно ввести и в названии самой карты. Осталось только «Сохранить и продолжить».

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

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

Осталось только получить html код. Скопируйте его.

Вы можете создать отдельную страницу с адресами или вставить его в текст статьи. Зайдите в админ панель ВордПресс. Затем откройте редактор публикаций и выберите текстовую версию.

Вставляете полученный код и вуа-ля. Карта добавлена.

Раньше, у вас была возможность проложить маршрут, но теперь читатель может самостоятельно это сделать. Посмотрите на кнопку в левом верхнем углу. Я считаю, что это правильно. Люди должны быть самостоятельнее.

Единственный недостаток, это то, что если вы пользуетесь этим способом, то кликнув по карте, если человек захочет открыть скрипт через сам сервис, то он увидит имя владельца. Советую просто зарегистрировать почту под именем продвигаемого заведения.

Хотя, откровенно говоря, думаю, что нажмут сюда не многие. Так что можно не беспокоиться.

Дополнительные возможности

Я искренне считаю дополнительные возможности лишними. Не нагружайте фото деталями, чтобы человек сам мог разобраться. Не предлагайте ему все и сразу. За обилием сведений он не увидит главного.

И тем не менее, рассказать о них я должен.  Иногда эти инструменты могут быть необходимы. Ума не приложу, что это может быть за ситуация – захват Пруссии, война с норманнами… не представляю. Если у вас есть идеи — пишите в комментариях к этой статье.

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

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

Сразу вспоминаются фильмы из серии «Код да Винчи». Может благодаря этой штуке вы тоже найдете особые тайные символы и знаки, задуманные архитекторами и правителями при постройке вашего города.

Многоугольники чем-то напоминают линии, но позволяют заполнить определенную территорию цветом.

Нажав на любую точку, вы можете выбрать один из пунктов: удалить эту ерунду, завершить рисование или добавить внутренний контур.

Ну и пробки. Изначально идея добавить такую карту кажется очень классной. Но на деле… не все поедут к вам на машине, а долго смотреть на такую новогоднюю елку из карты мало кто захочет. Сейчас в дизайне главенствует минимализм.

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

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

Однако, возможно у вас другое мнение, так что пару слов о плагинах.

Плагины добавления

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

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

Расскажу лишь про бесплатное расширение Oi Yandex.Maps for WordPress. После установки в визуальном редакторе записей появляется кнопка «Яндекс карты».

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

В этом случае карта будет выглядеть вот так.

Однако, при нажатии на метку вы можете добавить свои данные: адрес, основную информацию, призыв к действию. Несложно изменить дизайн самой метки. Ну а самым главным преимуществом я назову все-таки отсутствие имени владельца и возможность открыть карту через Яндекс.Карты.

Ну вот и все. Теперь вы знаете как создать и добавить Яндекс Карту на сайт ВордПресс. Если вам была полезна эта статья, подписывайтесь на рассылку и узнавайте больше о правильной и простой работе по созданию и обслуживанию сайтов.

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

Ничто лучше не покажет вашу работу заказчику, чем реальные обращения от клиентов. Как и Яндекс.Карты установить эту опцию можно проще простого. Для этого есть сервис Callbackkiller (http://callbackkiller.com). Через него можно говорить и тогда вам придется оплачивать минуты разговора, а можно просто получать письма на почту. И это совершенно бесплатно.

Я желаю удачи в ваших начинаниях. До новых встреч.

start-luck.ru

Как вставить Яндекс карту на сайт wordpress

Приветствую Вас снова друзья! На связи Владимир Савельев и в этой статье, мы с Вами узнаем — как вставить Яндекс карту на сайт wordpress.

При ведении собственного ресурса на WordPress довольно часто возникает необходимость размещения подробной масштабируемой карты. Чаще всего это делается на странице с контактными данными корпоративного сайта – указывается реальный адрес фирмы (офис, склад и т.д.).

Эти статьи должны быть прочитаны:

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

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

Как вставить Яндекс карту на сайт wordpress

Чтобы быстро и просто создать карту местности на WordPress, чаще всего используют специальные плагины. Плагин от Поисковика Яндекса называется — Yandex Maps for WordPress. После скачивания идет процедура стандартной установки и активации через админку.

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

Процедура генерации очень простая – в специальном поле следует лишь указать домен своего сайта, согласиться с условиями предоставления сервиса и кликнуть на «Получить API-ключ». Опция создания новой карты теперь будет доступна при редактировании/создании статичной странички.

настройки плагина Yandex Maps for WordPress

В нижней части появится специальный раздел «Yandex Maps for WordPress». Здесь нужно заполнить несколько полей:

  • Первое поле называется «Location Name» — здесь указываем заглавие маркера на нашей карте (к примеру, название города).
  • Второе поле называется «Address» — здесь указываем конкретный адрес, он будет помечен маркером (город, улица, дом).
  • В третьем поле «Location Description» задайте небольшое описание для маркера.
  • В полях «Map Width» и «Map Height» указывается длина/ширина создаваемой карты в пикселях (px).

Поставленная напротив пункта «Enable Zoom/Pan Controls» галочка позволит отобразить для пользователей навигацию управления нашей картой.

Галочка напротив «Enable Map Type Controls» позволит пользователям выбирать один из вариантов карты – обычная, спутниковая или гибридная. После нажатия «Send Map To Editor» карта будет автоматически создана и добавлена в статью или на статичную страницу.

Как вставить яндекс карту на сайт wordpress я Вам показал, теперь расскажу и о плагине Google Map...

Как вставить Google карту на WordPress

Сделать это можно с помощью плагина, называется он Comprehensive Google Map Plugin. Скачиваем, устанавливаем и активируем – здесь все по стандарту. Сразу же после активации вы увидите новый пункт в админке блога под названием Google Map.

В первую очередь, заходим в раздел «Shortcode Builder». Это и есть непосредственный генератор кода. В подразделе «Basic Settings» располагаются базовые настройки будущей карты.

настройка плагина Comprehensive Google Map Plugin

Для начала указываем ширину и высоту (пункты «Width» и «Height» соответственно). Можно задавать их в пикселях или процентах от ширины страницы.

  • «Zoom» — это масштаб нашей карты в процентах.
  • В пункте «Map Type» указываем тип карты (по умолчанию здесь стоит «Roadmap»).
  • Пункт «Alignment» предназначен для выравнивания карты – по центру, слева или справа.
  • Пункт «Map Language» позволяет выбрать русский язык, на котором будут отображаться все надписи (Default – это английский язык).
  • Можно включить подсказку направления посредством опции «Direction Hint».

В подразделе «Map Controls» можно настроить элементы управления будущей картой. В подразделе «Map Markers» можно выбрать внешний вид того или иного маркера, привязать к нему конкретную географическую точку (город, улицу, дом).

После всех настроек, не забудьте кликнуть «Generate Shortcode».

Используя HTML-редактор, вставляйте готовый код в требуемое место страницы сайта.

Единственный недостаток Google-карты – это невозможность ввода географических названий, состоящих из русских букв (плагин попросту не распознает их). Единственный вариант – ввод названий на транслите, т.е. латинскими буквами.

На этом у меня все! Если у Вас есть вопросы и не совсем понятно как вставить яндекс карту на сайт wordpress или google карту, смело задавайте их в комментариях и я постараюсь помочь!

До скорого...

savme.ru

WordPress и Яндекс карты - OI Yandex Maps for WordPress

Помимо указания адреса вашей компании и времени работы, создайте карту на сайте и укажите клиентам, как лучше к вам проехать. Это поможет сэкономить время и быстрее отыскать вашу фирму. Для сайтов, созданных на WordPress карту можно вставить двумя способами: с помощью конструктора Яндекса или с использованием специального плагина.

Зачем на WordPress сайте нужна карта?

Укажите схематическое расположение вашей компании на местности и добавьте эту информацию на корпоративный сайт. Карта позволит потенциальным клиентам сориентироваться среди известных городских объектов и быстрее найти вас. Дополнительные доводы в пользу того, зачем на сайте нужна карта:

  • Графическая информация легче воспринимается в отличие от текстового написания адреса, которое сложно запомнить.
  • Будущие клиенты будут благодарны вам за схему въезда, которая позволит сориентироваться с парковкой.
  • Клиенты, которые добираются общественным транспортом, смогут проследить путь от ближайшей остановки.

Виртуальный хостинг сайтов для популярных CMS:

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

Чтобы создать карту без плагина для сайта WordPress, зайдите в конструктор Яндекса по адресу: https://yandex.ru/map-constructor/.

Для использования сервиса у вас должен быть адрес электронной почты в Яндексе.

  1. В конструкторе задайте адрес организации в специальной строке и нажмите кнопку «Найти».
  2. Маркер укажет здание на карте по заданному адресу. Щелкните на маркере, чтобы появилась форма для его настройки. Разместите описание объекта в отведенном поле, укажите тип и цвет маркера. При необходимости выберите для него иконку из списка и нажмите кнопку «Готово».
  3. Подтвердите создание карты нажатием на кнопку «Сохранить и продолжить».

На следующем шаге создания карты выберите, в каком виде вы будете ее размещать на сайте. Предлагается 3 варианта: интерактивная с возможностью изменения масштаба, статическая в виде картинки или печатная в виде скачиваемого файла. Задайте размер видимой области в пикселях или перетаскивая маркеры на рамке выделенного участка. При выборе интерактивной или статической версии карты используйте кнопку «Получить код карты» и скопируйте показанный текст для последующей вставки в код страницы. Если выбрана печатная версия, будет предложено сохранить ее на Яндекс.Диск.

Чтобы добавить карту на сайт, перейдите в админку WordPress, выберите нужную страницу или создайте специальную страницу для схемы проезда. В редакторе WordPress переключитесь в текстовый режим (1) правки кода. Вставьте скопированный код в требуемое место на странице (2) и опубликуйте ее.

Вот так выглядит созданная нами в сервисе Яндекс интерактивная карта после встраивания ее кода на страницу сайта.

Плагин OI Yandex Maps - как пользоваться, настройка, метки

Для создания и добавления карты на сайт можно воспользоваться специальным плагином Oi Yandex.Maps for WordPress. В чем преимущество использования плагина в этом случае:

  • Для определения местоположения можно указать географическую широту и долготу вместо адреса.
  • Предусмотрена возможность более гибкой настройки информации, которая отображается при наведении на маркер.
  • В редакторе WordPress можно использовать визуальный режим для вставки карты.
  • API загружается не вместе со всем сайтом, а только если открыта страница с картой.

В админке WordPress зайдите в меню «Плагины» и выберите пункт «Добавить новый». В строке поиска введите название плагина Oi Yandex.Maps, установите и активируйте его.

После активации плагина в меню «Настройки» появится пункт «Яндекс.Карты». Перейдите в него, чтобы настроить параметры отображения области и метки на ней. Задайте размеры отображаемого на странице участка и выберите его масштаб. Сохраните изменения в настройках, чтобы применить их к создаваемой карте.

В админ-панели WordPress перейдите на страницу сайта, где будет располагаться карта. Выберите в редакторе визуальное оформление текста (1). Обратите внимание, что над панелями инструментов появилась кнопка «Яндекс карта» (2). После вставки карты плагин добавит в код страницы соответствующую информацию (3).

При нажатии на кнопку «Яндекс карта» всплывает окно для настройки параметров. Наберите адрес организации в подходящем поле, плагин автоматически выставит геопозиционные координаты этого объекта. При необходимости можно задать широту и долготу местности, если неизвестен точный адрес.

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

Для вставки карты в код страницы нажмите кнопку «Insert map». Плагин позволяет расположить на одном участке сколько угодно меток, используйте для этого кнопку «Insert placemark». Вот так выглядит на странице сайта карта, созданная плагином Oi Yandex.Maps for WordPress.

www.ipipe.ru

Плагины Яндекс и Google карт для Wordpress сайта

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

Плагин Google карты

Yandex Maps for WordPress – встроить карту на сайт легко!

Yandex Maps for WordPress – плагин Яндекс карт, который с легкостью позволяет встроить в запись или на страницу сайта интерактивную карту.

Скачать Вордпресс плагин Яндекс карт можно тут: http://wordpress.org/plugins/yandex-maps-for-wordpress/, либо установить сразу из консоли WP, воспользовавшись встроенным поиском плагинов.

Для того, чтобы карта работала на сайте, необходимо получить API-ключ. Сделать это можно тут:

http://api.yandex.ru/maps/form.xml

Все что нужно – это ввести адрес сайта, на котором будет использоваться ключ. Если используете локальный сервер (Денвер), то вводите соответствующий локальный адрес. Однако, не забудьте после установки на хостинг, получить новый ключ.

api-ключ

Подтвердите, что ознакомились с пользовательским соглашением и нажмите «Получить API-ключ».

получить api-ключ

Далее, вы попадете на страницу получения ключа:

подтверждение api-ключа

Этот ключ необходимо скопировать и вставить в подтверждающее окно и нажать «Применить»:

yandex maps

Вот собственно и все, WordPress плагин Яндекс карт полностью готов к работе.

Теперь можно зайти на страницу или в запись и вы увидите поле вставки Яндекс карты.

настройка yandex maps for wordpress

Location Name – заголовок точки (маркера).

Address – указание адреса маркера.

Location Description – описание.

Map Width – ширина карты в пикселях.

Map Height – высота карты.

Enable Zoom/Pan Controls – опции приближения, панели управления.

Enable Map Type Controls (Map, Satellite, or Hybrid) – включить возможность переключить на карту гибрид или сателлит.

Вот такая карта получится на выходе:

Плагин яндекс карты

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

Вставляем карту Google в WordPress с помощью плагина

MapPress Easy Google Maps – WordPress плагин Гугл карт.

Доступен для скачивания из административной панели, либо скачиваем и распаковываем в нужную папку по ftp тут: http://wordpress.org/plugins/mappress-google-maps-for-wordpress/.

Установив данный плагин можно без труда добавить на сайт Google карту.

В отличие от Плагина Яндекс карт, описанного выше, в MapPress Easy Google Maps никаких API-ключей не нужно. После установки, можно перейти в раздел добавления записей или страниц и начать создавать карту.

Жмем «New map»:

создать новую карту

В поле Map Title задаем заголовок карты.

Size – размер в пикселях. При редактировании размера, можно визуально посмотреть как все будет выглядеть.

настройка плагина карт

Add POI – задаем местонахождение, точку, где будет расположен маркер. Достаточно просто ввести в это поле нужный адрес. Например: Славутич, Белый ангел.

Точек можно задать сколько угодно.

ввод локации

При нажатии на маркер, откроется окно редактирования:

редактирование метки

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

Есть функция вставки картинок, которые будут отображаться при клике по маркеру.

Можно вставить ссылки.

И что очень приятно - есть режим редактирования HTML.

В общем, WordPress плагин Google карт определенно предоставляет больше возможностей, нежели плагин Яндекс карт.

После того, как закончили делать основные настройки, нужно сохранить карту (save) и вставить в запись (insert into post).

Вот такая симпатичная карта получилась:

Плагин карты Гугл

needsite.net