{"id":39010,"date":"2015-09-22T15:40:04","date_gmt":"2015-09-22T15:40:04","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/vanilla-adaptive-maps\/"},"modified":"2015-09-22T17:08:49","modified_gmt":"2015-09-22T17:08:49","slug":"vanilla-adaptive-maps","status":"publish","type":"plugin","link":"https:\/\/es-ar.wordpress.org\/plugins\/vanilla-adaptive-maps\/","author":16499,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"4.3.34","requires":"3.3","requires_php":"","requires_plugins":"","header_name":"Vanilla Adaptive Maps","header_author":"Jeremy Carlson","header_description":"","assets_banners_color":"356ca9","last_updated":"2015-09-22 17:08:49","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/jeremycarlson.com\/","header_plugin_uri":"https:\/\/github.com\/eyesofjeremy\/vanilla-adaptive-maps\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":100,"downloads":4334,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0":"

First release. Fly, little plugin, fly! Help with the mappin'!<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1251360","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1251360","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":"1251360","resolution":"1544x500","location":"assets"},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1251391","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1251360","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1251360","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1251360","resolution":"3","location":"assets"}},"screenshots":{"1":"Entering shortcode into a post","2":"The map is created above the link","3":"On narrower screens, a static map image will be created instead"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1571,2909,606,80],"plugin_category":[43,49],"plugin_contributors":[84836],"plugin_business_model":[],"class_list":["post-39010","plugin","type-plugin","status-publish","hentry","plugin_tags-google-maps","plugin_tags-map","plugin_tags-responsive","plugin_tags-shortcode","plugin_category-customization","plugin_category-maps-and-location","plugin_contributors-jcdesign","plugin_committers-jcdesign"],"banners":{"banner":"https:\/\/ps.w.org\/vanilla-adaptive-maps\/assets\/banner-772x250.png?rev=1251391","banner_2x":"https:\/\/ps.w.org\/vanilla-adaptive-maps\/assets\/banner-1544x500.png?rev=1251360","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/vanilla-adaptive-maps\/assets\/icon-128x128.png?rev=1251360","icon_2x":"https:\/\/ps.w.org\/vanilla-adaptive-maps\/assets\/icon-256x256.png?rev=1251360","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/vanilla-adaptive-maps\/assets\/screenshot-1.png?rev=1251360","caption":"Entering shortcode into a post"},{"src":"https:\/\/ps.w.org\/vanilla-adaptive-maps\/assets\/screenshot-2.png?rev=1251360","caption":"The map is created above the link"},{"src":"https:\/\/ps.w.org\/vanilla-adaptive-maps\/assets\/screenshot-3.png?rev=1251360","caption":"On narrower screens, a static map image will be created instead"}],"raw_content":"\n

A way to include an Adaptive Map, based on Brad Frost\u2019s Adaptive Maps pattern<\/a>, without requiring an external JavaScript library.<\/p>\n\n

The basic premise is that we should be using mobile devices\u2019 far better-suited mapping applications rather than attempting to frame maps in our own websites. Users w\/ larger screens will get a full map in an iframe.<\/p>\n\n

No styling has been provided, but the link and map are wrapped in div.adaptive-map<\/code>.<\/p>\n\n

Credits<\/h3>\n\n

All props to Brad Frost<\/a> who presented the idea quite a while ago.<\/p>\n\n\n

    \n
  1. Upload the vanilla-adaptive-maps<\/code> folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
  2. Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n

    To use, write a shortcode like this: [vamap addr=\"1203 Pearl St, Boulder, CO 80302\"]<\/code><\/p>\n\n

    To include a responsive map in a theme template, write the following PHP:<\/p>\n\n

    <?php echo do_shortcode('[vamap addr=\"1203 Pearl St, Boulder, CO 80302\"]'); ?>\n<\/code><\/pre>\n\n\n
    \n
    What is the breakpoint between mobile and desktop?<\/dt>\n
    Right now, the breakpoint is set at 550px, which was the default in Brad\u2019s model, and seems reasonable to me.<\/p><\/dd>\n
    Can I change the breakpoint for switching from mobile to desktop?<\/dt>\n
    Yes, although you\u2019ll have to modify the plugin. Open vanilla-adaptive-maps.php<\/code> and look for set_breakpoint<\/code>. You can change the number there.<\/p>\n\n
    Right now we are only supporting a pixel-based breakpoint. I want to change that, though.<\/p><\/dd>\n\n<\/dl>\n\n\n
    1.0.1<\/h4>\n\n
      \n
    • Files reorganized. No code changes.<\/li>\n<\/ul>\n\n
      1.0<\/h4>\n\n
        \n
      • Initial release.<\/li>\n<\/ul>","raw_excerpt":"Map any address with a shortcode. Mobile users get a static map; desktop users will see a google map.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/39010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=39010"}],"author":[{"embeddable":true,"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jcdesign"}],"wp:attachment":[{"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=39010"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=39010"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=39010"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=39010"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=39010"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/es-ar.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=39010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}