Clipkit^® Support

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

デザイン

2020.06.08公開
2023.07.07更新

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

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

INDEX

表示手順

サイト管理 > ファイル

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

②ファイルを選択。

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

ドラッグ＆ドロップでファイルをアップロードすることができます。ドラッグ＆ドロップに未対応の一部ブラウザでは、クリックしてファイルを選択できます。ShiftやCtrl(cmd)キーを押しながら選択することで複数ファイルを選択し、まとめてアップロードできます。
※１ファイルあたりの最大容量は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というファイル名でコンパイル結果が出力されます。すでにファイルが存在する場合は上書きされます。

Clipkit® Support