n-wp.ru — блог о WordPress
Шорткод для вставки карт Google Maps на страницы блога | n-wp.ru

Шорткод для вставки карт Google Maps на страницы блога

Простой шорткод для вставки карт Google Maps на страницы и в посты блога. Имеет один обязательный и три необязательных параметра, позволяющих рационально расположить карту на странице.

Если ваш блог посвящен путешествиям, или туристическому бизнесу, или просто вы хотите показать места, где побывали, то наверняка для демонстрации точного местоположения используете онлайновые картографические сервисы. Одним из самых популярных является Google Maps. Этот сервис для вставки своих карт предлагает использовать ссылки или объекты, внедряемые через iframe. Но дело в том, что в зависимости от роли пользователя, у него может не получиться вставить iframe — редактор его вырежет. Чтобы этого не происходило, можно сделать так, что iframe будет вставляться не при сохранении поста, а при выводе страницы в браузере — с помощью шорткода.

Шорткод для вставки карт Google Maps на страницы блога (1)

Давайте создадим простейший шорткод для вставки карт Google Maps на страницы блога и в посты. Для этого вставим следующий код в файл functions.php используемой вами темы:

В файл style.css используемой вами темы вставим:

Мы создали шорткод [codei_php]gmap[

_php]. Он имеет один обязательный параметр src — ссылку на карту.

В шорткоде есть еще три параметра, которые использовать не обязательно. Они созданы для того, чтобы задать карте расположение в тексте, а так же ширину и высоту — width, height, style. Если эти параметры не вставлять в шорткод, то будут использоваться значения по умолчанию:

  • width — ширина карты в px. По умолчанию равна 960px.
  • height — высота карты в px. По умолчанию равна 540px.
  • style — параметр, определяющий положение на странице. Может иметь значение normal, left и right. Если выбрать normal, то карта будет располагаться отдельной строкой. Если использовать left или right, то карта будет расположена слева и справа, текст страницы будет ее обтекать.

Пример использования шорткода с параметрами:

Манипулируя параметрами шорткода, можно добиться наиболее удобного расположения карты на странице.

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Комментировать

/* ]]> */