• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer

Мастерская интернета

курсы по Wordpress, Bootstrap, Dreamweaver

  • YouTube
  • Twitter
  • Facebook
  • Главная
  • WordPress
  • Уроки WordPress
    • Строим сайт на WordPress в JustWrite
    • Создаем сайт-визитку
  • Bootstrap
    • Создаем сайт в Bootstrap 3
  • Блог
  • Контакты
  • Войти

Урок 9 — добавляем карту расположения офиса

Заходим на www.maps.google.com. Далее, вводим ваш адрес, я для примера введу адрес парк Горького, Москва, затем жмем на Share:

добавляем карту расположения

В появившейся панели, выбираем Embed map, копируем код:

добавляем карту расположения

Открываем ранее созданную нами страницу Контакты в WordPress, переходим на Text editor и копируем код на страницу:

вставляем карту в сайт- визитку

Результат:

вставляем карту расположения в сайт-визитку

 

Для того, чтобы ваша карта смотрелась хорошо на всех экранах мобильных устройств, настройте ширину на 100% (width:100%)

Filed Under: Создаем сайт-визитку, Уроки Wordpress Tagged With: Wordpress, сайт-визитка

Reader Interactions

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

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

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

Primary Sidebar

Рубрики

  • Создаем сайт в Bootstrap 3
  • Создаем сайт-визитку
  • Сайт на бесплатной теме WordPress
  • WordPress: полезные советы

ЗАХОДИТЕ НА НАШ КАНАЛ!

Свежие записи

  • Создаем интернет-магазин бесплатно (пошаговая инструкция) — Урок 1
  • Урок 9 — добавляем карту расположения офиса
  • Урок 8 — Строим сайт-визитку для небольшого бизнеса (создаем календарь записи на прием)
  • Урок 7 — Строим сайт-визитку для небольшого бизнеса (редактируем главную страницу.Часть 2)
  • Урок 6 — Строим сайт-визитку для небольшого бизнеса (редактируем главную страницу.Часть 1)

Footer

  • Facebook
  • Twitter
  • YouTube

© 2025 · DengiVNete · Все содержание, включая идеи оформления и стиль, являются объектом авторского права. Свободное некоммерческое использование материалов в интернете, полное или частичное, допускается при условии активной ссылки на www.dengivnete.com и указания авторства.