CSS

CSSとはカスケーディングスタイルシート（Cascading Style Sheets）の略です。ブログのデザインを一括で設定できます

CSSの編集の流れ

1. ログイン後の管理画面メニューから「デザイン管理」をクリックしてください。
2. デザイン一覧の編集をしたいテンプレートの「編集」アイコンをクリックします。
3. スタイルシートソースの編集をして下さい。
4. 「更新する」をクリックします。
5. ブログの再構築を行なって下さい。

ブログの部品の画像を変えてみよう

ブログのヘッダー（タイトル部分）の画像を変えてみましょう！

差し替えるヘッダーの画像を作成しましょう。
作成した画像は、「ファイル管理」であらかじめアップロードしておきます。

次にスタイルシートのソースから以下のコードを探してください。
テンプレートによって多少変わりますが、下の例をご参考下さい。

.main_title {
 background-position: center top;
 background-image: url(ヘッダー画像のファイルURL);
 margin: 0px;
 width: 817px;
 background-repeat: no-repeat;
 height: 130px;
 text-align: left;
 padding: 0px;
｝

自作した画像のファイルURLをソース中の「ヘッダー画像のファイルURL」と置き換えて下さい。スタイルシートの更新をして、ブログの再構築を行なえば完了です。

テキストの見栄えを変えてみよう！

タイトルの文字の大きさや色を変えてみましょう。

下の例のコードをスタイルシートから探します。

.blog_title a {
 font-size: 12px;
 color: #666666;
}

フォントの文字の大きさを変えてみましょう。
「blog_title a」内の「font-size:○px」の○部分に指定をしたいフォントサイズを入力してください。

次にタイトルの文字の色を変えてみましょう。
文字のサイズを変更したときと同様に、「color: #○○○○○○○」の○部分に指定したいカラーコードを入力して下さい。

あとはスタイルシートの更新をして、ブログの再構築を行なえば完了です。