Пропустить

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

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Как часто вы путешествуете? Потому что, если вы еще этого не знаете, WordPress также широко используется блоггерами, увлеченными путешествиями. С помощью последнего они могут делиться своими фотографиями и исключительными моментами, которые им пришлось пережить с другими людьми.

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

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

Обзор карты интерактивного

Как установить и настроить плагин Nomad World Map

Первое, что нужно сделать, это установить и активировать плагин Nomad World Map (Он метко назвал) Доступно на WordPress.org от приборной панели, Вы также можете скачать плагин в виде архива.

карта кочевников

После установки и активации плагина новое меню " Nomad Карта »Будет добавлено в дашборд (внизу слева). Нажмите на его подменю настроек, чтобы продолжить настройку.

настройки кочевников

Конфигурации по умолчанию достаточно. Я всегда объясню некоторые варианты.

В разделе «Общие»

Есть возможность активировать трек между посещенными местами. Следующий вариант " Нарисуйте изогнутые линии на карте Позволяет рисовать кривые линии на карте.

« Это Pageload для увеличения Дает вам возможность сосредоточиться на месте при загрузке страницы. У вас есть выбор между первым или последним местом.

« уровень масштабирования »Позволяет регулировать масштабирование карты.

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

« Тип карты »Позволяет выбрать тип карты

Опция " Прошлая дорога цвет "Это цвет пройденного пути и" Будущая дорога цвет Это цвет будущих дорог (для запланированных поездок).

Раздел «Опции контента»

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

Как добавить новое место на карту

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

добавить Дун-место

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

Чтобы прикрепить место к статье, оставьте опцию " после Отрывок »Активировать и нажать« Поиск »В следующем поле для выполнения поиска сразу после указания заголовка статьи (а не поиск терминов).

Затем вы можете отредактировать избранное изображение, вместо этого указать время отправления и прибытия, а когда это будет сделано, нажмите " скидка Внизу слева.

добавив, из-информационно-это-место

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

После нажатия на " скидка Вы сможете повторить процесс, добавить разные места, куда вы ходили.

Карта-тревел-пример

Как добавить несколько карт путешествия

Все, что вам нужно сделать, это получить доступ к " Управление Maps Из плагина и нажмите " Добавить новую карту ". Откроется окно, вам нужно будет сохранить имя карты, например: " 2014 Special Travel .

надстройка-имя-на-а-карт

Затем нажмите на название этой карты, чтобы добавить места, как это было представлено вместо.

изменение карт

Вы также можете получить доступ к карте, выбрав карту из списка доступных карт.

Пикап-карты

Как отобразить карту на странице / статьи

Вам просто нужно получить идентификатор карты и интегрировать его в качестве параметра в следующий шорткод:

[Mwm_map]

Чтобы иметь шорткоды, идентичные этому: [mwm _map id = ”2 ″] ou [mwm _map id = ”10 ″]

Чтобы получить идентификатор карты, вернитесь в " Управление Maps Плагин и скопируйте номер, соответствующий карте вашего выбора в колонку ID .

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

идентификаторы карт

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

Результат-кочевник-мир-карта

На этом урок по созданию интерактивной карты путешествий на WordPress закончен. Не стесняйтесь поделиться советом с друзьями в социальных сетях.

