GoogleスプレッドシートをWordPressに埋め込む方法

こちらの記事で、自作の「西暦・元号・満年齢の早見表」を公開しました。

あわせて読みたい
【2024年版(令和6年版)】西暦・元号・満年齢の早見表 【西暦・元号・満年齢の早見表】 西暦2024年は、令和6年 平成から数えると36年 昭和から数えると99年 大正から数えると113年 明治から数えると157年 【直接Googleスプレ...

もともとExcelでつくっていたものをGoogleスプレッドシート(スプシ)にして体裁を整え、Webサイト(WordPress)の記事に埋め込みました。

スプシをWordPressで表示させる方法はいくつかあるのですが、今回はスプシの標準機能プラス、若干の表示修正でいくことにしました。

目次

Googleスプレッドシート(スプシ)を「公開」する

スプシを埋め込む

スプシをWordPressに埋め込むには、次の手順で進めます。

スプシの画面で、
左上の「メニュー」

「共有」

「🌎ウェブに公開」を選択。


すると、「ウェブに公開」ダイアログが出てくるので、
「埋め込む」を選択

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

WordPress記事作成画面に貼り付け
(ブロックエディタの場合は、「カスタムHTML」というブロックを使用)

表示を整える:スタイルシート

これだけだと、タテもヨコもちっちゃい表示で出てしまいます。

そこで、普通はスタイルシート(CSS)で調整することになります。

たとえば、以下のようにiframeに対して幅、高さ、枠線の種類(border:)、あと角を丸くする(border-radius: )みたいな工夫をしてもいいですね。

iframe{
 width: 530px;
 height: 400px;
 border: 8px solid #C0C0C0;
 border-radius: 10px 10px 10px 10px;
}

表示を整える:HTMLに直接記述

今回は上記のようにスタイルシートに記述しても幅がうまく調整できませんでした。
WordPressテーマの影響かどうか深く掘り下げてはいないですが。

なので、iframeのタグの中にサイズを直接記述することにしました。

スマホでもPCでも見やすい幅と高さを設定。
今回の例ではwidthとheightのプロパティを追記しました。

<iframe width="530" height="400" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ-JDUCkvao6-NWTA6y_ijAO4wU50RLeQ2Lo_CQXHBOAKw0acIyAZY3jpvQMvMM3A/pubhtml?widget=true&amp;headers=false"></iframe>

できあがりのページは、以下のリンクからご覧ください。

あわせて読みたい
【2024年版(令和6年版)】西暦・元号・満年齢の早見表 【西暦・元号・満年齢の早見表】 西暦2024年は、令和6年 平成から数えると36年 昭和から数えると99年 大正から数えると113年 明治から数えると157年 【直接Googleスプレ...

プラグインを使う方法 ⇒ 不採用

スプシの標準機能を使わずにWordPressのプラグインで表示させることも考えました。

WordPressのプラグイン追加画面から「google spreadseet」で検索すると、このように出てきました。
(WooCommerceとか関係ないのも出てきますが)

ただ、最新のWordPressに対応していない(バージョンアップがされていない)とか、インストール件数が5千件と少ないという状況でした。

そもそもプラグインは、セキュリティの面やメンテナンスの面から極力使わないのがベストです。

今回のように最近アップデートされていないとか、インストール件数が少ないとかいう場合には、使わずに他の方法を探すほうがいいですね。

たしかに、利用者が多いほど、標的にされやすくなる危険があります。
でも、トータルではメリットのほうが大きいかなと思っています。
大勢の人が使うことで事例が蓄積されて不具合やセキュリティの脅威が少なくなったり、開発中止になっても引き継ぐ人が出てきやすかったりするので。

表として記事に貼り付ける方法 ⇒ 不採用

普通にHTMLで表(テーブル)を組む方法もあるけれど、今回は使いませんでした。

行数がとても多くて見にくくなるので。

それに、毎年発生するちょっとした修正も手間がかかりそうだったので。
スプシを触っているだけで見やすい表ができるほうがいいかなと思います。

さいごに(2024年のはじまりにあたって)

2024年に入って早々、大きな地震や考えられないような航空機事故が立て続けに起こって、正月気分も吹っ飛んでしまう年始になりました。
被災された方には心からお見舞い申し上げます。
1日も早く平穏が戻ってくるように願っています。

SNSでの救助要請もたくさん出ていて心を痛めました。
中にはフェイクもありそうだし、フェイクじゃなくてもリポストとかでSNSのタイムラインを埋めてしまうと、もう救われているかもしれず、本当に必要な情報が伝わらなくなる恐れもあって。
結局SNSに対しては静観していましたが、情報リテラシーにまつわる課題も改めて感じた年明けでした。

私は私で、萎縮せず自粛せず、できることをしっかりとやっていきたいと思います。
本年もよろしくお願い申し上げます。

ただいま次のコンサルティングのお申し込みを受け付けています。

ITによる業務改善サポートコース:3か月プラン40万円、6か月プラン60万円(消費税抜き)
WEB集客・SNS集客コース:3か月プラン40万円、6か月プラン60万円(消費税抜き)
求人・採用力の向上コース:期間と料金はお客様の状況により異なります。ご相談ください
独立起業サポートコース:1回(1時間程度)12,000円(消費税抜き)

※初回相談無料(特別企画を実施中です)
※単発のサポートは今は承っておりません。ご了承ください(紹介者さんがある場合を除く)

詳細はこちらのフォームからお問い合わせください

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次