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...

Cómo subir un Vídeo en WordPress (e incrustarlo)

Es posible que la idea de enlazar vídeos desde Youtube o Vimeo, no sea tan práctica para ti, y quieres que el vídeo se cargue directamente desde tu servidord e wordpress. Entonces, ¿Cómo hacerlo? Pues muy sencillo. En esta oportunidad vas a ver el cómo importar un vídeo en WordPress,

Leer más »
cómo posicionar SEO con app Store

Cómo posicionar una APP en AppStore (ASO)

En este artículo, te muestro cómo optimizar el SEO en APP Store. Aprenderás las claves para posicionar una aplicación en AppleStore (ASO: App Store OPtimization). Para ello, me baso en su guidelines oficial. Tips sobre cómo optimizar el posicionamiento en APP Store ➤ Elija palabras claves precisas. Apple te da

Leer más »