WordPress. Как добавить карту Google с помощью шорткода

Этот туториал покажет, как добавить карту Google в шаблонах WordPress с помощью шорткода.

WordPress. Как добавить карту Google с помощью шорткода

1. Войдите в админ панель и создайте новую страницу или пост.

2. В Визуальном (Visual) режиме кликните иконку ‘Вставить шорткод’ (‘Insert ShortCode’) и из списка выберите шорткод Google map.

3. Во всплывающем окне вы увидите ‘Настройки шорткода (Shortcode settings)’:

4. Для того чтобы заполнить первое полу настроек шорткода, вам необходимо сгенерировать ссылку карты Google. Откройте сайт https://www.google.com/maps/ и в строке поиска введите желаемый физический адрес.

5. Кликните по иконке настроек в нижнем правом углу страницы сайта и из выпадающего списка выберите меню Поделиться и вставить карту (Share and embed map).

5. Во вкладке ‘Встроенный код’ (‘Embed Map’) скопируйте следующую часть кода (значение атрибута “src”). См. скриншот ниже:

6. Вставьте скопированный код в поле ‘Ссылка карты Google‘ (‘Google Map link‘) настроек шорткода. Установите значение высоты и ширины новой карты.

7. Нажмите кнопку ‘Вставить шорткод’ (‘Insert Shortcode’), чтобы сохранить изменения. Мы успешно добавили карту Google.

Это конец туториала. Свяжитесь с нами, если у вас возникнут дополнительные вопросы.

Вы также можете воспользоваться детальным видео туториалом:

WordPress. Как добавить карту Google с помощью шорткода