mt.vicuna.jp

スタイル確認用のため、ページ下部に個別ページにあるコメント・トラックバック欄挿入されています。

この表示はすべてのCMSツールで同一のものを使用しています。CMSツールによって多少の違いがあることをご了承ください。また、各テンプレートはバージョンアップを繰り返していますので、実際のものとはXHTML構造が細部で異なる場合があります。

VicunaのCSSファイルはコアファイル4つと複数のモジュールからなります。4-module.cssはモジュールのインポートファイルになります。このファイルにはカスタマイズに合わせたさまざまなスタイルがモジュールとして読み込まれており、デフォルトでは全てがコメントアウトされています。

(未調整のCSSファイルがあります)

Continue reading

Vicunaはデフォルトで文章系文字サイズ13px相当、項目系文字サイズ13px相当の大きさで表示されます。文字サイズを調整したい場合は1-element.cssのアウトライン1-2.Font size settingの項目を調整してください。値を107%、もしくは114%に調整することで丁度良い読みやすい大きさになるでしょう。

Title

Desctiption

Desctiption

Title

Desctiption

Title

Desctiption

Title

Desctiption

Title

Desctiption

Title

Desctiption

Continue reading

layout.cssの調整でサイトのレイアウトを大きく変えることができます。固定幅・可変幅の変更、カラムの位置変更ができ、bodyにつけるクラスにより、各テンプレートで1カラム、2カラム、3カラム(モジュールをONにする必要あり)が自由に選べます。デフォルトでは以下のクラスがついています。

メインインデックス・テンプレート

body class="double"

アーカイブ・テンプレート

body class="double"

カテゴリー・テンプレート

body class="double"

日付アーカイブ・テンプレート

body class="double"

個別アーカイブ・テンプレート

body class="single"

その他

body class="single"

Continue reading

ブログに画像を挿入したい場合はEye Catch Moduleを読み込みます。Eye Catch Moduleは3種類用意してあり、

• mod_eyeCatch-short.css
• mod_eyeCatch-long.css
• mod_eyeCatch-mini.css

から好みのものをインポートして使います。(基本的にどれか1つだけを読み込ませてください)

Eye Catch Moduleをインポートした場合、画像に合わせてレイアウトが調整されます。(800pxの固定幅になる)

画像は[images]フォルダに同梱されているので、調整してアップロードしてください。

Continue reading

mod_subSkin/subSkin.cssにはブログの主要部分の色や文字サイズの定義がまとめられています。このファイルはカスケードの末端に位置し、それまでの指定を上書きすることができます。CSSの記述に慣れていない人でも、subSkin.css内のコメントをみながら色を調整することでブログのイメージを大きく変えることができます。また、調整したsubSkin.cssを配布し、他のVicunaテンプレートからモジュールとして読み込ませることで簡単にスキンの変更ができます。subSkin.css内ではボックス操作系のプロパティにだけ気をつけて調整すれば、他のモジュールと衝突してレイアウトが崩れるといったこともありません。

から好みのものをインポートして使います。(基本的にどれか1つだけを読み込ませてください)

Eye Catch Moduleをインポートした場合、画像に合わせてレイアウトが調整されます。(800pxの固定幅になる)

画像は[images]フォルダに同梱されているので、調整してアップロードしてください。

Continue reading