Как добавить Google Maps в WordPress

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

На свой WordPress сайт вы можете добавлять любой тип контента. Мы уже показывали вам, как добавлять аудио файлы, видео, PDF и таблицы в WordPress. Добавление же контента из внешних источников позволит вам создавать более разнообразный контент, что полезно и интерактивно. В сегодняшней статье мы покажем вам как добавить Google Maps в WordPress.

Вручную добавляем Google Map в WordPress

Переходим на сайт Google Maps и просто вбиваем адрес нужного вам местоположения, или же выполняем его поиск. Как только вы найдете нужное место, кликните по кнопке ссылки на панели справа. Вам предоставят код для встраивания карты. Скопируйте iframe код или же можете просто кликнуть по “Customize and preview the embedded map” для последующей настройки внешнего вида карты на своем сайте.

googlemaps-embed-iframe[1]

Перейдите на свой WordPress сайт и вставьте код в запись, на страницу или в шаблон. Вот и все, сохраните страницу/запись и просмотрите Google map на сайте в действии.

Добавление Google Maps в WordPress с помощью плагина

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

Первым делом вам необходимо установить и активировать плагин MapPress Easy Google Maps. Перейдите в редактирование существующей записи/страницы, где нужно добавить карту. Прокрутите к разделу MapPress на странице редактора и кликните на кнопку New Map.

mappress-googlemaps-plugin[1]

Откроется редактор MapPress, где вы сможете указать адрес или же кликнуть по ссылке My Location, чтобы разрешить плагину автоматически определить ваше местоположение. Укажите название своей карты и задайте ее размер. По окончании настройки кликните на кнопку сохранения изменений, а затем нажмите на кнопку Insert into Post для того, чтобы вставить карту в вашу запись. Обновите или опубликуйте страницу для того, чтобы увидеть карту в действии.

С помощью MapPress вы сможете добавить любое количество карту на страницу или в запись. Плагин работает из коробки, но также есть возможность перейти в его настройки в сайдбаре административной панели сайта. Кликните на соответствующее меню, где сможете указать тип карты, границы, выравнивание, элементы управления и т.д.

mappress-settings[1]

Добавляем Google Maps в виджет и Lightbox

Еще одним простым способ добавления Google maps на свой сайт WordPress является установка плагина Google Maps Widget. После активации плагина переходим в раздел Внешний вид » Виджеты и перетягиваем Google Maps Widget в нужный сайдбар.

google-maps-widget-settings[1]

Укажите адрес, который нужно отображать на карте в настройках виджета. Также вы сможете задать размер карты, цвет маркера, степень приближения и т.д. Клик по вкладке lightbox перенесет вас в настройки lightbox. И, наконец, нажмите на кнопку «Сохранить» для того, чтобы сохранить настрйоки виджета. Переходим на свой сайт для того, чтобы увидеть виджет в действии.

google-maps-widget[1]

Мы надеемся, что эта статья помогла вам добавить Google Maps на свой сайт WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

VN:F [1.9.22_1171]

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии