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人がこの記事が役に立ったと言っています