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

公開日: : 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

関連記事

はてぶソーシャルボタン

Tweet, Like, Google +1 and Shareにはてぶのソーシャルボタン追加するよー

  WP Social Bookmarking Lightも便利だけど、見た目が悪い

記事を読む

copy-takablog

安めの相場で月極広告の募集してみる♪【募集内容詳細記載】

  最近、このサイトでも広告の掲載をお願いされるメールをもらうようになりました。

記事を読む

IMG_0091

iPhoneのパスコード・パスコードロック・パスワードを4桁に戻す方法

新しいiPhoneに機種変し、色々設定しているとパスコードが6桁になってびっくりした人はいらっしゃい

記事を読む

ラノベル

『小説家になろう』の作品をiPhoneで読むために電子書籍化する方法

最近『小説家になろう』というサイトにハマっています。 このサイトは、作者は個人が書いた小説を無

記事を読む

no image

MacでiPhone5S、iOS7.1.2で脱獄するよー♪【方法・手順】

一度脱獄していたのですが、iPhoneの初期不良による端末交換のため、再度脱獄するのでどうせなので手

記事を読む

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

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

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

記事を読む

ワードプレス

Link to postで過去記事を簡単引用・貼付け!【ワードプレス・プラグイン】

サイト運営で内部リンクってかなり重要なんですよね。 自サイトからユーザーを長時間逃がさないよう

記事を読む

マネー

Amazonアソシエイトと楽天アフィリエイト、どちらが稼げるか?

物販系のアフィリエイトを行なう上で避けられないのがAmazonアソシエイトと楽天アフィリエイト。

記事を読む

ワードプレス

ワードプレスのログイン画面URLを忘れた?管理画面をブックマーク

ワードプレスのサイトを見栄えよくするために『メタ情報』・『管理画面』のウィジェットを外したのはいいも

記事を読む

スクリーンショット 2015-02-05 17.52.08

海外でも読める朝日新聞の電子版がメリットたくさんでおすすめ!

友「新聞見てる?」 俺「大人の日本人ならそりゃあ当然!」 友「うっせwwなにで読んでる?

記事を読む

Message

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

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

post date*

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

no image
iQOS転売方法は?仕入れ・入手方法、無限クーポンを使用する方法は?

現在価格が高騰して転売の対象となっているiQOS。 その効率の良

スクリーンショット 2017-06-25 17.34.10
転売せどり初心者でも必ず儲かる商材今はiQOSとニンテンドースイッチ全力でおk

あんま転売しないけどこの2つはうますぎるので、しばらくはどんな初心者も

no image
謎の転売が悪とされる風潮に虫酸が走る件

表題の通りです。 何を言っているんだ?という感じです。 &

スクリーンショット 2017-05-24 0.32.52
【はねろ!コイキング】デコレーションの効果まとめ

シェイミそう(ダイヤ250個) エサのCP+14%  

スクリーンショット 2017-05-24 0.32.52
【はねろ!コイキング】効率の良い育成方法とコインの使い道の優先順位は?

このゲームにおいての育成速度はコインの使い道に大きく左右されてきます。

→もっと見る

  • 1

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

    経歴はこちら

  • お名前 (必須)

    メールアドレス (必須)

    題名

    メッセージ本文

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