Здравствуйте, друзья блога FairHeart.ru! Если вы на блоге указываете адрес своей компании, любимого бара или просто место встречи, для красоты и удобства восприятия рекомендуется приложить карту, на которой маркером отмечено это место. В этой статье я расскажу вам как быстро и просто добавить Google Map и Яндекс карту в WordPress.
Яндекс Карта — плагин Yandex Maps for WordPress
, распакуйте архив, загрузите папку с файлами плагина на сервер в директорию wp-content/plugins и активируйте его. Для работы Яндекс Карты необходимо получить Yandex API Key. Это займет у нас несколько секунд. Переходите на . Достаточно ввести адрес вашего сайта, поставить галочку под пользовательским соглашением и нажать на ставшую активной кнопку «Получить API-ключ».
На следующей страницы нам уже выдают уникальный API-ключ, который следует скопировать и вставить в раздел админки WP «Плагины» — «Yandex Maps». Все, плагином уже можно пользоваться.
Теперь при создании страницы или записи во встроенном редакторе WordPress внизу можно заметить новый раздел опций «Yandex Maps for WordPress».
- Location Name — заголовок описания маркера.
- Address — адрес, который будет отмечен маркером.
- Location Description — описание маркера (можно использовать html тэги, но не стоить вводить одиночную кавычку).
- Map width \ height — размер карты в пикселях.
- Enable Zoom/Pan Controls — показывать элементы управления.
- Enable Map Type Controls (Map, Satellite, or Hybrid) — отображать или нет элементы настройки типа карты (улицы, спутник, гибрид).
Как только заполните все поля, нажмите на кнопку Send Map To Editor и плагин сам сгенерирует код и вставит его в текст статьи.
Google Карта WordPress — плагин Comprehensive Google Map Plugin
В качестве альтернативы рассмотренным выше Яндекс Картам хочу предложить просто шикарный плагин от Google, который по праву имеет рейтинг в пять звезд на wordpress.org — имя ему Comprehensive Google Map Plugin. Единственный его минус — он не принимает русские адреса, их приходится писать транслитом (английскими буквами русские слова). Зато сами карты полностью на русском, да и описание маркеров тоже можно задавать на своем родном языке. Этот плагин имеет просто огромный функционал, за который можно ему простить все на свете!
Плагин устанавливается стандартно, только .
После активации, появляется отдельный пункт в панели администратора WordPress — Google Map. Настройки плагина разбиты на два раздела:
1. Shortcode Builder — генератор кода, который следует вставить в текст статьи или в виджет WP для отображения настроенной в этом разделе карты.
Рассмотрим опции этого раздела.
Basic Settings — основные настройки.
- Width и Height — ширина и высота карты в пикселях.
- Zoom — масштаб.
- Map type — тип карты.
- Alignment — выравнивание (расположение на странице).
- Direction Hint — подсказка направления.
- Map Language — язык.
- Powered By — переводится как «Приведенный в действие», но назначение данной опции осталось для меня загадкой.
Map Controls — элементы управления. Можно оставить настройки по умолчанию.
Map Markers — ставим маркеры на карту.
Для этого выбираем внешний вид маркера, указываем адрес его расположения и описание. Как я уже говорил, русские адреса плагин не воспринимает, поэтому их следует вводит английскими буквами, если и это не помогло — посмотрите в интернете правильно английское написание. Если адрес введет корректно, плагин появится чуть ниже.
Что еще можно отображать:
- Bike Paths — велосипедные дорожки.
- Traffic Info — транспортную информацию.
- Panoramio — фотографии местности.
Когда карта настроена и на нее нанесены все необходимые маркеры, нажмите на кнопку GENERATE SHORTCODE. Появится окошко с кодом, скопируйте его и вставьте в статью.
2. Settings — в этом разделе можно разрешить или запретить отображать опции генерации кода Google карты в редакторе WordPress (как это делается в плагине Yandex Maps for WordPress по умолчанию).
Кроме этого плагин создает новый виджет AZ :: Google Map. Настройки его полностью идентичны рассмотренным выше.
Спасибо за внимание! Всех Вам благ!
Консультация по Skype
