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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Готово!

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

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

На сегодня все, не забудьте подписаться на обновления моего блога, чтобы регулярно получать полезную информацию!

С уважением, Владимир Денисов!

Также стоит прочитать:

Красивая форма подписки feedburner для WordPress... Всем привет! Сегодня поменял внешний вид формы подписки на обновления моего...блога, реализованной через такой сервис Google, как feedburner. Именно по этой...причине в данной статье я расскажу о создании красивой формы подписки feedburner...для WordPress.
Картинки в комментариях. Плагин Comment Images... Здравствуйте, читатели моего блога! Речь в данной статье пойдет о плагине для...WordPress, который позволяет вставлять изображения в комментарии. Разумеется,...это не единственный способ выполнения данной операции, ведь уже размещенное в...интернете изображение можно вставить в комментарий с использованием ссылки не...него. Однако, для этого изображение должно быть размещено в интернете, а...какое-либо стороннее изображение, к примеру, с жесткого диска вашего компьютера,...добавить не удастся. В этом случае на помощь приходит плагин.
Галерея изображений стандартными средствами WordPr... Всем привет! В сегодняшней статье я хочу затронуть вопрос создания простой...галереи изображений для WordPress стандартными средствами данной CMS.

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

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

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

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

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