Tabla de Contenidos
Dentro de nuestro de Wordpress podemos agregar cualquier tipo de contenidos como v铆deos, audio, PDF y hojas de c谩lculo. La inclusi贸n de contenidos de fuentes externas nos permite crear una fuente inagotable de informaci贸n que son muy 煤tiles e interactivas. En este art铆culo en concreto vamos a ver como podemos a帽adir mapas de Google a nuestro Wordpress, ya sea para p谩ginas de contacto, para mostrar distintas ubicaciones de sitios, eventos, etc.
鉁嶏笍 A帽adir de forma manual un mapa de Google en WordPress
Para incluir de forma manual mapas de Google en Wordpress debemos ir a Google Maps y escribir la direcci贸n o la ubicaci贸n del lugar que queremos mostrar. Una vez que lo hemos encontrado entramos en el bot贸n de enlace que se muestra en el panel derecho. Aqu铆 nos muestra el c贸digo de debemos insertar en la p谩gina web. Copiamos el c贸digo iframe o tambi茅n tenemos la posibilidad de personalizar y obtener una vista previa de los cambios realizados, para tener un mapa dise帽ado a nuestro gusto o necesidades.
Nos dirigimos a nuestro sitio de Wordpress y pegamos el c贸digo en un art铆culo, p谩gina o plantilla. Ya con esto solo queda guardar la entrada o p谩gina y ver el mapa de Google funcionando en nuestro sitio.
馃攲 Incluir un mapa de Google utilizando un plugin para Wordpress
La primera explicaci贸n que hemos visto es buena, si s贸lo queremos a帽adir un mapa de Google con una sola ubicaci贸n en nuestro Wordpress. Pero si los mapas juegan un papel importante en el contenido general de nuestro sitio web es importante instalar un plugin para tener mejores funciones.
Lo primero que debemos hacer es instalar y activar el plugin MapPress Easy Google Maps. Ahora editamos una p谩gina o entrada donde deseamos a帽adir un mapa. Nos desplazamos hacia abajo por la secci贸n de MapPress en la pantalla posterior de edici贸n y pulsamos para a帽adir un nuevo mapa.
Esto hace que el editor de MapPress se abre para introducir una direcci贸n, o pulsamos el enlace de localizaci贸n para que el plugin detecte de forma autom谩tica la ubicaci贸n. Incluye un t铆tulo en el mapa y escoge el tama帽o deseado. Una vez que estamos satisfechos pulsamos el bot贸n de guardar y luego pulsamos para insertar en publicar para a帽adir el mapa en la p谩gina. Ahora actualizamos o publicamos para ver la vista previa de los cambios.
Con el plugin MapPress es posible a帽adir varios mapas para una entrada o p谩gina. Esta herramienta la podemos configurar fuera o dentro del men煤 de la barra lateral de Wordpress. Entramos en esta si necesitamos cambiar la configuraci贸n como el tipo de mapa, bordes, alineaci贸n, controles, etc.
馃 A帽adir mapas de Google en un widget y un Lightbox
Otra manera f谩cil de agregar los mapas de Google para nuestro WordPress es mediante la instalaci贸n del plugin Google Maps Widget. Despu茅s de activar el plugin, nos vamos hacia Apariencia – Widgets y arrastramos para soltar el widget 芦Google Maps Widget禄 en la barra lateral.
Escribe la direcci贸n que deseas mostrar en el mapa de configuraci贸n del widget. Tambi茅n puedes elegir el tama帽o del mapa, color, nivel de zoom y dem谩s. Pulsamos en el tab Lightbox para configurar los ajustes de lightbox. Por 煤ltimo pulsamos en el bot贸n Guardar para no perder la configuraci贸n del widget. Dir铆gete a tu sitio web para ver el widget en acci贸n.
Esperamos que este art铆culo te ayude a incluir mapas de Google en tu sitio de WordPress. Para preguntas y comentarios puedes dejar el tuyo debajo.
Plugin Localizador de Tiendas para Gesti贸n de Ubicaciones con WordPress
3 Plugins para Incluir un Seguimiento GPS en WordPress
Plugin WordPress para Mostrar Lugares Relevantes Cerca de una Ubicaci贸n
Aplicar Cup贸n por Localizaci贸n en WooCommerce
Buscar o Reemplazar Operaciones en Base de Datos en WordPress
Hola. Gracias por vuestro aporte. s贸lo tengo una duda y es que en esos mapas nunca se muestra la ubicaci贸n del usuario que visita el sitio web y ve el mapa.
Agradecer铆a si me pod茅is ayudar para ver c贸mo hacerlo.
un saludo
Hola Jorge. 驴Me lo puedes explicar mejor? a ver si comprendo cual es el problema
Hola! Muchas gracias por tu explicaci贸n
Tengo una pregunta: Tengo una gu铆a de viaje, donde pr谩cticamente cada p谩gina habla sobre la ubicaci贸n de un restaurante. Por tanto, en cada p谩gina quiero que aparezca la ubicaci贸n del restaurante. 驴Es posible obtener posteriormente un 煤nico mapa en el que aparezcan todas las ubicaciones de restaurantes de la ciudad?
Espero haberme explicado bien 馃槈
Gracias!
Hola Javi. Desde este enlace https://support.google.com/maps/answer/3045850?hl=es te explica como personalizar tus mapas y a帽adir todos los iconos que quieras en un mismo mapa. En la pesta帽a donde pone 芦A帽adir lugares al mapa禄 te explica como se hace. Saludos
Hola, un gusto poder llegar a ti, muy bueno el contenido que brindas. La verdad es que el mundo wordpress es nuevo para mi, en estos 煤ltimos d铆as me he puesto a leer y a ver mucho material sobre este mundo, mi idea es armar una gu铆a comercial, de mi ciudad, de mas esta decirte que soy de Argentina. El tema, es que no se por donde arrancar, me encontr茅 con muchas plantillas pero la verdad ninguna me parece apropiada para realizar una gu铆a comercial o seguramente me esta faltando mucho conocimiento. El tema es que medio me he decaido con el tema de no poder ver algo lindo, no se si me puedes recomendar alguna plantilla, por ahora todo es con mucho sudor y poco para invertir… pero desde ya estoy abierto a recomendaciones y sugerencias…abrazo calido y nuevamente gracias por tu contenido tan interesante.
Hola Angel. Seguramente necesitas unos complementos que te permitan incluir un directorio en tu sitio web. 脡chale un ojo a este post y me cuentas https://reinspirit.com/plugin-wordpress-directorio-empresas/. Saludos