CMONOS.JP マニュアル:ナビメーカー:ナビゲーションレイアウト

サイトナビゲーションのレイアウトを設定します。【フレーム】の項目はフレーム分割方式ナビゲーションでのみ有効です。【埋め込み】の項目は埋め込み方式ナビゲーションでのみ有効です。

【フレーム】ナビゲーションフレーム設定

フレーム分割方式ナビゲーションでのみ設定します。

フレーム分割方式: フレームの分け方を設定します。「上下分割（上がナビゲーション）」「上下分割（下がナビゲーション）」「左右分割（左がナビゲーション）」「左右分割（右がナビゲーション）」のいずれかを選択します。
フレーム幅: ナビゲーションフレームのフレーム幅を設定します。
ナビゲーションフレーム設定: 「ナビゲーションフレームのスクロールバーを表示しない」場合チェックします。「アクセス解析タグを埋め込む」場合チェックします。

【埋め込み】アクセス解析

「アクセス解析タグを埋め込む」場合チェックします。

【埋め込み】Google によるサイト検索

「Google によるサイト検索を使用する」場合チェックします。

検索欄のタイトル: 「サイト検索」等、検索欄のタイトルを設定します。
検索結果ラベル: 「このサイトの検索結果」等、検索結果ラベルを設定します。
検索欄の表示位置: 左上端と右上端のいずれかを選択します。画面上に固定する場合「固定」をチェックします。
検索欄表示ボタン: 検索欄表示ボタンを選択します。検索欄表示ボタンを追加・変更するには「アイコンライブラリ編集」で「サイト検索欄表示ボタン」を選択します。

【埋め込み】ヘッダ

サイトナビゲーションの前に挿入する文字列を設定します。

【埋め込み】サイトタイトルのリンク先 URL

サイトタイトルのリンク先 URL を絶対パスで設定します。

アイコン方式 : 指定されたアイコンを自動的に配置します。

アイコン方式でナビゲーションを書き出す場合チェックします。

【埋め込み】アイコン背景幅: アイコン背景部分の幅を設定します。
【埋め込み】アイコン背景の位置: アイコン背景部分の位置を選択します。「左寄せ」「中央寄せ」「右寄せ」のいずれかを選択します。
アイコン位置揃え: アイコンの整列方法を選択します。「上端揃え」「中央揃え」「下端揃え」のいずれかを選択します。
アイコン間隔: アイコン間隔を設定します。
【埋め込み】ナビゲーション位置: ナビゲーションの位置を選択します。「左」「中央」「右」のいずれかを選択します。
【埋め込み】表示方法: 「テーブルを使う」場合チェックします【非推奨】。
【埋め込み】アイコン背景画像: タブ背景画像を選択します。背景画像を追加・変更するには「画像ライブラリ編集(共通)」で「背景画像」を選択します。
【埋め込み】アイコン背景色: アイコンの背景色を設定します。
【埋め込み】追加スタイルシート: 自動的に作成されるサイトナビゲーション描画のための CSS に追加するスタイルシートを設定します。

【埋め込み】CSS タブ方式 : CSS を利用したタブによりナビゲーションを作成します。

CSS タブ方式でナビゲーションを書き出す場合チェックします。

タブ背景色

タブの背景色を設定します。

タブ背景幅

タブ背景部分の幅を設定します。

タブ背景の位置

タブ背景部分の位置を選択します。「左寄せ」「中央寄せ」「右寄せ」のいずれかを選択します。

タブ間隔

タブ間隔を設定します。

タブ全体上余白

タブ全体の上余白を設定します。

タブ全体左右余白

タブ全体の左右余白を設定します。

タブ文字列上余白

タブ文字列の上余白を設定します。

タブ文字列左右余白

タブ文字列の左右余白を設定します。

タブ文字装飾

タブ文字列を「太字」にする場合チェックします。タブ文字列を「影付き」にする場合チェックします。

タブフォントサイズ

タブフォントサイズを % で指定します。

サイトタイトル

「表示しない」「サイトタイトルを表示する」「サイトタイトルとサイトの説明を表示する」から選択します。

サイトタイトル色

サイトタイトルの文字色を設定します。

サイトタイトルフォントサイズ

サイトタイトルのフォントサイズを % で指定します。「イメージタイプ」選択時にサイトタイトルフォントサイズを設定するとタブ上余白部分にサイトタイトルを表示します。タブ上余白がサイトタイトルの高さに足りない場合、サイトタイトルの高さにあわせて上余白を変更しますので、ご注意ください。

サイトタイトル文字装飾

サイトタイトル文字列を「影付き」にする場合チェックします。

サイトの説明文字色

サイトの説明の文字色を設定します。

ロゴ画像

ロゴ画像を選択します。ロゴ画像を追加・変更するには「アイコンライブラリ編集」で「ロゴ」を選択します。

カラータブ : CSS によって色つきタブを作成します。

カラータブでナビゲーションを書き出す場合チェックします。「ナビゲーション作成」ページでタブの色およびタブの文字色を設定します。

タイトル領域幅: タイトル領域の幅を設定します。
タブ位置揃え: タブの位置を選択します。「左寄せ」「中央寄せ」「右寄せ」のいずれかを選択します。
帯幅: タブとつながる帯の幅を設定します。
背景画像: タブの背景画像を選択します。背景画像を追加・変更するには「画像ライブラリ編集(共通)」で「背景画像」を選択します。背景画像を「下端に固定する」場合チェックします。
追加スタイルシート: 自動的に作成されるサイトナビゲーション描画のための CSS に追加するスタイルシートを設定します。

イメージタブ : CSS と画像によってタブを作成します。

イメージタブでナビゲーションを書き出す場合チェックします。

タブ領域幅: タブ領域部分の幅を設定します。
タブ領域の位置: タブ領域部分の位置を選択します。「左寄せ」「中央寄せ」「右寄せ」のいずれかを選択します。
タブ背景画像: タブ背景画像を選択します。タブ背景画像を追加・変更するには「アイコンライブラリ編集」で「タブ背景」を選択します。
タブ画像: タブ画像を選択します。タブ画像を追加・変更するには「アイコンライブラリ編集」で「タブ」を選択します。
選択済みタブ画像: 選択済みタブ画像を選択します。タブ画像を追加・変更するには「アイコンライブラリ編集」で「タブ」を選択します。
追加スタイルシート: 自動的に作成されるサイトナビゲーション描画のための CSS に追加するスタイルシートを設定します。

【埋め込み】Vicuna 互換ヘッダ方式 : Vicuna CMS 互換のナビゲーションを作成します。

Vicuna 互換ヘッダ方式でナビゲーションを書き出す場合チェックします。Vicuna 互換ヘッダ方式でナビゲーションを表示するには、CSSファイル編集で、Vicuna CMS 用のスタイルシートを読み込む必要があります。また、「Vicuna スキン設定(共通)」の「モジュールの読み込み」で「5-5. Global Navigation Module」をチェックし、Vicuna CMS のグローバルナビゲーションモジュールを有効化する必要があります。

Vicuna CMS スキン調整: 「Vicuna CMS スキンから現在のページを強調するスタイルシートを読み込まない」場合チェックします。
追加スタイルシート: 自動的に作成されるサイトナビゲーション描画のための CSS に追加するスタイルシートを設定します。

テンプレート方式 : テンプレートに基づきナビゲーションを作成します。

テンプレート方式でナビゲーションを書き出す場合チェックします。

テンプレート

テンプレートには次のタグを使用できます。これらのタグはナビゲーション書き出し時にそれぞれ対応する値に変換されます。

: サイトナビゲーションアイコン
: サイトナビゲーションリンク

以下のタグは上記タグに共通して使用できます。

ヘッダ: タグに対応する値があるとき、値の前に表示したい内容(ヘッダ)を記述します。タグに対応する値がない場合は、何も表示されません。
フッタ: タグに対応する値があるとき、値の後ろに表示したい内容(フッタ)を記述します。タグに対応する値がない場合は、何も表示されません。

ナビゲーションスタイルシート

上記テンプレートに対応するスタイルシートを設定します。

【埋め込み】カテゴリーメニュー設定

カテゴリーのある項目についてカテゴリーリストを表示するメニューの背景色を設定します。

マウスオーバー時背景色: 項目をマウスオーバーしたときの背景色を設定します。
マウスクリック時背景色: 項目をマウスクリックしたときの背景色を設定します。

【埋め込み】フッタ

サイトナビゲーションの後に挿入する文字列を設定します。