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

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

Сейчас все оффлайн компании на своих интернет ресурсах устанавливают интерактивные карты с точками своего точного местонахождения. Это облегчает потенциальным клиентам найти офис, магазин, склад и т. д. В наше время это не представляет сложности. Помогают в этом веб мастерам сервисы таких интернет гигантов как Yandex и Googl. Плагины обычно работают с googl maps. Мы будем вставлять код карты непосредственно в страницу или запись и использовать для этого Яндекс карту.

Для этого воспользуемся сервисом «Конструктор карт Яндекса».

как добавить карту на сайт wordpress

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

как в вордпресс вставить карту яндекс на сайт

Последовательность действий:

  • Заходим на сайт Конструктор карт Яндекса.
  • Пишем название и описание карты.
  • В поисковой строке вводим адрес интересующего нас объекта.
  • Пишем свое название и описание объекта, а так же занимаемся дизайном метки.
  • В разделе слои выбираем метод отображения: схема, спутник, гибрид (по умолчанию стоит схема).
  • Жмем желтую кнопку: Сохранить и продолжить.
  • Масштабируем видимую часть карты для сайта (на этом этапе можем вернутся к редактированию карты).
  • Жмем желтую кнопку: Получить код карты.
  • Выбираем код для карты JavaScript и сохраняем его себе в буфер или текстовый файл

Все, «Конструктор карт Яндекса» нам больше не понадобится, переходим на свой сайт wordpress.

  • Заходим в режиме редактирования на свою страницу/запись и в нужное место добавляем блок Гуттенберга с названием «Произвольный HTML». Теперь в данный блок вставляем код скопированный с конструктора карт.

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

Я описал этот способ вставки карты в сайт, потому, что он самый простой. Не бывает сбоев как с плагинами которые некоторое время работают, а потом нет, в место карты отображается кусок кода. Всё, всем пока, надеюсь ответ на вопрос- как вставить карту на сайт wordpress получился лаконичным и исчерпывающим. ✓

Рейтинг
( Пока оценок нет )