Lekumo ブログOEM

Lekumo ブログOEM マニュアル

背景色の指定

Lekumo ブログOEM のデザインを利用しているブログで、記事本文部分やサイドバー部分の背景色を変更するには以下の手順で CSS を追記します。

ブログ本体の背景色を変更

  1. [ホーム] - [ブログ] - [(ブログ名)] - [デザイン] ページを開き [カスタムCSSを編集] をクリックする
  2. 以下の内容を貼り付ける
    ※ 「#dddddd」は任意の数値に変更してください。
  3. div#container {
    background-color:#dddddd;
    }
    
  4. [変更を保存] ボタンをクリックする

記事表示部分の背景色を変更

  1. [ホーム] - [ブログ] - [(ブログ名)] - [デザイン] ページを開き [カスタムCSSを編集] をクリックする
  2. 以下の内容を貼り付ける
    ※ 「#ffffff」は任意の数値に変更してください。
  3. 今回は2カラム (本文 = alpha | 右サイドバー = beta)の場合の例となります。

    /* 2カラム (本文 = alpha | 右サイドバー = beta) */

    body.layout-two-column-right div#alpha {
    background-color:#ffffff;
    }
    
  4. [変更を保存] ボタンをクリックする

サイドバー部分の背景色を変更

  1. [ホーム] - [ブログ] - [(ブログ名)] - [デザイン] ページを開き [カスタムCSSを編集] をクリックする
  2. 以下の内容を貼り付ける
    ※ 「#ffffff」は任意の数値に変更してください。
  3. 今回は2カラム (本文 = alpha | 右サイドバー = beta)の場合の例となります。

    /* 2カラム (本文 = alpha | 右サイドバー = beta) */

    body.layout-two-column-right div#beta {
    background-color:#ffffff;
    }
    
  4. [変更を保存] ボタンをクリックする
記事表示部分やサイドバーなどに色をつける場合は、上の階層から色を指定していきます。
例えば、ページ全体(body)→ブログ本体(container)→メイン部分(alpha)、サイドバー(beta)といった手順で指定していきます。
page top