icon-check icon-sns-facebook icon-sns-twitter icon-sns-instagram icon-sns-line icon-sns-pinterest arrow icon__mail

Clipkit® Support

Clipkitに関する情報・よくあるご質問は
こちらでご確認いただけます。

デザイン

2020.06.08公開
2023.07.07更新

デザインテンプレートや、静的ページで使用する画像などは、どこにアップロードすればよいですか?

管理画面より、以下の手順でファイルをアップロードしてください。画像、js、cssなどの静的ファイルをアップロードできます。また、アップロードしたファイルはテンプレートやページから利用可能です。

表示手順

サイト管理 > ファイル​

①管理画面からサイト管理をクリック。

②ファイルを選択。

③ファイルをアップロードする。

ドラッグ&ドロップでファイルをアップロードすることができます。ドラッグ&ドロップに未対応の一部ブラウザでは、クリックしてファイルを選択できます。ShiftやCtrl(cmd)キーを押しながら選択することで複数ファイルを選択し、まとめてアップロードできます。
※1ファイルあたりの最大容量は10MBです。

アップロードされたファイル一覧が表示されます。ファイルをクリックすると詳細が表示されます。

ファイルの利用方法

「テンプレート記述」に表示された文字列をテンプレートやページ内に書くことで、URLを参照することができます。
例)
<img src="{% file "/logo.png" %}" alt="Logo"><span class="decoration-01"></span>

ファイルの編集

.cssや.jsなどのテキストファイルはここで直接編集することもできます。

Sass、CoffeeScript、ES6(2015)+の自動コンパイル

Sass(拡張子.scss/.sass)、CoffeScript(拡張子.coffee)、ES6(2015)+(拡張子.mjs)ファイルをアップロード、もしくは編集すると、自動的にコンパイル結果を出力します。

例えばsample.css.scssもしくはsample.scssというファイル名でファイルを作成すると、sample.cssというファイル名でコンパイル結果が出力されます。すでにファイルが存在する場合は上書きされます。