色パターンの変更

この方法はデフォルトのテンプレートを利用している場合に限った説明になります。
テンプレートの編集が難しい場合、サポートへお問い合わせ下さい。ご要望を伺い、作業を承ることも可能です。

デフォルトのテンプレート(Storm)には、5種類の色パターンが用意されています
読み込むCSSを変更することで、簡単にパターンを変更することが可能です

PC版の色パターン変更方法

  1. Socialcast管理画面にログインします
  2. "デザイン管理" -> "テンプレート管理"の順にリンクをたどります
  3. PC版タブを選択してください
  4. "共通テンプレート"に含まれる"レイアウト"をクリックして、テンプレート編集画面を開きます
  5. 14行目付近に表示されている下記のCSSファイル名を書き換えて、色のパターンを変更します

    {{-use_stylesheet('/themes/storm/pc/css/scheme_yellow.css', 'last')-}}
    

    既にテンプレートを編集している場合、表示される行数が異なる場合があります

黄色の色パターン

{{-use_stylesheet('/themes/storm/pc/css/scheme_yellow.css', 'last')-}}

サンプル画像

赤色の色パターン

{{-use_stylesheet('/themes/storm/pc/css/scheme_red.css', 'last')-}}

サンプル画像

青色の色パターン

{{-use_stylesheet('/themes/storm/pc/css/scheme_blue.css', 'last')-}}

サンプル画像

紫色の色パターン

{{-use_stylesheet('/themes/storm/pc/css/scheme_purple.css', 'last')-}}

サンプル画像

桃色の色パターン

{{-use_stylesheet('/themes/storm/pc/css/scheme_pink.css', 'last')-}}

サンプル画像

スマートフォン版の色パターン変更方法

  1. Socialcast管理画面にログインします
  2. "デザイン管理" -> "テンプレート管理"の順にリンクをたどります
  3. スマートフォン版タブを選択してください
  4. "共通テンプレート"に含まれる"レイアウト"をクリックして、テンプレート編集画面を開きます
  5. 14行目付近に表示されている下記のCSSファイル名を書き換えて、色のパターンを変更します

    {{-use_stylesheet('/themes/storm/sp/css/scheme_yellow.css', 'last')-}}
    

    既にテンプレートを編集している場合、表示される行数が異なる場合があります

色味はPC版のものを参考にしてください。

黄色の色パターン

{{-use_stylesheet('/themes/storm/sp/css/scheme_yellow.css', 'last')-}}

赤色の色パターン

{{-use_stylesheet('/themes/storm/sp/css/scheme_red.css', 'last')-}}

青色の色パターン

{{-use_stylesheet('/themes/storm/sp/css/scheme_blue.css', 'last')-}}

紫色の色パターン

{{-use_stylesheet('/themes/storm/sp/css/scheme_purple.css', 'last')-}}

桃色の色パターン

{{-use_stylesheet('/themes/storm/sp/css/scheme_pink.css', 'last')-}}

  • Prev