サイト情報Site Info

テーマカラーの確認


現在は「」が適用されています。

ダークオレンジ アップルグリーン スカイブルー コーラル ベージュ キャラメル クリームイエロー スプリンググリーン ローズピンク

　「テーマカラー」とは，全てのページを同じ色調にし，サイト全体としての統一感を出そうというものです。
　用意された「カラーセット」を切り換えて，季節の変わり目，学期の変わり目などには「テーマカラー」を変更して，気分を一新しましょう!!　
　変更は，簡単な操作で行うことができます。

　用意された「カラーセット」を適用するとどんな印象に変わるか，上のボタンをクリックして確認することができます。


テーマカラー変更方法Theme Color


「css」フォルダ内の「settei.css」の中の赤の部分を変更すると，「テーマカラー」を変更することができます。


 事前に準備された「テーマカラー」は，「テーマカラーの待機」の部分に青色で示されています。

 このうち１種類を上の赤の部分に設定します。

 保存してアップロードすると，「テーマカラー」の変更が反映されます。


settei.css

@charset "utf-8";

/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */

@import "color_coral.css";　← 下の中から１つをここに設定する

/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */


/*　テーマカラーの待機（この中から１つを上に設定する）

@import "color_darkorange.css";

@import "color_applegreen.css";

@import "color_skyblue.css";

@import "color_coral.css";

@import "color_beige.css";

@import "color_caramel.css";

@import "color_creamyellow.css";

@import "color_springgreen.css";

@import "color_rosepink.css";

*/

pagetop