コンテンツにスキップ

Sass と CSS

Omeka S の CSS は Gulp およびその他の Node パッケージを使用して生成されます。必要なパッケージは npm でインストールされます。Omeka S のトップレベルディレクトリから:

npm install

便宜上、Gulp CLI をグローバルにインストールしておくこともできます:

npm install -g gulp-cli

スタイルの編集

css ディレクトリ内のファイルを手動で編集しないでください! これらは自動生成され、変更は上書きされます。

スタイルとその他のアセットの基本ディレクトリは application/Omeka/asset です。SCSS のソースファイル自体は sass サブディレクトリにあり、生成された CSS は css に現れます。JavaScript やローカルの Web フォントなどの他の静的アセットもアセットディレクトリに存在します。

SCSS ソースを編集するときは、スタイルが更新され適用されるように、それらを実際の CSS にコンパイルする必要があります。これを行う主な方法が二つあり、どちらも Omeka S のトップレベルディレクトリから実行するコマンドです。

変更を行った後にスタイルを一度だけコンパイルするには:

gulp css

または、Gulp が継続的に実行され、SCSS の変更をチェックし自動的に再コンパイルするようにすることもできます:

gulp css:watch

関連項目

クライアントサイド イベント