style.cssやbase.jsなどのCSS、JavaScriptファイルを編集する方法

フォローする

文字色や文字サイズを変えたい、メインビジュアルの画像が切り替わるスピードを変更したい、などのご要件があり、ソーシャルキャストがデフォルトで用意しているCSSやJavaScriptの内容を変更されたい場合の対応方法についてご案内いたします。

ソーシャルキャストがデフォルトで用意しているCSSやJavaScriptのファイルはお客様により直接編集することができないファイルとなっておりますので、お客様ご自身でこれらのファイルをコピーして、コピーしたファイルに対して変更を加えていただく必要がございます。

以下が手順となります。

1.デフォルトのCSSやJavaScriptのコピーを保存
  https://{お客様のドメイン}/css/{変更したいファイル名}.css
  https://{お客様のドメイン}/js/{変更したいファイル名}.js
  をブラウザで開き、右クリックで「名前を付けて保存」

2.コピーした新しいCSSやJavaScriptの記述を任意の内容に変更

3.コピーした新しいCSSやJavaScriptのファイルをアップロード
  詳細はファイルアップロード方法(テンプレートで利用する画像など)をご確認ください。

4.管理画面からテンプレートを編集
  「デザイン管理」>「テンプレート」>テンプレート名「共通レイアウト」
  {{asset('css/{変更したいファイル名}.css')}}
  {{asset('js/{変更したいファイル名}.js')}
  部分を3.でアップロードした新しいCSSやJavaScriptのURLに変更>「送信」

この記事は役に立ちましたか?
4人中2人がこの記事が役に立ったと言っています