How to Add or Embed Google Maps To WordPress or a Website
This is a quick and fast method on how to add Google Map in WordPress contact page, or any pages, posts, or even your widgets. I also show you how to add Google Maps using Street View 3D pictures without using a plugin.
In this video, I am using WordPress 4.7 Twenty Seventeen theme so the maps will be responsive, WordPress themes these days are mostly responsive, to check if your theme responsive, you can use the customizer, the left bottom of the Customizer you can use "Desktop", "Tablet" and "Mobile Phone" buttons to test.
My other tutorials on Twenty Seventeen Theme:
1. Create a child theme: https://www.wpvidz.com/create-wordpre...
2. Modify footer: https://www.wpvidz.com/twenty-sevente...
3. How to use 2017 theme after fresh install: • How To Use Twenty Seventeen Theme wit...
WordPress 4.7 New Features: https://www.wpvidz.com/wordpress-4-7-...
Content
======
0:24 Using the Theme Options of Twenty Seventeen to have one column
1:47 Go https://www.google.com/maps
2:25 Embed button options
3:00 Getting embed code
3:14 Previewing and customizing the Google maps size
4:32 Finding the exact number of your theme's content width. I use Chrome browser: https://www.google.com/chrome/browser...
5:52 Copy and paste the embed code to our page
7:01 Checking if the map is responsive in your theme
9:01 Customize the map's width
10:15 Using maps directions feature
12:27 You can also add Google Maps Street View 3D photos
17:08 Thank you for watching, please like and share the video.