Как вставить карту на сайт wordpress- пошаговая инструкция. Не будем пользоваться плагинами вордпресс потому, что это сложно и не всегда корректно работает на большом отрезке времени. Так же наверняка существуют коммерческие темы с встроенной опцией карт, но в рамках этой статьи мы их рассматривать не будем. Мы рассмотрим самый простой способ который подходит как для вордпресс так и для рукописных сайтов.
Сейчас все оффлайн компании на своих интернет ресурсах устанавливают интерактивные карты с точками своего точного местонахождения. Это облегчает потенциальным клиентам найти офис, магазин, склад и т. д. В наше время это не представляет сложности. Помогают в этом веб мастерам сервисы таких интернет гигантов как Yandex и Googl. Плагины обычно работают с googl maps. Мы будем вставлять код карты непосредственно в страницу или запись и использовать для этого Яндекс карту.
Для этого воспользуемся сервисом «Конструктор карт Яндекса»
Что бы пользоваться сервисом необходимо иметь почту (аккаунт) на Яндексе (логин и пароль от конструктора карт такой же как от почты).
Вся история и созданные карты доступны по логину и паролю Яндекс ID.
Последовательность действий:
- Заходим на сайт Конструктор карт Яндекса.
- Пишем название и описание карты.
- В поисковой строке вводим адрес интересующего нас объекта.
- Пишем свое название и описание объекта, а так же занимаемся дизайном метки.
- В разделе слои выбираем метод отображения: схема, спутник, гибрид (по умолчанию стоит схема).
- Жмем желтую кнопку: Сохранить и продолжить.
- Масштабируем видимую часть карты для сайта (на этом этапе можем вернутся к редактированию карты).
- Жмем желтую кнопку: Получить код карты.
- Выбираем код для карты JavaScript и сохраняем его себе в буфер или текстовый файл
Все, «Конструктор карт Яндекса» нам больше не понадобится, переходим на свой сайт wordpress.
- Заходим в режиме редактирования на свою страницу/запись и в нужное место добавляем блок Гуттенберга с названием «Произвольный HTML». Теперь в данный блок вставляем код скопированный с конструктора карт.
Все готово, обновляем страницу, должно получится так же как у меня под этой записей (использовался размер карты- растянуть по ширине).
Я описал этот способ вставки карты в сайт, потому, что он самый простой. Не бывает сбоев как с плагинами которые некоторое время работают, а потом нет, в место карты отображается кусок кода. Всё, всем пока, надеюсь ответ на вопрос- как вставить карту на сайт wordpress получился лаконичным и исчерпывающим. ✓
