Google Maps Anywhereを使ってみました

tatuo — Tue, 06 Oct 2009 11:59:20 +0000

地図表示の機能を搭載しているGoogle Mapsですが、WordPressのプラグインで簡単に
導入できます。導入まで面倒くさいかなぁ….とも思っていたのですが、実際してみると3分前後で
プラグインインストールから設定まで完了しました。

以下導入手順です。

WordPress Plugins/JSeries » Google Maps Anywhere (地図表示)

さんのサイトに行ってもらい、
プラグインをダウンロードします。

ダウンロードしたファイルをいつものように、pluginディレクトリに転送します。
転送が終わったら、ダッシュボードのプラグインの項目にチェックを入れてもらい完了。

続いて、グーグルマップを利用するにあたり、APIキーが必要となります。

APIキーの入手はこちらから申請してください。

サイトURLの部分は、あなたが使いたいdomainのURLを入力。

同意にチェック。

上段にAPIキーと書いてありますので、キー番号を控えます。
大切なものなので、外部に漏らさないように。

使い方は至って簡単です。

新規投稿、ページ作成をするときに、右上にボタンがありますのでクリック。

するとこのような画面が表示されます。
APIキーの部分に、先ほど取得したキー番号を入力。これで使用できます。
実際に表示させてみました。

[googlemap lat="43.19716728250127" lng="143.7890625" width="300px" height="150px" zoom="4" type="G_NORMAL_MAP"]43.197167,143.789063[/googlemap]

これはかなり使えます。
凄く便利です。
ご参考までに。

WP-lightpopを使用して動画をポップアップさせてみるの巻

tatuo — Mon, 14 Sep 2009 17:08:30 +0000

Lightboxを使用して画像をポップアップさせる方法については、過去に説明したので今回は動画を
ポップアップさせてみました。

プラグインでWP-lightpopというのがありますので、これを利用します。
まず指定のサイトからファイルをdownload。

参考URL
WordPress Plugins/JSeries » WP-lightpop (画像、動画ハイライト表示)
画像だけでなくYouTubeなどの動画サイト、各種動画ファイル、WordpressプラグインVideoPop+で管理している動画ファイルを lightbox 風に表示するためのプラグインです。

ftpソフトを利用してuploadします。

ファイルのupが終わりましたら、ダッシュボードに移動。
下の方に設定項目がありますが、先ほどインストールしたlightpopという表示があると思います。
クリック。

細かい設定などがこの画面で行えますので、細部にまで拘りたい方は各自設定してみてください。
私は、画像の縁を若干変化させてみました。

下記がWP-lightpopを使用してupしたYouTubeの動画です。
クリックしてみてください。動画がポップアップします。

世界遺産アンコールワット　動画

ちょっとした変化を求める方には、カッコイイんじゃないでしょうか？
WP-lightpopの環境設定のサイトにも書いてありますように、対象のXHTML要素によって設定を行う必要があります。

もしも上手くいかなかった方は、以下のタグをそのまま使用して試してみてください。

表示するタイトル挿入

動画に高級感を与える演出としては、使いやすいプラグインだと思います。
あまり皆さん利用されてないようですしね。

WordPress【ワードプレス】初心者の部屋～使い方知っとこ？ » 画像プラグイン

Google Maps Anywhereを使ってみました

WP-lightpopを使用して動画をポップアップさせてみるの巻