アイフラッグラボ
iFLAG Labs is a technical information site which iFLAG offers.
iFLAG Labs provides you with the opportunity to experience and evaluate new and emerging innovations, technologies, and service from iFLAG.

トップページ»  【GoogleApps機能紹介】Googleサイト»  【Googleサイト機能紹介】ページテンプレートを活用してトップページを大改造!!

【Googleサイト機能紹介】ページテンプレートを活用してトップページを大改造!!

 

はじめに

本コンテンツでは、ホームページの核となるメインページの編集方法を紹介します。
 
コンセプトは、最新情報の共有が出来る簡易ポータルを作成!!
 
作業概要は、下記2点となります。
 
・ページテンプレートを利用して新規ページを作成
・作成したページをトップページへ埋め込む
 
それでは、よろしくおねがいします
 
 
アイフラッグサポート担当:MA

 


【Googleサイト機能紹介】-お知らせページの作成-(2013-07-18)

最新情報を公開するためのページを作成します
 
①新しいページ作成ボタンをクリックします
 
 
作成ボタンをクリック
 
②ページプロパティが表示されるので、ページタイトルを入力し、テンプレートを【お知らせ】に変更します
 
テンプレートをお知らせに変更します
 
入力、選択が完了したら作成をクリックします
 
③最新情報ページが作成されたので、試しに2件、新しい投稿をしてみます。
 
投稿タイトルは、サイドバーにも表示されます
 
サイドバーにも表示されます
 

【Googleサイト機能紹介】-ファイルキャビネットの作成-(2013-07-18)

 
続いてドキュメント共有ページを作成します
 
①新しいページ作成ボタンをクリックします
 
 
②ページプロパティが表示されるので、ページタイトルを入力し、テンプレートを【ファイルキャビネット】に変更します
 
入力、選択が完了したら作成をクリックします
 
③試しにいくつかファイルをアップロードしてみます。
 
※ファイルを追加でドキュメントを選択します
 
ドキュメントをアップロードします
 

【Googleサイト機能紹介】-リストページの作成-(2013-07-18)

 
リストページでは、テンプレートがいくつか選択できます。
アイフラッグでも案件管理などで活用されていて、使いやすいと評判です。
 
それでは、作成方法です。
 
①新しいページ作成ボタンをクリックします
 
 
②ページプロパティが表示されるので、ページタイトルを入力し、テンプレートを【リスト】に変更します
 
入力、選択が完了したら作成をクリックします
 
③リストテンプレートを選択出来るので、今回は、To-Doリストを選択します。
 
To-Doリストを選択します
 
④ここでも試しに案件を割り振ります。
 
案件の割り振りをテストします
 

【Googleサイト機能紹介】-ウェブページへの組み込み-(2013-07-18)

 
それでは、作成した各コンテンツをウェブページに組み込んでいきます。
 
ウェブページについては、新規作成ではなく、初期で作成したトップページを編集していきます。
 
①トップページ(アイフラッグラボの支店ページ)で、ページを編集ボタンをクリック
 
編集ボタンをクリックします
 
②画面左上の挿入ボタンから、
 
【最新の投稿】、【最近更新されたファイル】、【新着リストアイテム】を挿入します。
アイテムを追加します
※最新の投稿を例で説明します。
 
アイテム挿入時にプロパティが開きます。
 
先ほど作成したコンテンツが選択できます
 
一番上の項目で、先ほど作成したコンテンツが選択できます。(赤枠部分)
その他の項目は、表示させたい内容に応じて変更して下さい。
今回は、特に設定変更は行いません
 
・画面右上の保存ボタンを押します。
 
 

【Googleサイト機能紹介】-メインコンテンツのレイアウト調整-(2013-07-18)

 
一応、トップページなので、少し見た目を調整します。
いりいろやり方は有りますが、今回はレイアウト変更機能を利用して、メインコンテンツを分割します。
 
①トップページ(アイフラッグラボの支店ページ)で、ページを編集ボタンをクリック
 
②画面左上のレイアウトボタンから、2列(シンプル)を選択します
※好みで変更して問題ありませんが、今回の組み込んだアイテムは、サイドバーへは挿入できないので注意してください。
2列シンプルを選択します
 
③コンテンツ編集画面が分割されるので、埋め込んだコンテンツをドラック&ドロップで移動させます。
 
こんな感じに変更してみました。
 
編集後の画面
 
ホームページらしくなってきましたね。笑
 
アイフラッグサポート担当:MA
 

 
2013-07-18
 

 


【GoogleApps機能紹介】Googleサイト概要説明

【Googleサイト機能紹介】-Googleサイトを利用してホームページを作成しよう-(2013-07-12)
  1. 【Googleサイト機能紹介】-新しくサイトを作成する-(2013-07-12)
  2. 【Googleサイト機能紹介】-メインコンテンツを編集する-(2013-07-12)
【Googleサイト機能紹介】-デザインを変更する(基本編)-(2013-07-17)
  1. 【Googleサイト機能紹介】-テーマを変更する-(2013-07-17)
  2. 【Googleサイト機能紹介】-タイトルヘッダーを変更する-(2013-07-17)
  3. 【Googleサイト機能紹介】-サイドバーを編集する-(2013-07-17)
  4. 【Googleサイト機能紹介】-オリジナルのフッターを編集する-(2013-07-17)
【Googleサイト機能紹介】-ページテンプレートを活用してトップページを大改造!!-(2013-07-18)
  1. 【Googleサイト機能紹介】-お知らせページの作成-(2013-07-18)
  2. 【Googleサイト機能紹介】-ファイルキャビネットの作成-(2013-07-18)
  3. 【Googleサイト機能紹介】-リストページの作成-(2013-07-18)
  4. 【Googleサイト機能紹介】-コンテンツをウェブページへ組み込む-(2013-07-18)
  5. 【Googleサイト機能紹介】-メインコンテンツのレイアウト調整-(2013-07-18)
【Googleサイト機能紹介】-サイドバーのカスタマイズ-(2013-07-20)

  1. 【Googleサイト機能紹介】-メインコンテンツを分割してサイドバーを作成-(2013-07-20)
  2. 【Googleサイト機能紹介】-メインコンテンツ内のサイドバーへナビゲーションを作成-(2013-07-20)
  3. 【Googleサイト機能紹介】-水平ナビゲーションの設定-(2013-07-20)


更新担当:アイフラッグ社内サポートチーム