次のことをお勧めします。
1.テーマアセットをコピー/vendor
- すべての CSS ファイルをコピーします。
vendor/assets/stylesheets
- すべての JavaScript ファイルを
vendor/assets/javascripts
- すべての画像をコピー
vendor/assets/images
2. アセット マニフェストにエントリを作成する
app/assets/stylesheets/application.css
アプリケーションに含める CSS ファイルごとにエントリを作成します。そこにリストされているすべてのファイルは、デフォルトのレイアウトを使用するすべてのページに自動的に含まれますapp/views/layouts/application.html.erb
。
- の下の JavaScript についても同じことが言えます
app/assets/javascripts/applications.js
。
3. テーマのカスタマイズを元のテーマ ファイルから分離する
自由にテーマをカスタマイズできますが、独自のファイルを 、および の下app/assets/stylesheets
にapp/assets/javascripts
置きますapp/assets/images
。そうすれば、購入したテーマと混同されることはなく、テーマを台無しにすることを心配することなく、変更を簡単に削除できます。
4. 画像のパスを変更する
ここで、すべてのスタイルシートと JavaScript ファイルを手動で編集して、画像参照を探す必要があります。すべてのパスを に変更します/assets
。そのようです:
background-image: url(http://www.example.com/images/bck.png)
なります:
background-image: url('/assets/bck.png')