Карты Google WordPress

Вставка карти Google

  1. Перейдіть на сайт Google Карти.
  2. Наберіть адресу або географічна назва та натисніть кнопку з лупою («Пошук на карті»).dfsfgsdgfszdl
  3. Після завантаження карти натисніть на кнопку Посилання праворуч над картою. ru_googlemaps-link[1]
  4. З’явиться спливаюче вікно.
    ru_googlemaps-popup[1]
  5. Помістіть курсор миші в поле HTML-код для додавання на веб-сайт. Скопіюйте код.
  6. У консолі WordPress.com відкрийте запис або сторінку для редагування. Вставте код у вікно редактора HTML. (Перемикання в HTML-редактор виконується за допомогою вкладок, розташованих праворуч над вікном редактора.)ru_googlemaps-paste-code[1]
  7. Натисніть кнопку Зберегти, Оновити або Опублікувати в залежності від статусу запису/сторінки. Після цього код зміниться: WordPress перетворює код HTML в скорочений код.ru_googlemaps-shortcode[1]

Вставка власної карти

  1. Перейдіть на сайт Google Maps Engine. 
  2. Створіть нову карту або відкрийте раніше зроблену карту.googlemaps-newopen[1]
  3. Після завантаження карти натисніть кнопку Share в правому верхньому куті.
    googlemaps-share[1]
  4. З’явиться наступне вікно.  googlemaps-sharingsettings2[1]Якщо вибране щось інше, ніж “Public on the web”, натисніть на Change та виберіть Public. googlemaps-public[1]Збережіть ці зміни і закрийте вікно розділу.
  5. Натисніть на значок папки в лівому верхньому кутку.
    googlemaps-foldericon1[1]
  6. Виберіть елемент Embed on my site.
    googlemaps-embedlink[1]
  7. Скопіюйте код посилання у вікні.
    googlemaps-embedcode[1]
  8. У консолі WordPress.com перейдіть на сторінку Записи → Додати нову або Сторінки → Додати нову (або відкрийте існуючу сторінку/запис для редагування). У текстовому редакторі вставтьте код до запису або на сторінку.googlemaps-customiframe[1]
  9. Натисніть кнопку Зберегти, Оновити або Опублікувати в залежності від статусу запису/сторінки.  Після цього код зміниться: WordPress перетворює код HTML в скорочений код. screen-shot-2014-04-01-at-4-59-37-p[1]

За матеріалами WordPress support

Leave a Comment

Ваша пошт@ не публікуватиметься. Обов’язкові поля позначені *