Як вставити Яндекс карту на сайт WordPress

11

Від автора: вітаю вас, друзі! У цій невеликій статті ми з вами дізнаємося, як вставити Яндекс карту на сайт WordPress. Питання додавання карти на будь-який сайт досить популярний серед користувачів, що не дивно. Адже практично на будь-якому сайті є сторінка контактів і, якщо є фізична адреса, скажімо магазину або студії, тоді його простіше і краще продемонструвати у зрозумілій для користувача формі — на Яндекс карті.

Отже, для додавання карти на сайт її спочатку потрібно створити. Зробити це можна, скориставшись конструктором сайт від сервісу Яндекс. Доступний цей сервіс за адресою — https://tech.yandex.ru/maps/tools/constructor/.

Як вставити Яндекс карту на сайт WordPress

Як бачимо, нам пропонують вибрати вже готову карту або ж створити нову. Зверніть увагу, для створення карти, втім, як і для роботи з іншими сервісами від Яндекс, вам потрібен обліковий запис на Яндксе. Якщо у вас її немає або ви не авторизовані, тоді Яндекс запропонує вам створити обліковий запис або авторизуватись у вже наявної. Отже, натискаємо кнопку Створити нову карту і, швидше за все, ви побачите карту того міста, в якому знаходитесь.

Як вставити Яндекс карту на сайт WordPress

Якщо це буде не ваш місто або вам просто потрібен інше місто, тоді ми його зможемо змінити далі при пошуку необхідного адреси або об’єкта на карті.

В якості прикладу давайте створимо карту, на якій буде головна вулиця Києва — Хрещатик. Для цього скористаємося пошуковим рядком вгорі карти і наберемо зацікавив нас адресу.

Як вставити Яндекс карту на сайт WordPress

В результаті буде знайдено шукана вулиця або точну адресу, якщо ви його вводили. Далі можна скористатися набором кнопок під рядком пошуку, зокрема кнопкою Мітки, яка дозволяє встановити мітку на потрібний об’єкт карти.

Як вставити Яндекс карту на сайт WordPress

Для позначки можна вказати текст (опис), встановити її колір і тип. Після цього натискаємо кнопку Готово. Після цього в лівій частині сторінки знайдемо кнопку Зберегти карту і отримати посилання і натиснемо її.

Як вставити Яндекс карту на сайт WordPress

Після збереження ми побачимо перегляд карти, де можна налаштувати її розмір простим перетягуванням повзунків з боків карти.

Як вставити Яндекс карту на сайт WordPress

Змінюючи розмір Яндекс карти, в лівій частині сторінки ми відразу ж будемо бачити параметри її ширини та висоти і це дуже зручно. Після завершення змін тиснемо кнопку » Отримати код карти.

Як вставити Яндекс карту на сайт WordPress

Після натискання кнопки в тултипе побачимо готовий код карти, який залишається вставити потрібну сторінку WordPress.

Як вставити Яндекс карту на сайт WordPress

У мене вже є сторінка контактів на сайті WordPress, на цю сторінку я і вставлю скопійований код. Зверніть увагу, це код HTML, який підключає скрипт, тому даний код обов’язково потрібно вставляти на сторінку не в візуальному режимі, а в режимі Текст.

Як вставити Яндекс карту на сайт WordPress

Збережемо сторінку і подивимося зміни до вибіркової частини сайту WordPress. Як бачимо, Яндекс карта успішно з’явилася на сайті WordPress.

Як вставити Яндекс карту на сайт WordPress

Все дуже просто і весь процес зайняв буквально лічені хвилини. Що дуже зручно, так це те, що ми можемо при бажанні Яндекс карту розмістити на будь-якій сторінці сайту WordPress і навіть в будь-якій частині сайту. Наприклад, ми цілком можемо сформувати мініатюрну картку і вставити її в сайдбар. Для цього досить використовувати віджет Текст, який дозволяє вставляти код HTML. Ну а у мене на цьому все. Удачі!