まずはブロガーに表を載せる方法から。
・Blogger（ブロガー）に表を載せる
グーグルドライブ内に保存したスプレッドシートをブログに載せることが出来ます。
２．[ファイル]→[ウェブに公開]を選択
３．別画面が開くので[埋め込み]を選択
上の画面が開くので
次にドキュメント全体となっている所から表示したいシートを選択。
（自分はシートの名前を「17-18」と変更したので、そちらを選択）
４．するとHTMLのインラインフレーム<iframe>のタグが表示されるので、コピー。
５．ブロガーのHTMLタグの表示させたい部分にペースト。
一部分しか表示されてませんが、一番下にペーストしました。
そうすると、下のように表示されます。
これでは小さいし見にくいので、こまごま調整します。
６．微調整を行う
<iframe src="https://docs.google.com/spreadsheets/d/e/○○○pubhtml?widget=true&headers=false"></iframe>
インラインフレームタグはこんな内容で、○○○の部分に任意の英数字が羅列されます。
ここに色んな微調整のためにコードを書き込みます。
その一例
・frameborder
枠線の表示をする／しないを決めます。
<iframe frameborder="0"src="https://docs.google.com/spreadsheets/d/e/○○○pubhtml?widget=true&headers=false"></iframe>
この部分に記載します。
と言ってもブロガーは優秀なので、そこそこ適当に打っても適切な場所に書き直してくれます。
変更前
変更後
周りの枠線を表示しません。
"0"の部分を大きくしても枠線が太くなることはありませんでした。
・width、height
表の幅、高さを指定します。
<iframe height="△△"src="https://docs.google.com/spreadsheets/d/e/○○○pubhtml?widget=true&headers=false"width="□□"></iframe>
それぞれこの部分に記載します。
変更前
width変更後（width="500"で指定）
height変更後（height="400"で指定）
高さと幅を美味く調整して自分が気に入るサイズを探す。
・range
スプレッドシート内の表示したいセルを指定します。
前の日記ではできたのに、このスプレッドシートでは出来ない・・・
なぜだ？？
・widged
シートタブの表示（true）／非表示(false)を指定します。
その代わり「Published by Google Sheets–不正行為の報告–5 分ごとに自動更新」と表示されます。
これを消す方法は無いようなので、お好みの方で。
変更前
変更後
・headers
行、列の表示(true)／非表示(false)を指定します
変更前(非表示 false)
変更後(表示 true)
・chrome
タイトルの表示(true)／非表示(false)を指定します。
とのことなんですが、上手にできません。
いろいろ調べてみたけど、素人レベルではこの程度しか分かりません。
と言うことで、こんな風にしました。
ですが、一番簡単な方法はもっと単純で別にありました。
違う方法でスプレッドシートをブロガーに添付する。
１．スプレッドシートで貼りつけたい部分を選択し、コピーする。
２．ブログ上に貼りつける
以上。
３．幅の調整等は元のスプレッドシートで行う。
印象としてはジャストよりちょっと大きめにするといいのかもしれません。
色づけ枠組みにも対応してくれます。
印象としてはジャストよりちょっと大きめにするといいのかもしれません。
今までの苦労はなんだったんだ・・・
どちらの方法もメリット／デメリットがあるので好きな方を。
・インラインフレームのメリット
クラウド保存されているシートを表示させるため、元データの変更がそのままブログ上にも反映される。
複数シートを載せることが出来る。
・コピペのメリット
圧倒的に楽。
個人的にはインラインフレームの方が好きです。何となく見栄えが良いもの（笑）
どちらの方法もメリット／デメリットがあるので好きな方を。
・インラインフレームのメリット
クラウド保存されているシートを表示させるため、元データの変更がそのままブログ上にも反映される。
複数シートを載せることが出来る。
・コピペのメリット
圧倒的に楽。
個人的にはインラインフレームの方が好きです。何となく見栄えが良いもの（笑）
0 件のコメント:
コメントを投稿