filmov
tv
Используем Elementor + ACF для отображения карты Google
Показать описание
В этом видео я расскажу как вставить карту Google на странице с помощью визуального конструктора Elementor и плагина Advanced custom fields. Мы создадим карту и произвольные поля для вставки адреса. Потом адрес (с произвольного поля) выведем на карте.
✅Где это можно использовать?
Если вы создаете с помощью Elementor сайт-каталог магазинов, складов, недвижимости, объявлений, каталог специалистов и т.д.
Вы можете создать произвольные поля для адреса (или для ввода широты и долготы), привязываете эти поля к стандартным записям или создаете произвольный тип записи.
Потом произвольные поля привязываете к карте Google.
В моем примере я использую для вывода карты обычную страницу, которая создана с помощью Elementor. В вашем случае, для создания например каталога, необходимо создать в Elementor также шаблоны для вывода архива и отдельной записи. В шаблоне отдельной записи выводите карту Google с произвольными полями.
✅Тайминги:
02:17 Активируем плагин Advanced custom fields и создаем произвольное поле для ввода адреса.
08:00 Для работы ACF с картами Google необходимо получить ключ API.
11:55 Вводим адрес в произвольном поле.
13:12 Вставляем на страницу карту Google и подключаем к ней произвольное поле.
16:38 Как создать произвольный тип записи? Какие есть плагины для этого?
18:41 Выводы
✅Ссылки:
--------------------
→ Мой сайт, статьи по веб-разработке и WordPress:
→ Новости WordPress в TG-канале (на украинском):
✅Где это можно использовать?
Если вы создаете с помощью Elementor сайт-каталог магазинов, складов, недвижимости, объявлений, каталог специалистов и т.д.
Вы можете создать произвольные поля для адреса (или для ввода широты и долготы), привязываете эти поля к стандартным записям или создаете произвольный тип записи.
Потом произвольные поля привязываете к карте Google.
В моем примере я использую для вывода карты обычную страницу, которая создана с помощью Elementor. В вашем случае, для создания например каталога, необходимо создать в Elementor также шаблоны для вывода архива и отдельной записи. В шаблоне отдельной записи выводите карту Google с произвольными полями.
✅Тайминги:
02:17 Активируем плагин Advanced custom fields и создаем произвольное поле для ввода адреса.
08:00 Для работы ACF с картами Google необходимо получить ключ API.
11:55 Вводим адрес в произвольном поле.
13:12 Вставляем на страницу карту Google и подключаем к ней произвольное поле.
16:38 Как создать произвольный тип записи? Какие есть плагины для этого?
18:41 Выводы
✅Ссылки:
--------------------
→ Мой сайт, статьи по веб-разработке и WordPress:
→ Новости WordPress в TG-канале (на украинском):
0:23:00
Используем Elementor + ACF для отображения карты Google
0:21:28
Произвольные поля WordPress в шаблонах Elementor на примере ACF (Advanced Custom Fields)...
0:02:41
How to use Elementor with ACF Tutorial
0:11:03
ACF обзор возможностей плагина. Расширение возможностей WordPress...
0:10:49
💥 ADVANCED CUSTOM FIELDS - ДОБАВЛЯЕМ ПРОИЗВОЛЬНЫЕ ПОЛЯ В WORDPRESS | ACF PLUGIN | ПЛАГИНЫ WORDPRESS...
0:20:48
Dynamic Content for Elementor - ACF Repeater - Wordpress Fácil
0:08:07
How To Display ACF Flexible Content Fields In Elementor?
0:29:43
Elementor Pro 2.6 - иконки с Fontello, Icomoon, Fontastic и поддержка полей ACF в архивах...
0:05:03
How To Create Dynamic Accordion with ACF Repeater Fields In Elementor ?
0:32:02
Create a directory using Elementor, ACF & CPT UI
0:18:16
WordPress frontend form submit with elementor and ACF [100% Free]
0:08:34
Динамические данные Elementor PRO
0:23:29
Advanced Custom Fields (ACF) & Elementor Pro 2.0
0:14:50
Advanced Custom Fields Elementor (ACF) - Dynamic Content for Elementor
0:28:44
Advanced Custom Fields Elementor Pro | Search & Filter Tools
0:42:26
Advanced Custom Fields & Elementor Pro Beginners Guide
0:58:46
Elementor Pro + Advanced Custom Fields Tutorial 2021
0:42:37
Контейнеры в Elementor. Как использовать и перейти с секций
0:19:36
WordPress Theme Customization with ACF Pro & Elementor Pro
0:24:07
Advanced Custom Fields Tutorial For Beginners (ACF) - Repeater Fields Elementor
0:16:09
ACF - Advanced Custom Fields - (CPT UI) - Elementor - WordPress
0:10:34
Elementor Post Loop With Dynamic Content From ACF (Advanced Custom Fields)
0:18:30
Advanced Custom Fields Pro Elementor & Relationship Fields
0:26:14
Create front-end user profile with Piotnet addons/form, ACF and elementor
Комментарии