Любое учреждение или предприятие (офис, склад, магазин и пр.) имеют свой адрес. На сайте этот адрес можно не только УКАЗАТЬ, но и ПОКАЗАТЬ. Для этого достаточно использовать Яндекс карту. С ее помощью можно посмотреть точное местонахождение того или иного учреждения, а также выбрать удобный маршрут.
В этой статье я расскажу, как добавить Яндекс карту на сайт.
Добавляем Яндекс карту на сайт
Для начала нужно создать карту. Для этого перейдите в конструктор карт:
Вот некоторые возможности Яндекс карты, которые я использую:
1. Поиск. Поиск конкретного города и улицы.
2. Здесь можно создать точку с описанием, цветом и нумерацией.
3. Если нажать на значок, то вы сможете проложить маршрут проезда с описанием и цветом.
4. Здесь вы сможете выбрать 4 варианта отображения карты на сайте:
- схема,
- спутник,
- гибрид,
- народная карта.
5. Этот инструмент позволяет изменять размер карты, перетаскивая метки. Под картой вы можете увидеть размер в px (пикселях).
6. Когда Яндекс карта оформлена, и все необходимые маршруты и метки указаны, нужно назвать карту. Нажмите на кнопку «Сохранить и получить код»:
7. Появиться код.
Скопируйте его и установите в любое место, между тегами <body></body>, где хотите, чтобы отображалась карта.
Выше описанная инструкция подходит для обычных сайтов, сделанных на HTML, PHP.
Для WordPress можно установить этот код в файлах темы (шаблона) «single.php», «page.php», «sidebar.php», «footer.php».
Либо этот код можно вставить в виджет. Перейдите в админке «Внешний вид» => «Виджеты» и перетащите в нужное место виджет «Текст (Произвольный текст или HTML-код)». Вставьте туда весь код.
Также в WordPress код можно установить на самих страницах или записях. Только, когда будете вставлять код, редактор должен находиться в режиме «Текст», а не в «Визуально».
На сегодня это все!
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Как установить минимальную сумму для заказа – WooCommerce?
URL ссылка миниатюры для картинки – WordPress
Как добавить визуальный редактор для «Цитат (Отрывок)» – WordPress ?
Как добавить «Цитату (Отрывок)» для страниц?Похожие статьи
Как вывести IP-адрес посетителя на сайте с помощью PHP
Как скрыть блок div средствами HTML, CSS, JS и Bootstrap
Как создать всплывающую форму обратной связи на WordPress
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 329815 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274370 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 220444 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186394 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 181504
Добавить комментарий
Метки: wordpress, без плагинов, Вебмастеру, для сайта
Спасибо, Александр за комментарий. Планирую еще пару постов для WooCommerce…
⇒ Открыть статью ⇐