Тепер ви можете розміщувати карти в дизайнах своїх сторінок за допомогою Page Builder Sandwich!
Дивно так радіти картам. Ви берете URL-адресу Google Map і вбудовуєте її. Або, можливо, знаходите плагін карт в інтернеті та вставляєте шорткод. Або, можливо, у вашому іншому конструкторі сторінок уже є карта, і ви можете додати її в будь-який момент. Але причина нашого захоплення полягає в тому, що ми вивели додавання карт на абсолютно новий рівень.
Ось попередній перегляд:
Старий нудний спосіб додавання карти
Ось як ви додаєте карту за допомогою звичайного конструктора сторінок:
- Ви перетягуєте новий елемент карти,
- Вводите широту та довготу в поля,
- Вводите інші значення в поля, такі як висота карти, ширина карти, позначаєте прапорець стилю доріг тощо,
- Натискаєте попередній перегляд, перевіряєте, як це виглядає, і вирішуєте, що потрібно щось змінити, щоб зробити це привабливішим,
- Повертаєтеся до конструктора сторінок і змінюєте значення, а потім повторюєте крок 4 вище.
Спосіб додавання карти у Page Builder Sandwich
Карти на вебсайтах інтерактивні — ви можете переміщуватися картою, наближати та віддаляти її. Тож ми подумали: чому б не позбутися здогадок і просто не дозволити користувачам взаємодіяти з картою безпосередньо під час створення сторінки?
Ось як ви додаєте карту за допомогою Page Builder Sandwich:
- Ви додаєте елемент карти,
- Вводите широту та довготу або адресу, на якій потрібно відцентрувати карту,
- Переміщуєтеся картою та наближаєте або віддаляєте її, щоб отримати бажаний вигляд,
- Додаєте цікаві кольори до карт відповідно до вашого стилю,
- Натискаєте зберегти.
Наш спосіб набагато цікавіший та інтуїтивніший. По суті, ви взаємодієте з картою так само, як зі звичайною Google Map.
Кольорові карти або їх стилізація за допомогою SnazzyMaps
Чудова функція, яку ми додали, — це можливість тонувати та розфарбовувати карти, і робити це надзвичайно просто. (Це доступно лише для преміум-версії). Якщо ви хочете змінити колір карти, просто натисніть на наш інструмент вибору кольору та оберіть колір, і ваша карта миттєво зміниться.
Ось приклад, який ми затонували в рожевий колір:
Page Builder Sandwich також підтримує складніші колірні схеми через SnazzyMaps. Вони мають величезний список колірних схем, створених користувачами, а також дозволяють створювати власні, якщо ви хочете отримати більше контролю над кольорами.
Просто знайдіть потрібну колірну схему, скопіюйте код і вставте його в Page Builder Sandwich. Колірна схема відразу ж застосується до вашої карти.
Ось чудова колірна схема під назвою papuportal dark від SnazzyMaps:
Розміщуйте карти де завгодно
З картами можна робити ще багато цікавого — наприклад, додавати їх у рядки на всю ширину для більш вражаючого ефекту. Ви також можете додавати їх у карусель, якщо бажаєте, або всередину вкладок (майбутня функція).
Якщо у вас ще немає Page Builder Sandwich, ви можете спробувати преміум-версію, натиснувши на посилання «Live Demo» вище.