ruby-on-rails - Themeforest 到 Rails 应用程序

Question

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

你把所有下载的资源都放到public文件夹了吗？或者您是否将它们放在应用程序/ Assets 中的适当文件夹中，然后修复图像网址等？

Answer 1

我认为这个问题会根据意见得到答案，但是您可以尝试使用此 gem 为您的应用程序安装静态 html(未测试)。 install_theme gem 。有关使用此 gem 的引用，请阅读此博客
http://drnicwilliams.com/category/ruby/ruby-on-rails/page/2/ (如果我把 tuts 放在这里，我的答案将完整发布)

对于您的问题:

Do you put all the downloaded assets in the public folder? Or do you put them in appropriate folders in app/assets and then fix the image urls etc.?

我的工作流程如下:

将css、js、图片、字体文件放入assests目录

-assets
   - fonts
   - images
   - javascripts
   - stylesheets

编辑 css 文件和 js 文件中的 url 图片、url 字体。

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

图像 :

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

字体:

@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
图像 :

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

字体:

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

 ...
} 

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

-views
   - layouts
   - partials
     - form
     - index

编码 Assets 链接

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

编辑图片标签、url 标签、表单标签等以符合 rails 模板(erb 文件)

图像标签

html中的例子

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

改成

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

链接标签

html中的例子

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

改成

<%= link_to "Home", root_path %>

表单标签 您可以阅读 this

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

编辑任何文件以符合 rails

你可以阅读这个

Assets Pipeline

Layouts and Rendering in Rails

Form Helpers

更新 Assets 管道

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

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