Insertar Google Maps en WordPress.com

Insertar-Google-Maps-en-WordPress

WordPress tiene incorporadas muchas herramientas las cuales al parecer están ocultas para el blogger principiante, en este caso podemos resaltar a los shortcodes con los cuales se pueden hacer infinidad de cosas para mejorar y volver mas útil nuestro blog. Por eso hoy te ensenare como insertar Google Maps mediante unos códigos proporcionados por el mismo sistema los cuales luego WordPress convierte en un shortcode.

A continuación un ejemplo de Google Maps en este post:

Bien, para hacer lo anterior debes dirigirte a Google Maps y ubicarte en el lugar del mundo que deseas insertar en tu blog, ejemplo:

Google-Maps

Luego de esto necesitas obtener el código proporcionado por Google para insertar el mapa en tu Blog, esto lo harás mediante el botón Link:

link-de-google-maps

Para continuar haz clic en Customize and preview embedded map, al hacer esto se mostrara una ventana en la cual debes seleccionar la opción Custom y elegir el tamaño del mapa:

tamaño-para-el-mapa-de-Google

Lo siguiente es copiar el código que aparece debajo del Preview en la ventana:

copiar-codigo-de-Google-Maps

Ahora luego de haber copiado el código nos dirigiremos al editor de un post o pagina de nuestro blog. Ya aquí en el editor pegaremos el código en la pestaña visual para que WordPress convierta todo el código en un shortcode después de publicar el post:

codigos-pegados-en-WordPress-de-Google-Maps

Si bien ya haz presionado el botón de Publicar, Guardar borrador o Actualizar podrás evidenciar el cambio de los códigos copiados de Google Maps al convertirse en  el shortcode que mencione anteriormente:

shortcodes-para-Google-Maps-en-WordPress

El resultado del proceso que hemos llevado acabo en todo este post será el siguiente:

Espero que este post te haya agradado y servido. Todavía no te vayas, hay mucho contenido valioso en este blog esperando que lo leas!.

Video:

Por si no entendiste el tutorial aquí te dejo uno de mis video donde aprenderás desde 0 a insertar Google Maps en WordPress:

Anuncios

Comenta desde tu perspectiva :)

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: