2011年9月16日金曜日

はじめてのグーグルサイト№5【ナビゲーションを制御1】/GoogleApps編-

-ナビゲーションを制御1-

Googleサイトでは、ページを追加した際に自動的にサイドバーにページ名をセットするか手動でセットするか予め設定しておくことができます。もちろん途中で変更は可能です。


自動的にセットされると楽ですがページ名昇順で並ぶため、自分が思うとおりにナビゲーションバーを制御したければ手動がオススメです。


管理画面は入るために、いつものように【その他▼】-【サイトを管理】の順にクリックします。

【サイトのレイアウト】をクリックしてレイアウト編集です。

サイドバー領域にある【ナビゲーション】をクリックします。



【ナビゲーションを自動駅に整理する】のチェックを外すとサイドバーナビゲーションの並びを制御するための領域が表示されます。




【OK】をクリックして保存します。




次回は実際に新規ページを追加してナビゲーションの並びを手動で変更してみましょう。


2011年9月7日水曜日

はじめてのグーグルサイト№4【レイアウト変更】/GoogleApps編-

-レイアウト変更-

Googleサイトでテーマを変更し大まかなサイトイメージが確認できました。

このままでも良いのですが、自分の好みにアレンジすることができます。

その第一歩として「サイトのレイアウトを変更」を試して見ましょう。




-サイトのレイアウトを変更-

Googleサイトで【ページを追加】したり【ページを編集】する以外はほとんど【その他】をクリックして作業を開始します。


管理画面へ入り左側メニュー、下から3番目「サイトのレイアウト」をクリックします。



「サイトのレイアウトを変更」または、その下のヘッダー「高さ」「配置」でも同じような作業ができます。

「サイトのレイアウトを変更」ウインドウで

  • サイトの幅
  • ヘッダー
  • 水平ナビゲーションバー
  • サイドバー
  • フッター

を変更します。


例えば、サイトの幅を1250px、水平ナビゲーションバーを表示(チェックを入れる)、サイドバーの幅を250pxへ変更してOKをクリックし、最後に管理画面最上段の「保存」をクリックします。




ページの横幅が1250pxへ固定され、ヘッダー直下にナビゲーションバー(今のところ「ホーム」のみ)が表示され、左側メニューバーが250pxへ広がりました。





今回はGoogleサイトのアレンジということで「サイトのレイアウトを変更」を試しました。

更に自分好みにアレンジするには「色とフォント」を変更します。

テキストのフォントサイズ・カラー・背景色などを変更することができます。




2011年9月6日火曜日

はじめてのグーグルサイト№3【サイトをカスタマイズ】/GoogleApps編-

-サイトをカスタマイズ-

Googleサイトで作成した共有サイト(一般公開サイトでも良いです)をカスタマイズする流れを、前回作成したGoogleサイトを元に見ていきましょう。

http://www.cloudfitter.net/2011/08/googlesites2googleapps.html



-テーマを変える-

Googleサイトで【ページを追加】したり【ページを編集】する以外はほとんど【その他】をクリックして作業を開始します。

  • レイアウト
  • 色やフォント
  • デザインのテーマ
のようなユーザーインターフェースに関わる設定や

  • 変更やサイト名や説明文
  • アクセス解析の設定
  • サブドメインによる一般公開設定
  • 共有と権限の設定
など、各種設定への入り口がページ右上の【その他】です。


【その他】-【サイトを管理】をクリックして管理画面へ入りましょう。


普段よく使うのは画面左下【サイトのレイアウト】ですが、今回はテーマの変更が目的なので【サイトのレイアウト】の下にある【テーマ】をクリックします。




ここではシンプルに【ボーダー:赤】を選択しました。

好みのテーマを選択し保存をクリックしてください。

※テーマを適用する前にプレビューをクリックして適用後のイメージを確認することができます。






いかがでしょうか?

自分好みのイメージに変更できたでしょうか。



テーマ以外にレイアウト、カラーなどを変更していけば更に自分好みのサイトにアレンジ可能です。