Cómo Insertar Google Maps en WordPress | Fácilmente sin Plugins
HTML-код
- Опубликовано: 9 июн 2024
- Poner Google Maps en WordPress. Comienza tú web con Hostinger 👉 bit.ly/3IPpInt
💥 ¡Usa el código de descuento AH10 para obtener un 10% de DESCUENTO!
Con este vídeo aprenderás cómo embeber un mapa de Google Maps en WordPress sin necesidad de instalar ningún plugin. Solo tienes que ir a Google Maps, buscar la dirección que quieres mostrar y copiar el código HTML que te ofrece. Luego lo pegas en tu editor de WordPress y listo.
____________________________________________
⭐ Síguenos ⭐
Twitter: / hostinger
Facebook: / hostinger
Hostinger Tutoriales: www.hostinger.es/tutoriales/i...
Suscribirse: ruclips.net/user/AcademiadeH...
____________________________________________
🕒 Timestamps
00:00 Introduction
00:36 Añadir Google Maps con Bloque de Gutenberg
02:21 Copiar Código HTML de Google Maps
04:44 Despedida
____________________________________________
Cómo insertar Google Maps en WordPress
En este video te enseñaré cómo poner Google Maps en WordPress sin necesidad de instalar ningún plugin. Solo tienes que seguir estos pasos:
1️⃣ Abre el sitio de Google Maps y busca la ubicación que quieres insertar en tu web.
2️⃣ Haz clic en el botón Compartir y luego en Insertar mapa. Copia el código HTML que te aparece.
3️⃣ Crea una nueva página o edita una existente con el editor Gutenberg de WordPress.
4️⃣ Busca el bloque HTML y arrástralo a tu página. Pega el código HTML que copiaste de Google Maps.
5️⃣ Guarda y publica tu página.
¡Y listo! Ya tienes un mapa interactivo de Google Maps en tu web de WordPress sin usar plugins. 🎉
____________________________________________
▶ ¿Quieres ver más tutoriales increíbles como este en el futuro? ¡Considera suscribirte! 😁
ruclips.net/user/AcademiadeH...
____________________________________________
¡Gracias por ver! Si tienes alguna pregunta, háznoslo saber en los comentarios. Buena suerte en tu aventura en línea. 🚀
#GoogleMaps #Gutenberg #WordPress
Comienza tú web con Hostinger 👉 bit.ly/3IPpInt
💥 ¡Usa el código de descuento AH10 para obtener un 10% de DESCUENTO!
Excelente explicacion. Gracias
Muchas gracias
disculpa, pero esas medidas afectaran también a la página si se visualiza en móviles y tabletas?
¡Hola! Eso es correcto, el tamaño es general para todos los dispositivos. La forma de ajustarlo un poco más es añadiendo diferentes parámetros vía CSS. Puedes aprender más desde este enlace: www.hostinger.es/tutoriales/sitio-con-diseno-web-responsive - ¡Suerte!
Buen vídeo! Tengo una duda, como puedo centrar el mapa en la página?
¡Hola! Añade la etiqueta de al principio del código HTML para poder centrarlo. y al final ciérrala con . Ejemplo: CODIGO HTML ¡Suerte!