Эта статья содержит комментарии 30

  1. Здравствуйте, Маленький вопрос, как вы выбираете область карты для отображения? Я хочу сделать карту Новой Зеландии, но когда вы открываете страницу с картой, масштабирование выполняется на Франции ...

    1. Bonsoir,

      Попробуйте использовать Новую Зеландию при создании карты. Вы живете во Франции?

  2. Привет,

    Я попробовал Nomad Maps, но, похоже, плагин больше не обновляется, и я не считаю интерфейс очень чистым и интуитивно понятным.

    Я нашел другой плагин, который мне кажется более подходящим: https://wordpress.org/plugins/travelmap-blog

    Вы можете связать фотографии и статьи с картой.

  3. Привет,

    Я нашел причину проблемы: я скопировал неправильный ключ браузера Google API.

    добрый день
    Соня

  4. Привет,

    Я новичок в wordpress, как и в случае с Idem, у меня появляется сообщение об ошибке, которое появляется на карте: »Небольшая проблема… Произошла ошибка
    Карты Google некорректно загружались на этой странице. Дополнительные технические сведения об этой ошибке см. В консоли JavaScript. "
    Я попытался изменить тему, как было рекомендовано, но это не решило мою проблему. Не могли бы вы мне помочь?

    Заранее благодарю!
    Bonne journée,
    Соня,

  5. Привет,

    У меня нет SEO >> Заголовки и мета…
    У меня есть только Личный кабинет и Консоль поиска. Это потому, что у меня нет платной премиум-версии?

  6. Привет,
    Я новичок, советуюсь с вашим блогом ...
    похоже, что в шорткоде есть синтаксическая ошибка, которая должна быть [nwm_map id = ”1 ″], а не [mwm _map id = '1']
    Я много боролся, прежде чем это увидел.
    Bonne journée

  7. Bonsoir,

    Благодарим Вас за учебник.
    Я пытался следовать вашей методике, чтобы встроить карту в СТРАНИЦУ (WordPress), однако не получил ожидаемого результата.
    В части текста (не визуальная), я получаю следующее шорткод:
    [Mwm _MAP ID = '2']
    Когда я просматриваю свою страницу, у меня отображается не карта, а текст «[mwm _map id = '2']».
    Не могли бы вы мне помочь, пожалуйста ?
    Je Vous remercie.

      1. Привет,

        Благодарим Вас за ответ. Как я могу поделиться с вами скриншот?
        Это не кажется мне вставить изображение или вложение.

        1. Вы можете разместить свой скриншот на специализированных сайтах, а затем опубликовать ссылку здесь. Или вы можете поместить это в свои СМИ и дать мне ссылку.

          1. Привет, извините за поздний ответ,

            попробуйте активировать другую тему, чтобы посмотреть.

  8. Привет,

    Я установил плагин, но у меня проблема:
    В "карте кочевников" карта не отображается! так что я ничего не могу настроить.
    Вот что отображается: «Маленькая проблема ... Произошла ошибка.
    Карты Google некорректно загружались на этой странице. Дополнительные технические сведения об этой ошибке см. В консоли JavaScript. "

    Я не знаю, как изменить консоль javascript, и, прежде всего, я не знаю, что делать!

    Merci де Votre помощник

    1. Привет,
      Консоль javascript позволяет выяснить причину проблемы. Вы следовали руководству? Если это так, мне нужно будет сделать снимок вашей консоли javascript. Для этого необходимо нажать F12 (в Chrome), в появившейся области найти вкладку «консоль» и сделать снимок. Есть несколько инструментов, которые позволят вам делать снимки. Как только вы сделаете снимок вашей консоли javascript, я смогу вам помочь.

  9. Привет,

    Я не могу вставить карту на свой сайт. Я вставил [mwm _map id = '1'], затем [nwm _map id = '1'] (после прочтения комментариев) на одной из моих страниц, но в предварительном просмотре есть только отображаемый шорткод. Что я могу сделать?

    спасибо

    1. Привет,

      Попробуйте добавить его в «текстовый» (не «визуальный») раздел вашего текстового редактора. он должен работать.

  10. Bonjour

    Я не могу выбрать статью, в которую хочу поместить карту, это ставит меня: Сообщение в блоге не найдено, попробуйте еще раз. у тебя есть идея решить мою проблему?

    Merci d'avance

      1. Bonsoir
        В итоге мне удалось скопировать / вставить заголовок, ввод вручную не работал ни для одной из статей.
        однако я снова придерживаюсь короткого кода, извините… Я вставил [mwm_map id = '1 ′] в самом начале моей статьи (часть ввода ТЕКСТ, а не ВИЗУАЛЬНЫЙ Wordpress), но в обзоре нет карты просто короткий код ...
        Я на самом деле не очень хорошо
        : - (((

    1. Привет,
      Вам не нужно выбирать элемент, просто добавьте шорткод [mwm_map]. Внимательно прочтите раздел «Как отобразить карту на странице / в статье».

      Если проблема не устранена, пожалуйста, свяжитесь с нами снова

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
30 акции
доля28
чирикать
Регистрация2