Как вставить панораму Яндекс.Карт в запись WordPress

Как вставить панораму Яндекс.Карт в запись WordPressКомпания Яндекс на днях порадовала новой возможностью встраивания панорам Яндекс.Карт на любые сайты. В этой статье я расскажу как  вставить панораму Яндекс.Карт в запись WordPress.

Теперь любой сайт может указать на своей странице необходимый фрагмент панорамы и дать возможность посетителю сайта ознакомиться с интерактивной фотографией нужного объекта. Согласитесь, это достаточно удобно?

Например, можно показать Кремль в Коломне (я был там в прошлом году, скоро расскажу). Зацепите панораму мышкой и подвигайте!

Итак, приступим... Для вставки панорамы Яндекс в запись сайта на WordPress мы используем произвольные поля WordPress. Так будет просто и удобно. Подробности - ниже...

Как вставить панораму Яндекс.Карт в запись WordPress - настройка произвольных полей WordPress

JavaScript, который выводит панораму, можно вставить в тело записи WordPress и без произвольных полей. Однако, способ, предлагаемый мною в этой статье, является универсальным. Вы настроите WordPress один раз и сможете вставлять в свои статьи любой JavaScript.

Например, Яндекс.Карты. Подробнее про это вы можете прочитать в статьях "Как вставить Яндекс.Карту из Мои Карты в запись?" и "Как вставить Яндекс.Карту в запись?".

Причём, этот скрипт "не испортит" своим внешним видом вашу статью в редакторе и, главное, редактор WordPress не будет туда вносить изменения при сохранении записи.

В общем, произвольные поля - это удобно. Рекомендую.

Использовать такую возможность запуска JavaScript лучше только для своих персональных блогов с одним пользователем-автором статей. Если на вашем блоге есть несколько пользователей, которые пишут статьи, то они получат возможность выполнять любые скрипты и, возможно, совсем не безобидные... Спасибо Konstantin Kovshenin за совет!

Про произвольные поля я рассказывал в этой статье: "Произвольные поля WordPress - вставка скриптов в запись. Советы для WordPress.", но немного повторюсь не вдаваясь в подробности...

Добавляем в WordPress новый шорткод. Для этого переходим в меню "Внешний вид > Редактор", затем из списка файлов в правой части выбираем  "Функции темы (functions.php)". В самый конец этого файла, до строки с текстом "?>" добавляем следующий код и сохраняем файл:

function customscript_shortcode($atts, $text) {
global $post;
return get_post_meta($post->ID, $text, true);
}
@add_shortcode('customscript','customscript_shortcode');

Код добавляет в вашу тему WordPress поддержку нового шорткода "customscript". Функция "customscript_shortcode" выводит значение произвольного поля, найденного по имени произвольного поля.

Если такой код уже есть в functions.php, то новый добавлять, конечно, не надо.

Как вставить панораму Яндекс.Карт в запись WordPress - получение JavaScript кода

Ищем нужное место на Яндекс.Картах с включённым режимом "Панорамы". После того как мы его нашли и визуально выбрали хороший ракурс (это важно, т.к. JavaScript Яндекса именно его выведет на вашем сайте!), нажимаем в правом верхнем углу кнопку "Ссылка" и в меню выбираем "Панораму".

Как вставить панораму Яндекс в запись сайта на WordPress - получение кода

В появившимся окне копируем код в буфер обмена. Обратите внимание, на выпадающий список с размерами панорамы.

Как вставить панораму Яндекс в запись сайта на WordPress - получение кода

Как вставить панораму Яндекс.Карт в запись WordPress - вставка кода в запись WordPress

Теперь создаём новую запись или выбираем уже существующую. Ниже панели редактора находим панель "Произвольные поля".

Использование произвольных полей в записи WordPress

Если такой панели нет, то нажимаем кнопку "Настройки экрана" вверху админки WordPress и в раскрывшейся панели настроек выбираем "Произвольные поля".

Нажимаем "Введите новое" и вводим имя произвольной записи. Например, "yandex1". Если в одной записи вы будете использовать несколько панорам, заданных в произвольных полях, то имена у них обязательно должны быть разные!

В качестве значения произвольной записи вставляем из буфера обмена скопированный у Яндекса код и нажимаем кнопку "Добавить произвольное поле".

Далее, в редакторе добавляем наш шорткод с именем произвольного поля и сохраняем запись.

[customscript]yandex1[/customscript]

В качестве результата мы должны получить один-в-один выбранную нами на сайте Яндекс.Карт панораму!

Плюсы и минусы панорам Яндекс.Карт

Сейчас на Яндекс.Картах доступны панорамы >300 городов России, а также других стран: Украины, Беларуси и Казахстана. Список этот постоянно расширятся. Это - однозначный плюс!

Теперь несколько минусов:

1. Информация на этих панорамах может быть разной степени актуальности. Поэтому иногда использование панорамы на своём сайте может быть не очень разумно. Решайте в каждом случае индивидуально.
2. Внизу каждой панорамы Яндекс вставляет  ссылку (считай, бесплатную рекламу).  Насколько это плохо - решать вам!
3. Изображение панорамы может быть испорчено посторонними объектами, которые попали туда в момент съёмки. Вот, например, олимпийские объекты в Сочи с их стоителями. 😉

А напоследок реально крутая фишка панорам Яндекс.Карт. Это - панорамы с птичьего полёта. Их вы тоже сможете вставить в свой сайт!

Это Кремль и Успенский собор в Владимире. Планирую поездку туда в мае этого года. Как всегда, с семьёй на своём автомобиле...

 

0
Loading Disqus Comments ...

No Trackbacks.

Loading Facebook Comments ...