Themeforest 到 Rails 应用程序

这是我第一次在 Rails 应用程序中使用外部 HTML 主题。我从 Themeforest 下载了一个主题。当然，它带有大量的 JS、CSS 和图像。我想知道你们大多数人在将主题集成到 Rails 应用程序时使用什么工作流程。

• 您是否将所有下载的资源放在公共文件夹中？或者您是否将它们放在应用程序/资产中的适当文件夹中，然后修复图像网址等？

我认为这个问题会根据意见得到答案，但你可以尝试这个 gem 为你的应用程序安装静态 html （未测试）。安装主题宝石 https://github.com/drnic/install_theme。有关使用此 gem 的参考，请阅读此博客http://drnicwilliams.com/category/ruby/ruby-on-rails/page/2/（如果我把啧啧声放在这里，我的答案将完整发布）

对于你的问题：

您是否将所有下载的资源放在公共文件夹中？或者您是否将它们放在应用程序/资产中的适当文件夹中，然后修复图像网址等？

我的工作流程如下所示：

1. 将css、js、图片、字体文件放到assets目录下

   -assets
      - fonts
      - images
      - javascripts
      - stylesheets
   

2. 编辑 css 文件和 js 文件中的 url 图像、url 字体。

   如果我使用扩展css.erb对于 css 文件、url 图像、url 字体应编辑如下：

   image :

   background-image:url(<%= asset_path 'bg.png' %>);  
   

   font :

   @font-face {
       font-family: namefonts;
       src: url('<%= asset_path('namefonts.eot') %>');
       src: url('<%= asset_path('namefontsd41d.eot') %>?#iefix') format('embedded-opentype'), 
          url('<%= asset_path('namefonts.woff') %>') format('woff'), 
          url('<%= asset_path('namefonts.ttf') %>') format('truetype'), 
          url('<%= asset_path('namefonts.svg') %>#icons') format('svg');
       font-weight: 400;
       font-style: normal;
   }
   

   如果我使用扩展css.scss

   image :

   background : image-url("bg.png")
   

   font :

   @font-face {
   font-family:'namefonts';
   src:font-url('namefonts.eot');
   src:font-url('namefonts.eot?#iefix') format('embedded-opentype'),
   
    ...
   } 
   

3. 选择 html 结构来布局模板（头标签、页眉、导航栏、侧边栏页脚）、部分模板（内容、表单等）-如果我使用html.erb

   -views
      - layouts
      - partials
        - form
        - index
   

   编码资产链接

   <%= stylesheet_link_tag "application", media: "all" %>
   <%= javascript_include_tag "application" %>
   

4. 编辑图像标签、url标签、表单标签等以符合rails模板（erb文件）

   图像标签

   html 中的示例

   <img src="images/rails.png" class="theclass"/>   
   

   改成

   <%= image_tag "rails.png", :class => 'theclass' %>
   

   link tag

   html 中的示例

   <a href="index.html">Home</a>
   

   改成

   <%= link_to "Home", root_path %>
   

   form tag你可以阅读this http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html

   <%= form_tag("action", method: "post") do %>
    <%= label_tag(:q, "Label for:") %>
    <%= text_field_tag(:q) %>
    <%= submit_tag("Save") %>
   <% end %>
   

5. 编辑任何文件以符合 Rails

   你可以阅读这个

   • 资产管道 http://guides.rubyonrails.org/asset_pipeline.html
   • Rails 中的布局和渲染 http://guides.rubyonrails.org/layouts_and_rendering.html
   • 表单助手 http://guides.rubyonrails.org/form_helpers.html

6. 更新资产管道

   修复方法非常简单。打开项目的配置文件，位于config/application.rb并在您的 Application 类中添加以下行：

   config.assets.paths << Rails.root.join("app", "assets", "fonts")
   config.assets.precompile += %w( .svg .eot .woff .ttf )