WordPress

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

Добавление карт Google и Яндекс на WordPress-сайт можно осуществить с помощью плагинов или вручную через вставку кода. Вот как это сделать:

1. Добавление Google Maps

Метод 1: Использование плагина

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

  • WP Google Maps – позволяет создавать карты, добавлять метки, выбирать стили и настраивать отображение.
  • Google Maps Widget – позволяет добавить карту в виджет боковой панели или футера.

После установки плагина нужно следовать инструкциям для получения API-ключа от Google и настройки карты.

Метод 2: Вставка кода вручную

  1. Перейдите на Google Maps.
  2. Найдите нужное место на карте.
  3. Нажмите кнопку «Поделиться» → «Встроить карту».
  4. Скопируйте HTML-код iframe.
  5. Вставьте код в редактор WordPress (в текстовый блок).

2. Добавление Яндекс.Карт

Метод 1: Использование плагина

  • Easy Yandex Maps – популярный плагин, позволяющий легко добавлять Яндекс.Карты на сайт.
  • Yandex Maps for WordPress – предоставляет возможность встраивания интерактивных карт с метками и маршрутами.

После установки плагина настройте карту и добавьте шорткод в нужное место на странице.

Метод 2: Вставка кода вручную

  1. Перейдите на Яндекс.Карты.
  2. Найдите нужное место и выберите пункт «Поделиться» → «HTML-код».
  3. Скопируйте предложенный код iframe.
  4. Вставьте его в текстовый блок редактора WordPress.

Советы

  • API-ключи: Для работы с картами Google может потребоваться API-ключ. Получить его можно в Google Cloud Console.
  • Стилизация: Карты можно настраивать, изменяя параметры iframe или используя настройки плагинов.

Использование плагинов упрощает настройку карт, в то время как ручной способ позволяет больше гибкости и подходит для опытных пользователей.