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


Яндекс карты для WordPress | WPNICE

Сегодняшняя статья о Яндекс картах для вашего сайта на WordPRess. О взаимодействии карт от Гугла с WP написано уже довольно много. Существуют десятки разной степени полезности, бесплатных и премиум плагинов. Есть даже специализированные темы, главной фишкой которых является именно показ гуглокарт в разных видах и для разных назначений.

У Яндекса в этом плане дела выглядят поскромнее. Плагинов существует совсем мало. Впрочем, это не столько проблема Яндекса, сколько разработчиков плагинов. Отечественных, понятное дело.

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

Добавление Яндекс карты для WordPress

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

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

Yandex maps 01

После того как вы справились с рисованием, не забудьте ввести название своей карты. Потом жмакаем на большую желтую кнопку — «Сохранить и получить код». Внизу, в строке появится код который вам нужно скопировать в буфер обмена (CTRL+C) и потом вставить(CTRL+V) на нужную страницу или пост вашего сайта. Только учтите, что перед тем как вставить код, следует переключить визуальный редактор сайта в текстовый режим. Тут же, после вставки, в тексте кода можете подправить размер окна с картами если требуется.

Yandex maps 02

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

Плагины добавления Яндекс карт

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

Oi Yandex.Maps for WordPress

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

Oi Yandex.Maps for WordPress

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

Страница плагина

SemanticWP Yandex Maps

Единственный премиум плагин который мне удалось сыскать на тему карт от Яндекса. Плагин будут полезен всем кому надо создавать карты с многочисленными метками и описаниями к ним. Умеет делать:

  • Выбор элементов управления
  • Задавать размеры карты
  • Задавать тип карты
  • Добавлять любое число меток
  • Показывать текст на иконке и в подсказке
  • Выводить ссылки

SemanticWP Yandex Maps

Страница плагина

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

Еще по теме — Google Maps — как вставить на сайт гугл карту?

wpnice.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

 

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

 

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

 

wdfiles.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

 

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

 

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

 

dommol29.ru

Яндекс карты для wordpress | BLOGOMANIY.RU

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

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

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

В Яндекс картах можно включать, выключать кнопки увеличения, миникарту и переключать вид карты. Вам потребуется PHP5.Так же, есть поддержка WordPress MU.

Яндекс карты для wordpress

1.Скачайте плагин по ссылке: http://yadi.sk/d/sIpoNVLVcrJO

2.Установите плагин и активируйте его. Как это сделать, можно почитать вот здесь.

3.После активации, когда вы войдете в настройки плагина, вам нужно ввести API-ключ, это можно будет сделать вот здесь: http://api.yandex.ru/maps/form.xml

Теперь рассмотрим, как можно использовать этот плагин.

Заходим в создание записи, страницы и внизу, под полем ввода текста появится новая панель “Yandex Maps for WordPress”

Заполняем поля, учитывая что:

  • Location name — это будет заголовок сообщения, которое будет видно рядом с точкой на карте.
  • Address — это адрес, в который нужно вставить точку
  • Location Description — это тело сообщения, которое будет видно рядом с точкой на карте.
  • Map width \ height — это размер карты.
  • Enable Zoom/Pan Controls — элементы управления Яндекс картой
  • Enable Map Type Controls (Map, Satellite, or Hybrid) — представляет элементы управления типом карты,улицы, спутниковая, гибрид.
  • Теперь нажмите на кнопку «Send to map editor»

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

Читаем — это полезно!!

С уважением, Александр.

Посмотрите еще интересные записи:

Блогостроение, Ведение блога Яндекс

blogomaniy.ru