Как вставить карту яндекс на сайт WordPress

Добрый день, уважаемые читатели!

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

Итак, приступим.

Создание и настройка яндекс карты

Для начала нам нужно создать карту расположения объекта на Яндекс.Картах. Для этого необходимо:

1. 1.Перейти на страницу сервиса. Это можно сделать двумя путями:
   • Открыть страницу поиска Яндекс, и кликнуть по ссылке «Карты», которая находится над строкой поиска.
     
   • Ввести в адресной строке браузера адрес сервиса: maps.yandex.ru.
2. 2.На стартовой странице сайта кликаем на ссылку «Создать карту».

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

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

5. 5.Далее, при помощи инструментов, наносим на яндекс карту точное местоположение офиса и схему проезда к нему, что бы вашим клиентам можно было легче сориентироваться.
   Для нанесения графических обозначений нам доступны следующие инструменты:
   • Метки – предназначены для указания конкретного местоположения объекта.
   • Линии – используются для нанесения схемы проезда к объекту.
   • Многоугольник – позволяет обозначить территорию, прилегающую к объекту.
   
6. 6.Когда вы задали свое местоположение и нанесли схему проезда к нему, задайте название и краткое описание к создаваемой карте. Нажимаем кнопку «Сохранить и продолжить».

7. 7.Далее, выбираем тип карты. Доступны три варианта:
   • Интерактивная – данный тип позволяет пользователю перемещаться по карте масштабировать ее, что бы подробнее рассмотреть маршрут и местоположение.
   • Статическая – на выходе вы получите статическую картинку, заданного размера, в формате .png. Никаких действий с картой осуществлять нельзя.
   • Печатная – похожа на статическую карту, с отличием в том, что изображение будет опубликовано в высоком разрешении и пользователь сможет ее распечатать.

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

Для интерактивной карты можно указать параметр «Растянуть по ширине». Если его задать, то на странице вашего сайта WordPress карта будет отображаться на всю ширину блока, в который вы ее вставите.

9. 9.Нажимаем «Получить код карты» и в открывшемся окошке мы видим тот самый с генерированный код, который нам нужно скопировать.

Вставка кода яндекс карты на сайт WordPress

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

1. 1.Переходим в административную часть нашего WordPress сайта и открываем нужную нам страницу, на который мы хотим разместить карту.

2. 2.Обязательно, переходим на вкладку «Текст» и вставляем код яндекс карты

3. 3.Жмем кнопку «Обновить», после чего, можно перейти на страницу и посмотреть, что у нас получилось.

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

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

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

До новых встреч в следующих статьях!

С уважением Юлия Гусарь