TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

3 способи вставлення карт Google на сайт WordPress

24

Основна мета створення веб -сайту для бізнесу – це дозволити потенційним клієнтам дізнатися більше про вас, а також легко з вами зв’язатися. Якщо ви керуєте своїм веб -сайтом WordPress із бізнесом із фізичного розташування, відображення Карт Google може бути кращим способом спільного використання вашої адреси, аніж простим текстом. Крім того, карти Google є інтерактивними та гнучкими, що дозволяє користувачам змінювати режим перегляду та зберігати карту для швидшої навігації. У цій статті обговорюються способи вбудовування Карт Google на сайт WordPress без плагіна та використання плагіна.

Пов’язані: Як вставити PDF -файли в WordPress?

Спосіб 1: Вставте єдину просту карту в WordPress

Ви можете вставити основну карту певного місця розташування, наприклад, місцезнаходження підприємства, конкретного міста чи регіональної області, використовуючи код для вбудовування Карт Google.

Крок 1: Отримайте код для вставлення карти з Карт Google

  • Для цього відкрийте веб -сайт Карт Google і знайдіть місцезнаходження або область, яку потрібно відобразити на карті.
  • Це дозволить зосередити карту на вашій області інтересів і відобразити різні варіанти трохи нижче результату на лівій панелі. Натисніть на посилання «Поділитися».

3 способи вставлення карт Google на сайт WordPress

Шукати Карти

  • У спливаючому вікні, що з’явиться, перейдіть на вкладку «Вставити карту» та натисніть «КОПІЮВАТИ HTML», щоб скопіювати код для вбудовування карти .

3 способи вставлення карт Google на сайт WordPress

Копіювати код

  • Ви можете налаштувати розмір вбудовування, натиснувши стрілку розміру, і вибрати великий, середній або маленький залежно від ваших уподобань.

Крок 2: Вставлення Карт Google у сторінку/ допис WordPress

3 способи вставлення карт Google на сайт WordPress

Блок HTML

  • Вставте код вбудовування карти Google у редактор блоків.

3 способи вставлення карт Google на сайт WordPress

Вставити код

  • Тепер ви можете попередньо переглянути та опублікувати публікацію/ сторінку. Якщо ви додаєте карту до наявної сторінки/ публікації, натисніть «Оновити», щоб зберегти зміни.

3 способи вставлення карт Google на сайт WordPress

Попередній перегляд базової карти

Спосіб 2: Як вставити користувацьку карту з кількома маркерами розташування

Крок 1: Створення користувацької карти Google

По -перше, вам слід було створити власну карту або створити нову.

  • Для цього відкрийте Карти Google з інтерфейсом Мої карти, виберіть карту або натисніть «СТВОРИТИ НОВУ КАРТУ», щоб створити її.

3 способи вставлення карт Google на сайт WordPress

Створити власну карту

  • Налаштуйте карту, додавши кілька маркерів розташування, змінивши значки, кольори та тему карти серед інших елементів.

3 способи вставлення карт Google на сайт WordPress

Налаштувати карту

Вивчіть WordPress: Перегляньте 400+ безкоштовних посібників WordPress.

Крок 2: Створіть код для вставки карти Google

  • Після створення карти вам потрібно налаштувати параметри спільного доступу до карти. Натисніть кнопку «Поділитися», щоб отримати доступ до майстра налаштувань.

3 способи вставлення карт Google на сайт WordPress

Поділитися картою

  • Установіть для параметра "Хто має доступ" значення "Загальнодоступний у мережі" та натисніть "Готово".

3 способи вставлення карт Google на сайт WordPress

Налаштування спільного доступу

  • Щоб змінити параметри доступу, натисніть посилання «Змінити…». Відкриється нове спливаюче вікно, перевірте перший варіант і натисніть кнопку зберегти.

3 способи вставлення карт Google на сайт WordPress

Обмін посиланнями

  • Тепер клацніть піктограму меню карти (три точки) поруч із назвою карти та виберіть «Вставити на мій сайт».

3 способи вставлення карт Google на сайт WordPress

Вставити на сайт

  • Скопіюйте HTML -код із поля вставки коду карти Google.

3 способи вставлення карт Google на сайт WordPress

Спеціальний код для вбудовування

Крок 3: Додайте HTML -код до своєї публікації або сторінки у WordPress

  • Щоб вставити власну карту, повторіть процес, описаний у кроці 2 методу 1 вище.
  • Попередній перегляд та публікація публікації або сторінки.

3 способи вставлення карт Google на сайт WordPress

Попередній перегляд публікації

Спосіб 3: Як вставити Карти Google за допомогою плагінів WordPress

Для цього існує безліч плагінів WordPress, які пропонують різні функції для ваших різних вимог.

Крок 1: Вставте Карти Google за допомогою плагінів WP Google Map

3 способи вставлення карт Google на сайт WordPress

Встановіть плагін

Крок 2: Налаштування параметрів карти WP Google

  • Перш ніж розпочати створення карти, вам потрібно створити та додати ключ API, щоб плагін працював.
  • Перейдіть до "Карт" у меню бічної панелі та виберіть "Налаштування.
  • Скопіюйте та вставте ключ API у вільне місце та натисніть «зберегти».

3 способи вставлення карт Google на сайт WordPress

Ключ API

  • Прокрутіть вниз налаштування карти на вкладці «Карти», щоб увімкнути/ вимкнути різні функції карти, встановити рівень доступу тощо.

3 способи вставлення карт Google на сайт WordPress

Налаштування Карт

  • Ви також можете переходити на інші вкладки, щоб налаштувати параметри для різних елементів карти та функцій.
  • Після того, як ви зміните будь -які налаштування, прокрутіть униз вкладки та натисніть «Зберегти налаштування».

3 способи вставлення карт Google на сайт WordPress

Збережіть налаштування

Пов’язані: Як локально встановити WordPress на Mac?

Крок 3: Створення користувацької карти

  • У меню "Карти" в меню бічної панелі натисніть "Карти", щоб відкрити програму створення карт.
  • У першому розділі сторінки виробника ви можете налаштувати загальні налаштування карт, тему карти та інші розширені налаштування, натиснувши відповідну вкладку.
  • Для “Загальних налаштувань" відредагуйте назву карти, її розмір та вирівнювання та вкажіть рівень масштабування.

3 способи вставлення карт Google на сайт WordPress

Деталі карти

  • Виберіть тему для карти на вкладці «Тема».

3 способи вставлення карт Google на сайт WordPress

Виберіть тему

Крок 4: Додавання маркерів до власних карт

  • Прокрутіть сторінку вниз до розділу «Маркери», введіть місцезнаходження та натисніть «Додати маркер». Ви можете за допомогою миші перетягувати та змінювати макет карти на карті, що відображається праворуч, а також налаштовувати піктограму маркера.
  • Закінчивши налаштування, натисніть кнопку «Зберегти карту».
  • Скопіюйте шорткод карт і використовуйте його на своїй сторінці або в публікації для відображення власної карти.

Підведенню

Ви можете використовувати ручні методи для вбудовування карт Google на свій сайт або вибрати один із доступних плагінів WordPress для реалізації розширених та гнучких функцій карти залежно від ваших потреб. Однак завжди слід збалансувати використання карт і швидкість роботи сайту, оскільки карти можуть уповільнити роботу сайту.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі