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

Иногда возникает необходимость вставить на сайт WordPress карту с указанием на ней местонахождения какого-либо объекта.

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

Поэтому, если серьезно подходить к решению поставленной задачи, то следует воспользоваться специальным онлайн-сервисом, одним из которых является Конструктор карт Яндекса.

Давайте сегодня разберемся, как с помощью данного конструктора вставить в статью Вордпресс Яндекс карты.

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

Чтобы добавить Яндекс карту на сайт первым делом заходим в Конструктор карт Яндекс для сайта по этой ссылке, и вашему вниманию предоставляется краткая презентация сервиса, которую в виде GIF-файла вы можете посмотреть прямо сейчас:

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

Если вы заинтересовались вопросом о том, как сделать файл GIF онлайн, то прочтите статью по этой ссылке.

Далее жмем кнопку Создать карту под любым из слайдов презентации, либо просто закрываем презентацию и переходим к окну редактирования карты, в котором нужно указать название (1) и описание (2) карты, поставить метку нужного объекта (3,4), указать подпись метки (5) и текст, который будет виден при клике по объекту (6). Далее последовательно нажимаем кнопки Готово (7) и Сохранить и продолжить (8):

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

В следующем окне редактирования карты нужно выбрать тип карты (1) и размер карты (2), после чего нажать кнопку Получить код карты:

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

Я выбрал интерактивную карту, которую можно двигать. Отмеченные объекты на такой карте кликабельны.

По результатам описанных выше действий нам предоставляется код полученной карты Яндекс, который нужно скопировать в буфер обмена:

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

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

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

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

Карта Яндекс, вставленная в статью WordPress, выглядит следующим образом:

Готово!

Очевидно, что карта Яндекс на сайт WordPress вставляется элементарно и у вас не должно возникнуть с этим никаких проблем.

Если какие-либо вопросы все же возникнут, то смело задавайте их в комментариях к данной статье!

Комментарии 1

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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

Adblock
detector