メニューバーの定義内容(バナーエリア)
- "Web sample page"では、メニューバーとして"web-Sample"が指定されています。("Web sample page"のプロパティ画面で確認してみてください)
- この"web-Sample"でどのように定義しているか説明します。
手順
-
画面上部のCMSメニューにある【メニュー】ボタン
をクリックすると、右のようなメニューが表示されますので、一番上の【メニューバーの作成・管理】を選択します。
メニューバーの作成・管理画面になりますから、この画面にある【登録済みメニューバー】のなかから、"web-Sample"をクリックしてください。“メニューバー web-Sample の定義”が表示されます。
定義の内容について
- 定義の内容は以下のようになっています。
*banner
TEXT=豊かな暮らしと未来に向けて
logo=logo_sample.jpg
*left
recentupdate
*right
TEXT=こちらもご覧ください。
link=http://www.graphy.co.jp,Image:banner001.jpg
link=http://www.graphy.co.jp,Image:banner002.jpg
link=http://www.graphy.co.jp,Image:banner003.jpg
link=http://www.graphy.ne.jp,Image:GraphyBanner.png
Google
*footer
LINK=/Web sample page/MyCorp/プライバシーポリシー,プライバシーポリシー
LINK=/Web sample page/MyCorp/サイト利用規定,サイト利用規定
LINK=/Web sample page/MyCorp/サイトマップ,サイトマップ
TEXT=Copyright © 2008 All rights reserved.
TEXT=《無断転載・引用等はお断わりいたします》
- メニューバーでは"*banner"、"*left"、"*right"、"*footer"のタグによりそれぞれ、バナーエリア、ローカルナビ(左)、ローカルナビ(右)、フッタの領域の内容をそれぞれ定義しています。
- つまり、バナーエリアについての定義は、
*banner
TEXT=豊かな暮らしと未来に向けて
logo=logo_sample.jpg
- の3行ということになります。
- 見ておわかりのように、バナーエリアに表示されている“豊かな暮らしと未来に向けて”というテキストと、ロゴ画像として"logo_sample.jpg"というファイルが指定されています。テキストの色やそれぞれの表示位置などについては、“スタイルシート”で指定されています。