文章/答案/技术大牛

发布

问覆盖RefineryCMS中的布局
EN

Stack Overflow用户

提问于 2014-08-10 11:24:29

回答 1查看 1.2K关注 0票数 2

我刚开始和rails一起工作一周，现在我已经开始在RefineryCMS上工作了，我按照官方指南创建了一个演示应用程序，并且了解了界面和CMS本身，现在我正在尝试使用RefineryCMS创建一个合适的站点。我想要做的第一件事是更改默认主页的外观，因此我重写它并添加了我自己的HTML，并替换了在某种程度上工作良好的默认布局。现在的问题是我有与我的HTML关联的样式表，因为我是这个CMS的新手，所以我无法找到一种方法来正确链接我的样式表/覆盖我与主页相关的样式表。我跟踪了官方文档，但无法理解如何覆盖样式表的想法，我还跟踪了其他各种链接。

请有人带我到一个教程，其中有一个循序渐进的解释如何做到这一点，或者更好的一个循序渐进的详细教程，让我这样的新手开始使用RefineryCMS，我已经花了几个小时，但仍然找到了一个适当的方式，也许我没有寻找或谷歌正确的问题，因为我是新手，即。“如何正确地将refineryCMS中重写的HTML链接到相应的样式表，也可以链接到相应的图像和javascript文件

我真的很感激你能帮我的忙。谢谢。

html

css

ruby-on-rails

refinerycms

refinery

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-10 13:10:53

谢谢你用炼厂。有两种方法可以做到这一点，但真正的第一种是我的偏好。

使用CSS选择器的简单和推荐的方法：

首先，查看入门指南关于“造型视图”的部分。

现在，只需为主页创建一个资产文件，我们将其命名为app/assets/stylesheets/home.css.scss。此外，我们还可以在下面的ID选择器下添加嵌套样式。我添加了background: red;，这样您就可以看到一个即时的结果：

body#home-page {
  background: red;
}

这就是我建议为模板添加CSS的方式。

对于不推荐的、需要额外资产并添加到预编译列表的复杂方式：

首先，请参阅压倒一切的视图指南。

现在，使用您将拥有的精炼厂/pages/ome.html.erb模板，您可以链接到样式表：

<% content_for :stylesheets, stylesheet_link_tag('home') %>

样式表现在应该链接到页面的<head>部分，通过创建app/assets/stylesheets/home.css.scss文件并以与第一节相同的方式应用它，您应该能够添加仅与主页相关的CSS：

body#home-page {
  background: red;
}

注意，由于它与清单文件application.css位于同一个目录中，所以它也将自动获得所有模板的包含，因此这更复杂。它还要求将config/application.rb中的预编译列表添加到

config.assets.precompile += %w(home.css)

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25228102

复制

相似问题

问覆盖RefineryCMS中的布局
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问覆盖RefineryCMS中的布局EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问覆盖RefineryCMS中的布局
EN