Как добавить интерактивную карту путешествий в WordPress

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

Вы много путешествуете? Часто WordPress используется блогерами-путешественниками для того, чтобы поделиться фотографиями и поездками с остальными. Было бы неплохо, если бы можно было добавить интерактивную карту путешествий, отображающую все места, которые вы посетили и ссылки на записи блога, их описывающие? В сегодняшней статье мы покажем вам как добавить интерактивную карту путешествий в WordPress.

preview-map[1]

Первым делом вам необходимо установить и активировать плагин Nomad World Map. После активации плагин добавит новое меню ‘Nomad Map’ в административную панель WordPress. По клику на этом меню откроется редактор маршрута для добавления местоположений.

adding-location[1]

Далее, вам необходимо добавить местоположения, которые вы уже посетили или планируете посетить. После этого можно выбрать контент, который будет выводиться вместе с этой локацией. Можно вывести запись, произвольный контент или же просто даты путешествия. Если вы добавите и цитату, а у записи будет задана картинка, то плагин использует ее в качестве миниатюры. Миниатюру можно задать самостоятельно, то будет выведена именно она.

Также можно задать позицию местоположения и ввести даты путешествия. Как только вы закончите с указанием деталей местоположения, кликните на кнопку сохранения изменений для того, чтобы оно добавилось на карту.

Когда вы добавите несколько локаций на карту, то заметите, что плагин отобразит линию на карте от первого местоположения к следующему введенному.

creating-routes[1]

Можно задать отображение маршрута путем изменения порядка местоположений ниже карты. Просто перетяните его в нужно положение, и маршрут перестроится.

Создание нескольких карт путешествий

Большинство путешественников посещают множество мест. Этот плагин позволяет вам создавать несколько карт, что даст возможность отобразить множество поездок на различных картах на различных страницах вашего сайта.

Для добавления новой карты, необходимо перейти в Nomad Map » Manage Maps.

add-new-map[1]

Кликните на кнопку Add new map на экране, и перед вами появится всплывающее окно, где нужно будет указать название карты.

Далее, нужно добавить местоположения на вашу новую карту, для чего перейти в Nomad Map » Route Editor. Можно выбрать карту, которую вы только что создали, из выпадающего меню.

switching-maps[1]

Выводим вашу карту путешествий

Теперь, когда вы создали свою карту, пришло время отобразить ее на своем сайте. Для того, чтобы вывести дефолтную карту путешествий, необходимо добавить следующий шорткод на страницу или в запись.

[nwm_map]

Если же вы хотите вывести какую-то определенную карту, то необходимо будет указать ее ID в шорткоде. Получить ID карты можно, если перейти на страницу Nomad Map » Manage Maps. Там вы обнаружите ID, указанные рядом с каждой из карт. Запомните ID нужной карты и используйте его в шорткоде следующим образом:

[nwm_map id="4"]

Вот и все на сегодня, мы надеемся, что эта статья помогла вам добавить интерактивную карту путешествий на свой блог WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

VN:F [1.9.22_1171]

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии