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

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

関連記事

スクリーンショット 2015-04-14 0.14.15

ロイヤリティフリーの画像とは?ホームページ作りで有効活用を!

ロイヤリティフリーの画像とは? 簡単に言うとロイヤリティフリーとは、対象のものを使用出来る権利を持

記事を読む

スクリーンショット 2016-03-20 17.59.05

機種変・アップデート時のiPhoneを使用できませんエラーメッセージの対応策

機種変・ソフトウェアアップデートをした際に… 「iPhoneを使用できません。使用するにはこれ

記事を読む

no image

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

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

記事を読む

MAKEBOT

約20分で無料でTwitterのBOTの作り方を教えるよー

Twitterをビジネスで利用する上で必要なBOT。 BOT作るなんて絶対無理。 プログ

記事を読む

ワードプレス

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

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

記事を読む

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

モバイルルーター乗り換え時に!キャッシュバックキャンペーン比較!

  モバイルルーターでキャッシュバックキャンペーンは少ない? フレッツ光を契約する場合

記事を読む

ワードプレス

ムームードメインで独自ドメイン取得しエックスサーバーで運営する理由

友「レンタルサーバーどこの使ってる?」 俺「エックスサーバー」 友「んじゃ、ドメイン取得

記事を読む

スクリーンショット 2015-05-24 23.35.45

個人事業主がクラウド会計ソフトfreee(フリー)を実際に使ってみた感想

ずっと気になっていたのでfreee(フリー)を有料の標準プランと言うものを使ってみる事にしました。

記事を読む

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

MacにAndroidエミュレーターを!Genymotionの使い方は?

俺「Android触ってみたいけどiPhoneしかないでござる…」   という

記事を読む

acesse

アクセスマーケティングはアムウェイやニュースキンと同じ?

近頃話題のアクセスマーケティング。 詳しい仕組みはもう知ってる?きいた? なんかアムウェ

記事を読む

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-03-05 1.33.56
HYIP初心者必見!HYIPやってみてこんなもん投資じゃないと気付いた件

流行りもあっていくつかHYIPやってみたけど… これはもう投資で

スクリーンショット 2017-03-05 1.33.56
人気で安定性があると評判のHYIPランキング【2017年3月現在】

  1位:ライトライズ 日本人人気ナンバーワンではないで

スクリーンショット 2017-02-19 11.55.51
ライトライズは投資したのが早い者勝ちのビジネスモデル!早期登録し、稼いで逃げろ!

最初にとりあえず約35万円ぶんドーーン!!! と、したのがこれ

FullSizeR-4
ライトライズ登録して株買ってみた 登録の方法・株の買い方は?【RightRise】

友「信憑性高そうなHYIPがあるんだって」 俺「言葉に矛盾を感じ

no image
100サイト超つくった結果、アクセスが多いコンテンツをトップ3を教える

友「いくつぐらいサイト作った?」 俺「数えたら126個あったわ」

→もっと見る

  • 1

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

    経歴はこちら

  • お名前 (必須)

    メールアドレス (必須)

    題名

    メッセージ本文

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