需要将wrapbootstrap主题集成到新的rails应用程序中的说明

我刚刚在wrapbootstrap上购买了一个主题并启动了一个新的Rails应用程序来试验它。 主题没有文档,我是Rails的新手,所以我可以使用一些帮助。 这里没有其他例子非常详细,似乎没有关于这个在线博客文章。 谢谢。

这是主题,如果有帮助 – 假设我正在运行Rails 3,已经运行’rails new experiment’并且此时没有安装任何gem,此时甚至没有引导程序。 希望能够从一开始就在stackoverflow上为其他人提供明确的指示。

我建议你做以下事情:

1.将主题资产复制到/vendor

  • 将所有CSS文件复制到vendor/assets/stylesheets
  • 将所有JavaScript文件复制到vendor/assets/javascripts
  • 将所有图像复制到vendor/assets/images

2.在资产清单中创建条目

  • app/assets/stylesheets/application.css为要包含在应用app/assets/stylesheets/application.css中的每个CSS文件创建一个条目。 其中列出的所有文件都应自动包含在使用默认布局app/views/layouts/application.html.erb所有页面中。
  • app/assets/javascripts/applications.js下的app/assets/javascripts/applications.js

3.将主题自定义与原始主题文件分开

随意定制您的主题,但将您自己的文件放在app/assets/stylesheetsapp/assets/javascriptsapp/assets/images 。 这样他们就不会与您购买的主题混淆,您可以轻松删除您的更改,而不必担心会破坏您的主题。

4.更改图像路径

现在,您将不得不手动编辑所有样式表和JavaScript文件,以查找图像引用。 将所有路径更改为/assets 。 像这样:

 background-image: url(http://www.example.com/images/bck.png) 

变为:

 background-image: url('/assets/bck.png')