! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета

Здравствуй всегда, читатель !
написано: — 
отредактировано: 2019-10-11
издатель:  в теме: WordPress без плагинов, Сниппеты, хаки, функции вопрос в тему
 
Запросто с WordPress — ATs media fashion

Добавим на сайт карту Google Maps с поиском указанных адресов…

Как многие уже в курсе — в 2019 году использование сервиса Google Maps без API ключа больше невозможно! и при при загрузке Google Карты в блоке на странице возникает ошибка — в блоке карты адреса местоположения отображается сообщение For development purposes only — требуется получить Google Maps API Key!

Сам ключ получить в принципе не проблема, …и всё бы ничего, однако получение и использование ключа API по сути теперь стало платным…Условно (или безусловно)) так как требуют привязку личной кредитной карты.

Ладно.. о нюансах получения ключа, в этой статье рассказывать не буду… но покажу альтернативный вариант добавления Google карты на сайт. Без плагина!.. либо возможно код организовать в плагин с настройками данных карты в админке…

Занавес открывается…


 

 

 

 

привязка Google Maps — Гугл карты на сайте

 

 

 

 

Данный в статье код — для чего?

 

 

Предположим, у вас на сайте пользователи вводят данные своего местоположения (обрабатывается всё это при помощи «Произвольных полей») т.е при загрузке страницы динамически подгружается Google карта по указанным пользователем адресам.

 

…и аналогичные варианты использования Google карт…

 

 

 

 

к оглавлению $

этот код добавит на сайт Гугл карту

 

 

 

 

…получение и привязка ключа API, это тема другой статьи, а пока покажу альтернативу добавления Google карты на сайт c указанием конкретных адресов.

 

 

 

 

Сопутствующее:

Что делать, когда через админку WordPress не обновляетсяне обновляются плагины
Тем, которые знакомы с ситуацией, когда невозможно обновить ни один плагин через административную панель WordPress, этот коротенький пост посвящается.Решаем задачу
ни один плагин или шаблон?

Создаём плагинСоздаём плагин
айл функций — занимательный помощник в расширении функционала сайта ! особливо, если используется по назначению, — однако, многие владельцы блогов/сайтов замечательным образом превращают functions.php в сборную солянку.
— отдельный файл функций для сайта my-functions.php

 

 

 

google-maps

 

 

 

/**
* Output a WordPress post meta field as a Google map
* alternative.
*/

$address = get_post_meta( $post->ID, 'ats_country', true ) . ' ' . get_post_meta( $post->ID, 'ats_city', true ) . ' ' . get_post_meta( $post->ID, 'ats_region', true ) . ' ' . get_post_meta( $post->ID, 'ats_dopsity', true ) . ' ' . get_post_meta( $post->ID, 'ats_street', true );
// возможно добавить/удалить произвольные поля

if ($address) :
$map['address'] = str_replace(array('\n', '\t', '\r'), ' ', $address);
$map['zoom'] = 14; // масштабирование
$map['url'] = 'https://maps.google.com.au/maps?q='
. $map['address'] . '&z='
. $map['zoom'] . '&iwloc=near&amp';
$map['url_embed'] = $map['url'] . ';output=embed';
?>
<iframe width="100%" height="300" class="google-map google-map--iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="<?php echo $map['url_embed']; ?>"></iframe>

<br /><br /><span class="adressmapss">Смотреть этот "<a class="google-map" href="<?php echo $map['url']; ?>" target="_blank"><?php echo $address
// здесь добавим ссылку для поиска в Гугле более точного адреса
?></a>" адрес точнее на Google картах...</span>
<?php 
endif; 
// закрывающий тег php можно убрать по требованию ?>

 

 

 

Код вывода карты в статье организовывать так: — или в отдельную функцию и поместить в файл функций functions.php (организация описана по ссылкам выше), либо прописать в соответствующий файл шаблона, отвечающий за вывод требуемого контента (статей) по типу single.php или пр…

 

 

 

документация по коду:

 

 

1: Данные записываем и храним в переменной: $address — переменную возможно переопределить, изменить и прочее… в случае конфликтов.

 

2: По просьбе одного из заказчиков, в коде организовал ссылку на переход к поиску более точного адреса в сервисе Google Maps…

 

3: CSS класс .adressmapss который определяет и стилизует ссылку на поиск точного места адреса, если карта не определила…

 

 

4: В коде использованы имена произвольных полей:

 

 

ats_country — Страна.

ats_city — Город.

ats_region — Регион.

ats_dopsity село/деревня…

ats_street — Улица.

 

 

 

4а: в код вывода по местоположению Карты на сайте возможно добавить функцию подмены блока карты на дефолтную (указанную) картинку в случае НЕпрогрузки карты.

 

 

 

 

к оглавлению $

как посмотреть имеющиеся в посте произвольные поля

 

 

 

 

Эта строка — функция — выведет все прикреплённые произвольные поля:

 

 

<?php echo the_meta(); ?>

 

 

 

 

В заключении добавлю: как и говорил, настройки организации карт блока возможно вывести в админку…

 

Например: добавление/исключение имён произвольных полей… и пр.

 

 

как зайти в админкукак зайти в админку, минуя страницу входа
В статье даны варианты доступа в административную панель сайта (админку) на тот случай, если администратор (владелец) сайта забыл пару логин/пароль…
По сути, зайти в панель управления сайтом — несложно, если есть кое-какой навык управления…

 

Когда и как правильно нужно создавать дочернюю тему шаблона?

 

 

 

Если у вас что-то не получается с установкой карты,

 


обращайтесь

 

— помогу…

 

 

…на данный момент при тестировании использованы версии WP 5.2 — php 7.3

 

 

 

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы...разработка...


Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!
 ! самое читаемое:
   Woocommerce шорткоды и их применение   Подборка полезного кода (сниппеты) для работы магазина на WooCommerce   Кнопка обратного звонка — анимация css плюс JS   Подборка вариантов Redirect 301 — на все случаи жизни сайта   14 полезных сниппетов — код для наилучшей работы сайта WordPress — функции   Как выбрать хостинг — пошаговые инструкции (обзор 4 хостингов) — нюансы модного ssl сертифицирования   Как самостоятельно установить в Notepad++ плагин Compare   Добавим на сайт карту Google Maps с поиском указанных адресов…   Как создать на хостинге тестовый сайт за 5 10 минут..?   Условные теги woocommerce — наиболее полная подборка, пояснения   Ускоряем сайт: основные кэш и gzip правила .htaccess которые нужно знать   Новые изменения в правилах AdSense вступили в силу!..   Условные теги WordPress: наиболее полная подборка, пояснения   Подключение jQuery библиотеки от CDN Google — рационально!..
↔ перетаскивайте ленту ↔

смотреть ещё статьи в теме WordPress без плагинов, Сниппеты, хаки, функции
меточная навигация:


Комментарии © 0 к статье: Добавим на сайт карту Google Maps с поиском указанных адресов…

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

  отныне доступен плагин: privacy-policy ©

 необходимо принять правила конфиденциальности и пользовательского соглашения
Яндекс.Метрика
? стартовая линейка услугSkype консультацияЕсли вы выбрали для своего сайта WordPress и только-только начинаете изучать панель управления контентом, то этот вариант оnline консультаций — практически по любым вопросам — для вас! вопросы сюдаSkype онлайн