Banner for Vanilla Adaptive Maps
Map any address with a shortcode. Mobile users get a static map; desktop users will see a google map. Wordpress Tutorial
Noted That:
  • To install correctly this vanilla-adaptive-maps.zip .
  • Fisrt Download the vanilla-adaptive-maps.zip to your computer
  • Extract/Open vanilla-adaptive-maps.zip to Your Computer.
  • Then, Find readme.txt file inside vanilla-adaptive-maps.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " vanilla-adaptive-maps.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Vanilla Adaptive Maps

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Vanilla Adaptive Maps

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Vanilla Adaptive Maps

Step-5 : Now, Browse " vanilla-adaptive-maps.zip " Downloaded plugin from your computer, Where you downloaded " vanilla-adaptive-maps.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Vanilla Adaptive Maps

Step-6 : Now, Click on " Active Plugin "

Activate Vanilla Adaptive Maps

Step-7 : Then, See left Side Menu. " Vanilla Adaptive Maps " folder is added on left Side Menu. Now, Click on " Vanilla Adaptive Maps " folder.

Noted that: If you do not see " Vanilla Adaptive Maps " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Vanilla Adaptive Maps Configurations and Settings or How to work " Vanilla Adaptive Maps " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Vanilla Adaptive Maps " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Vanilla Adaptive Maps
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the vanilla-adaptive-maps folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

To use, write a shortcode like this: [vamap addr="1203 Pearl St, Boulder, CO 80302"]

To include a responsive map in a theme template, write the following PHP:





Name