WordPressサイトで
ガントチャートを閲覧・
編集する簡単な方法

関連記事

1. はじめに

プロジェクト管理において、タスクの分担や進捗状況を可視化するガントチャートは欠かせないツールです。チームでこの情報を共有するとき、「みんなが見やすい」かつ「必要な人だけが編集できる」環境があると便利です。WordPressサイトとGoogleスプレッドシートを連携させる方法を試してみたところ、とても使いやすかったのでその手順を紹介します。

2. WordPressとGoogleスプレッドシートの連携メリット

WordPressサイトでプロジェクト分担表を閲覧し、編集はGoogleスプレッドシートで行う仕組みには大きな利点があります。チームメンバー全員がWordPressサイトにアクセスすれば情報を確認でき、編集権限を持つ人だけがデータを更新できるからです。これは、掲示板と編集ノートが一体化したようなものです。

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

3.1. 1. ガントチャートの作成

まず、Googleスプレッドシートでガントチャート形式の分担表を作ります。タスク名、担当者、開始日、終了日などの情報を表に入力します。色分けや条件付き書式を使うと、より見やすくなります。

3.2. 2. 共有設定を行う

次に「共有」ボタンをクリックし、編集権限が必要なメンバーのメールアドレスを追加します。それぞれに適切な権限(編集者、閲覧者など)を設定しましょう。

3.3. 3. ウェブ公開設定

「ファイル」メニューから「ウェブに公開」を選びます。「埋め込み」タブを選択し、表示されるHTMLコードをコピーします。このコードは次のような形式です。

<iframe src="https://docs.google.com/spreadsheets/d/..." width="..." height="..."></iframe>
Code language: HTML, XML (xml)

3.4. 4. WordPressへの埋め込み

WordPressの投稿や固定ページを編集します。HTMLブロックを追加し、先ほどコピーしたコードを貼り付けます。必要に応じてサイズ(width、height)を調整すると、見た目がよくなります。

これでWordPressサイトからスプレッドシートが閲覧できるようになりました。編集したい場合は、スプレッドシート上の「編集」ボタンをクリックすると、Googleアカウントでのログインを求められます。

4. プラグインを使った表示方法

より見栄えよく表示したい場合は、専用のプラグインを利用する方法もあります。「Inline Google Spreadsheet Viewer」というプラグインを使えば、スプレッドシートの表をきれいにWordPressに表示できます。

プラグインをインストールしたら、ショートコードにスプレッドシートの「共有リンク」を指定するだけで完了です。表示のカスタマイズも可能で、サイトのデザインに合わせた見せ方ができます。

5. 運用のポイント

この方法の良いところは、閲覧と編集の権限を明確に分けられることです。一般のサイト閲覧者はWordPress上で表を見るだけ、編集権限のあるチームメンバーはGoogleスプレッドシートで直接編集します。スプレッドシートの変更はリアルタイムでWordPressサイトにも反映されるので、常に最新情報が共有できます。

編集権限の管理はGoogle側で完結するため、WordPressのユーザー管理と切り離せるのも便利です。これは、鍵のかかった掲示板に情報を貼り出し、鍵を持っている人だけが内容を更新できるイメージです。

6. まとめ

ガントチャート形式のプロジェクト分担表をWordPressサイトで閲覧し、編集はGoogleスプレッドシートで行う方法を紹介しました。特別な技術がなくても、標準機能だけで簡単に実現できます。チームでの情報共有とプロジェクト管理がぐっとスムーズになるでしょう。