Cómo insertar un Mapa en WordPress sin plugins

A continuación, aprenderás cómo insertar un mapa en Wordpres, sin plugins y de forma rápida y sencilla de cualquier entrada o página, paso a paso.

Ante todo, debes abrir la página o entrada donde se va a añadir el mapa. Lo puedes hacer tanto en Gutenberg, como en editor clásico.

En el editor clásico (o antiguo)

Si te diriges hacia el editor clásico para añadir el código, debes ir hacia HTML, añades el código y vuelves a visual.

insertar mapas

En Gutenberg (editor actual)

En cambio, desde Gutenberg, directamente se crea un bloque más. Dándole clic al botón de más, añadimos HTML, y luego pegaremos el código.

¿Cuál es el código que necesitamos pegar de una forma o de otra? Lee a continuación.

Copiar el código de insertar en Google Maps

Lo primero que debes hacer es dirigirte hacia Google Maps, y luego buscas lo que se va a añadir, como por ejemplo… “la Universidad de Harvard”.

Debes darle al ícono de compartir.

Es ahí donde estará la opción de insertar un mapa; debajo está el enlace que deberás copiar.

Puedes obtener el enlace del tamaño pequeño, mediano, grande y personalizado. Luego le das clic a copiar HTML.

Pegar el código del mapa en la entrada

Luego volvemos a entrada y pegamos en HTML el enlace. Una vez hecho eso, haremos lo siguiente:

  • Le damos a guardar como borrador;
  • Nos dirigimos a vista previa.
mapa especifico

En la imagen de arriba, tal y como buscamos en el ejemplo, puedes ver que incrusté el mapa de la ubicación de la “Universidad de Harvard” en tamaño medio, con la fecha, el botón de cómo llegar, la opción de ampliar mapa y la opción de dirigirse a google maps para obtener todas las opciones disponibles.

Si tienes alguna duda, te adjunto el videotutorial del proceso puesto en práctica.

Te puede interesar...

imagen destacad

Cómo migrar una web con All In One WP Migration

A través de este artículo, voy a guiarte acerca de cómo migrar una web en wordpress, de un dominio hacia otro, usando All In One WP Migration. Comentaremos el paso a paso, e información extra que puede serte de utilidad. Instalar el plugin All In One WP Migration Para agregar

Leer más »
responsive

Dos métodos para comprobar si una página web es Responsive

Una página web Responsive es muy útil, considerando que el hecho de que una web esté adaptada a cualquier dispositivo ayuda a que tenga mucha más visibilidad. Te enseñaré dos métodos diferentes para confirmar si tu web está configurada correctamente como responsive. Una de ellas será sin plugins, directamente desde

Leer más »

Los 3 Mejores temas de WordPress optimizados para SEO

Si quieres trabajar el SEO con WordPress, es fundamental tener un buen theme instalado, en este artículo te explico las 3 mejores plantillas de WordPress optimizadas para SEO. Astra Theme Es una plantilla bastante completa, tiene una versión gratuita, pero la opción pro tiene muchas opciones. Astra Theme es compatible

Leer más »
herramientas SEO gratuitas

TOP 3 Mejores herramientas de SEO gratis

Te explicó 3 mejores herramientas de análisis SEO con versión gratuita que puedes usar online y sin descargar nada. Y una herramienta extra, que es una extensión para navegador. TOP 3 Mejores herramientas de SEO en ¡Vamos a por el ranking! MOZ TOOLS Empezamos hablando de MOZ.COM – Se trata

Leer más »

Cómo crear Botones en WordPress Sin Plugins (Gutenberg)

Una de las novedades que te ofrece el editor actual de WordPress es permitirte crear botones dentro de tu panel. Pero la pregunta es ¿Cuál es la manera de hacerlo? En este artículo se te mostrará cómo crear botones en WordPress usando el editor Gutenberg. Antes que nada, debes acceder

Leer más »

5 Métodos para GANAR DINERO con un BLOG

En este artículo te mostraré cinco formas de ganar dinero con un blog en . 5 formas de monetizar un blog en Voy a mostrar un título y una pequeña descripción de en que consiste cada método., Anuncios Hay plataformas que tienen diferentes anunciantes, se trata de marcas que quieren

Leer más »