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