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

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

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

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

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

Ищешь заработок в Интернете? Записывайся на бесплатный онлайн курс «СПЕЦИАЛИСТ ПО ИНТЕРНЕТ-РЕКЛАМЕ» и получи удаленную профессию рекламщика в Яндекс Директ за 10 дней!

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

Чтобы добавить Яндекс карту на сайт первым делом заходим в Конструктор карт Яндекс для сайта по этой ссылке, и вашему вниманию предоставляется краткая презентация сервиса, которую в виде 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.
Простой способ изменить фон для WordPress сайта!... Всем привет! Сегодняшняя статья будет наиболее интересна новичкам, которые...хотят изменить или установить фон для своего сайта/блога на WordPress, ведь в...ней я расскажу об одном быстром и простом способе сделать фон для своего...интернет-ресурса.
Всплывающие картинки в WordPress без плагина... Всем привет! Про то, как сделать всплывающие картинки в WordPress я уже писал в...одной из своих статей, но там речь шла о...применении специального плагина. Логично будет рассмотреть способ получения...аналогичного результата без установки дополнительных плагинов. Именно об этом мы...и поговорим в рамках сегодняшней статьи.

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

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

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

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

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