このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Vanilla Adaptive Maps

説明

A way to include an Adaptive Map, based on Brad Frost’s Adaptive Maps pattern, without requiring an external JavaScript library.

The basic premise is that we should be using mobile devices’ 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.

No styling has been provided, but the link and map are wrapped in div.adaptive-map.

Credits

All props to Brad Frost who presented the idea quite a while ago.

スクリーンショット

  • Entering shortcode into a post
  • The map is created above the link
  • On narrower screens, a static map image will be created instead

インストール

  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:

<?php echo do_shortcode('[vamap addr="1203 Pearl St, Boulder, CO 80302"]'); ?>

FAQ

What is the breakpoint between mobile and desktop?

Right now, the breakpoint is set at 550px, which was the default in Brad’s model, and seems reasonable to me.

Can I change the breakpoint for switching from mobile to desktop?

Yes, although you’ll have to modify the plugin. Open vanilla-adaptive-maps.php and look for set_breakpoint. You can change the number there.

Right now we are only supporting a pixel-based breakpoint. I want to change that, though.

評価

このプラグインにはレビューがありません。

貢献者と開発者

Vanilla Adaptive Maps はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Vanilla Adaptive Maps” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.0.1

  • Files reorganized. No code changes.

1.0

  • Initial release.