Как добавить Яндекс карту или Google Maps на WordPress

Периодически ко мне обращаются пользователи, которые просят вставит Яндекс карту им на сайт, при чём сам код у них есть и вставлять они пробовали, но увы вредный WordPress режет весь код, карта не показывается ну и так далее.

Как они вставляют Яндекс карту спросите вы, самым простым способом через редактор WordPress ленясь перейти даже в режим HTML. Результат известен любому пользователю - WordPress редактор добавляет теги <p> весь код карты порезан ну и так далее.

Если вы столкнулись с проблемой "WordPress режет код Google Maps", "WordPress режет код Яндекс карты", "как вставить Яндекс карту", "как добавить Гугл карту на WordPress" то вы попали на нужную страницу и я сейчас вам расскажу как это сделать.

Как я предлагаю добавлять Яндекс карту или Google Maps на WordPress?

Самый простой способ добавить Яндекс карту на сайт WordPress - это воспользоваться возможностями шорткода. Для этого нужно в начало файла темы function.php записать вот такой код:

 

function yandexmaps1(){
$rty='сюда вставляем код карты';
return $rty;
}
add_shortcode( 'map1', 'yandexmaps1' );

 

Как вы поняли, вам нужно сгенерировать код карты самостоятельно и вставить его вместо этого текста (сюда вставляем код карты). Это код PHP добавления шорткода в WordPress по этому кавычки '' удалять нельзя.

Чтобы вывести такую карту в любом посте, странице или виджете достаточно вставить вот такой код [map1].

 

Можно, конечно сделать так как недобросовестные разработчики и вставить код перейдя в редакторе WordPress в режим правки HTML, но после нескольких обновлений Яндекс карта слетит и вы её опять не увидите.

 

Если вы не знаете как вставить Яндекс карту или Google Maps на сайт WordPress воспользуйтесь примером, который приведен выше и у вас всё получится.

Лично я, всегда так вывод Якндекс карт делаю для простоты и удобства использования.

Комментарии к записи «Как добавить Яндекс карту или Google Maps на WordPress»:
  1. Сергей:

    Статья по теме добавления Яндекс карты на сайт WordPress (-spam-url-)

Сделать заказ
Онлайн помощь по WordPress