ワードプレスの記事にグーグルマップを埋め込みする方法

公開日: : Web関連

Sponsored Link

ウェブサイトを見て回っていると

記事内にGoogleマップが埋め込まれている!!

ような記事を見た事ありませんか?

 

すげーなー!

かっけーなー!

便利そうだなー!

 

そう他人事のように感じるかもしれませんが、誰でも簡単に作れますからね!

特にワードプレスを使っている人はより簡単に導入出来ます♪

今回はワードプレスの記事内にGoogleマップを表示させる方法を紹介します。

 

1.Googleマップで好きな地図を作製する

Googleマップで自分の好きな記事を作成します。

こんな感じで。

スクリーンショット 2015-09-04 23.11.15

 

2.Googleマップで埋め込みコードを取得する

マップを作ったら次は埋め込みコードを作成します。

作成する方法は、左上の三本線をクリックします。

クリックすると以下のメニューが表示されます。

スクリーンショット 2015-09-04 23.11.42

そしてこの中の

地図を共有または埋め込む

をクリックします。

Sponsored Link

3.埋め込みコードを記事内に挿入する

上記をクリックするとこの画面が表示されます。

スクリーンショット 2015-09-04 23.12.54

リンクを共有の方ではなく

『地図を埋め込む』

の方をクリックし、表示されるコードをコピーしてください。

 

 

そして投稿時なのですが、投稿前に

Tiny MCEと言うプラグインをインストールしておきましょう。

そうする事で投稿時の編集コマンドが充実します。

 

投稿時の画面で、

挿入→動画を挿入

をクリックします。

スクリーンショット 2015-09-04 23.35.59

 

 

その後、

埋め込む

をクリックし、そこに先ほどのコードを貼付けます。

 

 

スクリーンショット 2015-09-04 23.38.12

 

これで、記事に導入されたはずです。

こんな感じです。

ほら、案外簡単にできたと思いませんか?(笑)

よかったら試してみてください♪

 

Sponsored Link

関連記事

IMG_9189

iPhoneで撮った写真を地図上でピン表示するアプリPhotos Pro【iOS7~8】

昔からのiPhoneユーザーならわかってくれると思うんですけど、 昔のiPhoneでは写真のア

記事を読む

イメージ

iPhoneの画面をPCで操作・表示出来るVeencyの使い方

PC画面でiPhoneを操作したい。 iPhoneの操作中の様子をキャプチャーするためなどにP

記事を読む

スクリーンショット 2014-12-20 20.44.21

Macがウイルスに感染したので無料のウイルス対策ソフトSophosを導入

某個人サイト先のリンクを踏んだら 「お使いのMacはウイルスに感染しました」 的なダイア

記事を読む

スクリーンショット 2015-03-29 15.33.30

MacでエミュレーターのGenymotionにGoogle Playを入れる方法

Androidのエミュレーター、Genymotionには標準ではGoogle Play(Playスト

記事を読む

アップ

誰でも出来る!ブログを短期間でアクセスアップさせる4つの方法

開設して間もない頃は自分のブログへのアクセスはほんのわずか。 数日は我慢出来てもずっとその状態

記事を読む

スクリーンショット 2015-07-03 0.15.01

トレンドアフィリエイトが流行した弊害!検索クオリティの低下

アフィリエイトで稼ぐと言えば、まずトレンドアフィリエイトで実績を作ってから… それで、実績が出

記事を読む

頭痛い

アフィリエイトで生活出来る?専業になるリスクは?

友「アフィリエイトで稼げだしたから会社やめるでござる」 俺「ちょっとまて」 友「!?」

記事を読む

ワードプレス

ワードプレスからのモデレートしてくださいのメールを止める方法・設定

サイト作ったのはいいけど   スパムコメントのせいでコメント通知メールうぜええ

記事を読む

スクリーンショット 2015-02-08 3.18.31

ノマドが助かるPCで使える無料無線LANスポットまとめてみたよー

  スターバックス(スタバ) ノマドの代名詞ともいえるスターバックス。 スタバに

記事を読む

ワードプレス

【無料】SEOが強いワードプレスの日本語対応テンプレートテーマ集

ワードプレスでブログを更新し続けるにあたって、モチベーションの元になるのはアクセス数の増加ですよね。

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スクリーンショット 2017-06-25 17.34.10
要注目!うまうまなるか?スナックワールドレベルファイブタッチ専用モバイルリーダーライター

レベルファイブといえば定期的に爆裂的なヒットを生み出す会社です。

スクリーンショット 2017-08-12 16.53.25
楽天ブックス・楽天市場で使える無料のBOT、自動注文ツールは?

あんま使えるツールの話とかみんなしてないからあえてしてみる。 楽

スクリーンショット 2017-06-25 17.34.10
ニンテンドースイッチ転売の引き際は?まだ仕入れ続けるべきか?

結論から言うと私はまだ続けるべきだと思います(8/8現在) Ni

スクリーンショット 2017-08-08 22.01.13
【オススメ・プレ値率高い】星野源 Family Song 過去作全てプレミア!!

星野源の初回限定はアルバム・シングル問わず全てプレミア付いてます。

スクリーンショット 2017-06-25 17.34.10
とりあえずまだニンテンドースイッチ転売全力でおk!仕入れ・購入方法は?

まだまだニンテンドースイッチ相場下がりませんねー スプラトゥーン

→もっと見る

  • 1

    名前:たか
    元メガバンク行員。
    仕事に嫌気がさしすぎて副業に手を出してみたところ、いつのまにやらそちらが本業に。
    ネット環境があればどこでも作業できるのでふらっと旅や、外食に出かける事が多いです。自由人。

    経歴はこちら

  • お名前 (必須)

    メールアドレス (必須)

    題名

    メッセージ本文

  • wifi
    » 続きを読む
  • アップ
    » 続きを読む
  • スクリーンショット 2015-01-22 16.09.12
    » 続きを読む
  • スクリーンショット 2015-01-02 15.33.55
    » 続きを読む
  • wifi
    » 続きを読む
  • ドクターマーチン
    » 続きを読む
  • イメージ
    » 続きを読む
PAGE TOP ↑