テンプレート構造

Quick.Cms V5 のテンプレートは添付ファイルのような構造になっています。

各 id、class が指定しているものを記します。

ヘッダー部

#header
ヘッダーの背景色
#head1
ヘッダーの幅と背景画像(デフォルトでは .container の影が指定されている)
.container
heder1 の内枠。ヘッダーの高さと背景画像
#logo
#title、#slogan の外枠
#title
サイト名のフォント、サイズ、色
#slogan
宣伝文句のフォント、サイズ、色
#head2
トップメニュー(ナビゲーション)の背景色、体裁
.container
#head2 の内枠。トップメニュー(ナビゲーション)の背景(画像)
#menu1
トップメニュー(ナビゲーション)のフォント、サイズ、色、体裁

ボディ部

#body
ボディ部の背景色
.container
#body の内枠。ボディ部の背景色
#column
左カラム(サイドバー)の幅、配置
#menu2
サイドバーメニューの体裁
.type
メニュー名のフォントサイズ、色、背景画像
ul
サイドバーメニューのフォントサイズ、色、背景画像、体裁
#content
右カラム(コンテンツ)の幅、配置

個別ページ部

#page
個別ページの幅
h1
個別ページ名のフォントサイズ、体裁
.breadcrumb
ぱんくずリストの位置(position:absolute; で指定)、色、体裁
.imagesList
画像リストの体裁。#imagesList1 は左配置(左寄せ)、#imagesList2 は右配置(右寄せ)
.content #pageDescription
本文のフォントサイズ、行送り。#pageDescription は、とくになにも指定していない
.pages
ページを分割(改ページ)すると出現する、ページ送りの体裁
#filesList
ファイルリストの体裁
subpagesList
サブページリストの体裁。#subList1 はページ名のみを表示、#subList2 はページ名と前文を表示、#subList3 はページ名と前文と画像を表示
.photo
サブページ画像のサムネール
h2
サブページ名
.description
サブページの前文
#options
.print と .back の外枠
.print
「印刷」リンク
.back
「戻る」リンク

フッター部

#foot
フッター部のフォントサイズ、背景色
.container
フッター部の幅、背景色
#copy
サイト著作権表示の配置、体裁
#powerd
プログラム著作権表示の配置、体裁(デフォルトではQuick.Cms のロゴ)
このページを印刷する
戻る