CSSファイル編集(共通)

CSS ファイルをブラウザ上から直接編集します。FTP で CSS ファイルをダウンロードして編集しても、その変更を引き継いで編集することができます。

作業の流れ

サブメニューから編集したい CSS ファイルを選択します。新規作成したい場合は「新規作成」を選択しターゲットファイル名を入力します。このとき既存ファイルと同名のファイル名を設定すると、既存ファイルが上書きされますので、注意してください。
選択した CSS ファイルを編集します。

【詳】は「詳しい設定を表示する」をチェックした場合表示される項目です。

ターゲットファイル

ファイルの保存名を設定します。読み出し時と異なるファイル名で「保存」すると、読み出したファイルとは別に、新しいファイル名で保存します。ただし、新しいファイル名と同名の既存ファイルがある場合、既存ファイルが上書きされてしまいますので、注意してください。

【詳】VICUNA.CMS CSS 読み込み

読み込まない: VICUNA.CMS 用のCSSを読み込まない場合選択します。
読み込む: VICUNA.CMS 用のCSSを読み込む場合選択します。「ユーザー指定CSS」で特に URL が指定されない場合 "/lib/css/vicuna/0-import.css" を読み込みます。"/0-import.css" で終わる URL である必要があります。相対パスで指定する場合はターゲットファイルからの相対パスで指定します。

【詳】ファイル冒頭部分

@charset、@media、@import、@page、@font-face 等ファイルの冒頭部分に記述する設定を入力します。

<body>

<body> の設定をします。

背景画像: ページ全体の背景画像を選択します。スクロールしても背景画像が動かないようにするには、「背景画像固定」をチェックします。選択できる背景画像を変更するには「画像ライブラリ編集(共通)」から「背景画像」を選択し、変更します。
背景色: ページ全体の背景色を設定します。
マージン設定: ページ全体のマージン(余白)を設定します。設定値が 0 意外の場合、px など単位をつける必要があります。中央に揃えるには、左右のマージンを「auto」にします。
テキスト設定: テキストおよびリンク部分のテキストについて設定します。「詳しい設定を表示する」と、「その他の設定」が入力できます。
【詳】その他の body 設定: 上記以外の設定を行います。

フォント

ページ全体の表示フォントについて設定します。「フォントサイズ」は px や em など単位を含めて設定します。

パラグラフ <p>

ページ全体の設定と、文章の設定を変えたい場合、ここでパラグラフ <p> について設定します。

テキスト設定: パラグラフ内のテキストについて設定します。「<p> 内リンク色設定を表示する」をチェックすると、パラグラフ内のリンク色を設定できます。「詳しい設定を表示する」と、「その他の設定」が入力できます。
【詳】その他のパラグラフ設定: 上記以外の設定を行います。

コンテンツエリア

コンテンツを内包するボックス(=コンテナ)について設定します。フレーム(枠画像)を使用している場合は、ID が container の table になります。

マージン設定: コンテナのマージン(余白)を設定します。設定値が 0 意外の場合、px など単位をつける必要があります。中央に揃えるには、左右のマージンを「auto」にします。
テキスト設定: テキストの行揃えを設定します。
【詳】その他のコンテンツエリア設定: 上記以外の設定を行います。

引用ブロック

引用ブロックの色分けについて設定します。文字列フィールドで、行頭に引用符 > を使用すると、引用符がつけられた行は <blockquote class="quotation"> に変換されます。

上記以外の設定

上記以外の設定を行います。