はじめてのグーグルサイト№8【サブページを明示する】／GoogleApps編－

－サブページを明示する－

前回、ナビゲーションを制御３でカテゴリページを作成しナビゲーションを階層化しました。

今回、更に［ナビゲーション］というカテゴリを作成し［制御１］［制御２］［制御３］というページを直下に作成してみました。

［ナビゲーション］ページ直下にどのようなページが収容されているか明示する方法を見ていきます。




ページを編集アイコンをクリックして編集画面へ移動します。

［挿入］－［サブページリスト］の順にクリックします。

• タイトル：ナビゲーション一覧
• サブページ表示：現在のページ
• 表示レベル：すべて
• 幅：空白
• デザイン：お好みで

［保存］をクリックすると編集画面へ戻ります。
ページリストが表示されました。



続けて編集画面の［保存をクリック］します。






ナビゲーションページにサブページリスト／ナビゲーション一覧が表示されました。



このように、カテゴリに属する下位ページをリストとして表示する方法として利用することができます。

はじめてのグーグルサイト№7【ナビゲーションを制御３】／GoogleApps編－

－ナビゲーションを制御３－

前回は例として｢はじめてのグーグルサイト｣というページを作成してナビゲーションへそのページタイトルを手動でセットしました。

今回はその｢はじめてのグーグルサイト｣をひとつのカテゴリページと考え、その直下にページを作成して階層化した構成にしていきましょう。

ここでは｢サイトのレイアウトを変更｣というページを作成します。


いつものように画面右上の[ 新しいページ]アイコンをクリックします。

• ページ名：サイトのレイアウトを変更
• 使用するテンプレート：ウェブページ
• 場所を選択：「はじめてのグーグルサイト」の下に置く
• URLを変更：layout

作成ボタンをクリックしトップページ編集画面に戻りますが、そのまま保存ボタンをクリックします。

いつものようにナビゲーションには作成したページ名が表示されてませんので、手動で設定します。

【ナビゲーションへページ名を呼び出す】

トップページ右上の[ その他の操作]アイコンをクリックして、プルダウンメニューから[サイトを管理]をクリックします。

[サイトのレイアウト]をクリックしてサイドバー領域－ナビゲーションにある[編集]をクリックして[ナビゲーションを設定]を呼び出します。

サイトマップから[サイトのレイアウトを変更]というページを探しクリックして[OK]をクリックします。

追加したページがこのままでは「はじめてのグーグルサイト」と同じ階層になりるので、設定画面の右矢印を1回クリックして追加したページの階層をひとつ下げます。

[OK]－[保存]をクリックしてトップページに戻るとナビゲーションに追加した「サイトのレイアウトを変更」がセットされています。


このように手動でナビゲーションを整理すると自分の思うとおりに構成を考えることが出来るようになります。

はじめてのグーグルサイト№6【ナビゲーションを制御２】／GoogleApps編－

－ナビゲーションを制御２－

新しくページを作成します。

ページ右上の[新しいページ]アイコンをクリックします。

ページ名：はじめてのグーグルサイト※仮のページ名です。お好きな名称にして下さい。

使用するテンプレート：ウェブページ

場所を選択：ページをトップレベルに置く


のように、それぞれ選択して[作成]ボタンをクリックします。


このとき、作成するページのアドレスが入力したページ名をそのまま半角英数字としてセットされているので、分かり易く変更することも可能です。

ここでは、

[googlesites_start]に変更しました。

ページを作成するとそのままページを編集する画面に切り替わるので、ここではいったん保存しておきます。

ここで、ページ左のナビゲーションを見ると作成したページ名が表示させれてません。

その理由は、前回[ナビゲーションを自動的に整理する]設定を解除したからです。


ということで、手動でページ名を呼び出しましょう。

前回のGoogleSites－はじめてのグーグルサイト№5／GoogleApps編－を参考にナビゲーションの設定画面を呼び出します。


[ページを追加]をクリックしてサイトマップを呼び出し、先程作成した[はじめてのグーグルサイト]を選択し[OK]をクリックします。


[ナビゲーションを設定]画面に作成したページ名が表示されました。

OKをクリック後、サイト管理画面で保存をクリックして作業を終了します。

トップページへ戻ると、左側ナビゲーションに作成したページ名が表示されています。


次回はページの階層を手動で設定する方法について考えてみます。