GoogleドキュメントをWordPress.comに貼る

GoogleドキュメントWordPress.com に貼る方法についての覚書です。

googledocument16

私がよく閲覧している「Googleニュース」からだと、メニューからアクセスできます。

googledocument03

すでに利用中であると、以下のように表示されます。

googledocument04

ログインしていない場合は以下のような画面が表示されるので、適宜、メールアドレス等を入力して、Googleドキュメントにログインします。

googledocument31

「ドキュメント」ドロップダウンメニューより、作成した文書の絞り込み検索をすることができます。

googledocument05

はじめてご使用になられる方は「新規作成」ドロップダウンメニューから新規に文書を作成するなどすることになります。

googledocument32

テキストドキュメントをWordPress.comに貼る

まず、テキストドキュメントをWordPress.comに貼ってみます。

googledocument06

適当な文書をクリック。

googledocument07

テキストドキュメントの編集画面は以下のような感じです。Wordっぽいです。

googledocument08

「共有」ドロップダウンメニューより、「ウェブに一般公開」をクリック。

googledocument09

埋め込みコードが表示されるのでコピーして、

googledocument10

WordPress.comに貼り付け、公開処理などを行うと、

googledocument11

ショートコードに自動変換され、

googledocument12

以下のような感じでWordPress.comの記事にGoogleのテキストドキュメントが貼り付けられます。

googledocument13

例えば、Googleドキュメントの方で、以下のような文章を追加すると、

googledocument14

対応するWordPress.comの記事の方も自動的に更新されます。これぞオンラインの醍醐味ですね。

WS000795
demo

スプレッドシート(エクセルのようなもの)をWordPress.comに貼る

次にスプレッドシート、いわゆるエクセルのオンライン版みたいなものをWordPress.comに貼ってみます。

googledocument15

スプレッドシートの編集画面は以下のような感じ。

googledocument16

「共有」ドロップダウンメニューの「ウェブページとして一般公開」をクリック。

googledocument17

「公開データへのリンクを取得」のうち、「ページに埋め込むHTML」を選択。

googledocument18

表示されたHTMLタグをコピーし、WordPress.comに貼り付けると、

googledocument19

スプレッドシート、すなわちエクセルのオンライン版みたいなものがWordPress.comに以下のような感じで貼り付けられます。

googledocument20
demo

プレゼンテーション(Powerpointのようなもの)をWordPress.comに貼る

次にプレゼンテーション、すなわち PowerPointのオンライン版のようなものをWordPress.comに貼り付けてみます。

googledocument21

「プレゼンテーション」の編集画面は以下のような感じ。

googledocument22

「共有」ドロップダウンメニューの「一般公開/埋め込み」をクリック。

googledocument23

サイズなどを適宜、指定した後、HTMLタグをコピーし、WordPress.comに貼り付けると、

googledocument24

WordPress.comにプレゼンテーションが貼り付けられます。YouTube動画の貼り付けもできます。

googledocument25
demo

図形描画をWordPress.comに貼る

googledocument26

「図形描画」の編集画面は以下のような感じ。

googledocument27

「共有」ボタンの「ウェブに一般公開」をクリック。

googledocument28

HTMLタグをコピーし、WordPress.comに貼り付けると、

googledocument29

図形描画がWordPress.comに貼り付けられます。なお、図の方もGoogleドキュメントの方を更新すると、対応するWordPress.com側の図も自動更新されます。

googledocument30
.demo

参照: Google Docs・Google カレンダーの埋め込みに対応 — ブログ — WordPress.com

(注)2011年6月17日現在、Google Chrome(少なくとも初期設定)ではWordPress.comに貼りつけたGoogleドキュメントは表示されないことを確認しております。同じGoogleなのになぜ?←失念しておりました。どうやら、以前インストールした拡張機能が悪さをしているようです。(現在、検証中。とりいそぎ記入。)

投稿者: comemo

WordPress.com での記事の作成方法など

GoogleドキュメントをWordPress.comに貼る」に2件のコメントがあります

    1. コメントありがとうございます。励みになります! お役に立てる記事が書けるよう、これからも精進したいと思います。

      いいね

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。