Clipkit® Support
Clipkitに関する情報・よくあるご質問は
こちらでご確認いただけます。
2020.06.08公開
2020.06.08更新
デザインテンプレートや、静的ページで使用する画像などは、どこにアップロードすればよいですか?
管理画面より、以下の手順でファイルをアップロードしてください。画像、js、cssなどの静的ファイルをアップロードできます。また、アップロードしたファイルはテンプレートやページから利用可能です。
表示手順
サイト管理 > ファイル
①管理画面からサイト管理をクリック。
②ファイルを選択。
③ファイルをアップロードする。
ドラッグ&ドロップでファイルをアップロードすることができます。ドラッグ&ドロップに未対応の一部ブラウザでは、クリックしてファイルを選択できます。ShiftやCtrl(cmd)キーを押しながら選択することで複数ファイルを選択し、まとめてアップロードできます。
アップロードされたファイル一覧が表示されます。ファイルをクリックすると詳細が表示されます。
アップロードされたファイル一覧が表示されます。ファイルをクリックすると詳細が表示されます。
ファイルの利用方法
「テンプレート記述」に表示された文字列をテンプレートやページ内に書くことで、URLを参照することができます。
例)
例)
<img src="{% file "/logo.png" %}" alt="Logo">
ファイルの編集
.cssや.jsなどのテキストファイルはここで直接編集することもできます。
Sass、CoffeeScript、ES6(2015)+の自動コンパイル
Sass(拡張子.scss/.sass)、CoffeScript(拡張子.coffee)、ES6(2015)+(拡張子.mjs)ファイルをアップロード、もしくは編集すると、自動的にコンパイル結果を出力します。
例えばsample.css.scssもしくはsample.scssというファイル名でファイルを作成すると、sample.cssというファイル名でコンパイル結果が出力されます。すでにファイルが存在する場合は上書きされます。
例えばsample.css.scssもしくはsample.scssというファイル名でファイルを作成すると、sample.cssというファイル名でコンパイル結果が出力されます。すでにファイルが存在する場合は上書きされます。