こんにちは、DXサポーターズのみくです。
社内での情報共有に「社内ポータルサイト」、活用されていますか?
社内ポータルサイトとは、いわゆる様々なアプリを集約し、一度にアクセスできる、社内の情報共有サイトのことです。社内ポータルサイトを作成しておくことで、簡単に社内の情報にアクセスすることができます。
そこで、今回はGoogleサイトを使った社内ポータルサイトの作成のために、コンテンツの編集方法について紹介します。
(ヘッダー・フッターの設定方法については、こちらの記事を参考にしてください。)
コンテンツの追加方法
Googleサイトを開き、「ポータルサイト」のテンプレートを開きます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-15-at-21.11.40-1024x521.png)
画面右側にコンテンツを追加するバーが表示されます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-10.40.46-1024x448.png)
「テキストボックス」を選択すると、
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-0.51.08.png)
以下のようにテキストボックスが挿入されます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-10.40.59-1024x542.png)
「画像」を選択すると、
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-0.51.09.png)
以下のように画像をアップロード、もしくはGoogleドライブ内の画像を選択し、挿入することができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-10.41.09.png)
画像を挿入してみます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.14.16-1024x560.png)
挿入した画像にはリンクを付けたり、画像のトリミングも可能です。画像が挿入されると一気に見易くなりますね。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.32.34.png)
「埋め込む」を選択すると、
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-0.51.10.png)
URLや埋め込みコードを用いて、ウェブサイトを埋め込むことができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-10.41.17-1024x485.png)
試しにURLを入力します。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.16.34-1024x707.png)
「ページ全体」または「プレビュー」を選択し、挿入することができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.16.58-1024x555.png)
「ドライブ」を選択すると、
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-0.51.11.png)
Googleドライブからコンテンツを挿入することができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-10.41.37-664x1024.png)
続いて、「レイアウト」の挿入についてです。あらかじめ決められたコンテンツのレイアウトを挿入することができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-10.58.07-1024x442.png)
例えば、以下のレイアウトを選択すると、
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-11.02.05-1024x998.png)
ポータル最下部に、以下のようなレイアウトが挿入されます。このように、あらかじめ決められたコンテンツのレイアウトを簡単に挿入することができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-11.02.13-1024x437.png)
テキストボックスの横には、画像やYoutube、カレンダー、地図をクリック1つで挿入することができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.21.42-1024x434.png)
また、画面右端、レイアウトの下にスクロールすると、目次や地図、スプレッドシートなどを選択することで簡単に挿入ができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-11.11.35-1024x453.png)
試しに、目次を追加してみます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.06.06-470x1024.png)
以下のように、すでに配置されているコンテンツが自動的に目次となって挿入されます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.06.19-1024x570.png)
コンテンツの削除と移動方法
続いて、コンテンツの削除方法について紹介します。追加したコンテンツやあらかじめ追加されていたコンテンツを簡単に削除できます。
削除したいコンテンツの左端にカーソルを合わせると、以下のように「セクションを削除」と表示されるのでクリックすることで削除できます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-16.45.38-1024x910.png)
以下のように、セクションが消去されます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-0.58.25-1024x506.png)
続いて、コンテンツの移動方法についてです。コンテンツの追加後でもページ内で移動させることができます。
移動させたいコンテンツにカーソルを合わせると、以下のように表示が変わり、また、カーソルが矢印の形に変わるので好きな場所に移動させることができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-16.54.41.png)
試しに下にスライドさせると、以下のように移動させることができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-19-at-1.01.15-1024x513.png)
共同編集の設定方法
最後に、共同編集の設定方法について紹介します。
まず、画面右上の以下のようなマークをクリックします。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.25.36-1024x380.png)
すると、以下のように、ユーザーの追加、またはリンクの共有から編集者を追加することができます。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.27.39-1024x608.png)
「ユーザーやグループと共有」の場合、ユーザーやグループを追加することで共同編集可能です。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.46.55-1024x600.png)
この際、以下の設定マークから
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.46.57-1024x565.png)
「他のユーザーとの共有設定」のチェックをしておいてください。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.28.05-1024x309.png)
続いて、リンクより編集可能にする場合、編集できるグループを選択します。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.59.17-1024x728.png)
この時も同様に、設定マークより、
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.35.09-1024x563.png)
「リンク設定」をチェックしておいてください。
![](https://dxs.co.jp/blog/wp-content/uploads/2021/03/Screen-Shot-2021-03-17-at-17.59.28-1024x299.png)
以上、コンテンツの編集方法でした。いかがでしたか?参考になれば幸いです。
コーディングなど不要で、とっても簡単に編集ができますね!社内ポータルサイトに必要なコンテンツを追加することで、社内ポータルサイトとしての機能がより一層充実すると思います。
次回以降は、実際に社内ポータルサイトとして使える機能をコンテンツとして追加する方法を紹介していきます!
ご不明点・ご要望等、お申込みフォームにてお問い合わせください。
また、DXSの「オンライン情シス」では、Google Workspaceなどのクラウドツールの活用サポートを1つの窓口で承っております。
まずはお気軽にご相談ください!