gpt4 book ai didi

html - 覆盖 RefineryCMS 中的布局

转载 作者:太空宇宙 更新时间:2023-11-04 16:26:01 26 4
gpt4 key购买 nike

我刚刚开始使用 ruby​​ on rails 正常工作了一个星期,现在我开始使用 RefineryCMS,我按照官方指南创建了一个演示应用程序,对界面和 CMS 本身有了一点了解,现在我正在尝试使用 RefineryCMS 创建一个合适的站点。我想做的第一件事是更改默认主页的外观,因此我覆盖它并添加了我自己的 HTML,并替换了在某种程度上工作正常的默认布局。现在的问题是我的 HTML 关联了样式表,因为我是这个 CMS 的新手,我找不到正确链接我的样式表/覆盖与主页关联的样式表的方法。我遵循了官方文档,但无法理解如何覆盖样式表的想法,我也遵循了其他各种链接。

有人可以指导我看一个教程,其中有关于如何做到这一点的逐步解释,或者更好的是像我这样的新手开始使用 RefineryCMS 的逐步详细教程,我已经花了几个小时但仍然找到了一个正确的方法,也许我一直在寻找或谷歌搜索正确的问题,因为我是这个 CMS 的新手,即“如何正确地将我在 refineryCMS 中覆盖的 HTML 链接到相应的样式表以及相应的图像和 javascript 文件”

我非常感谢任何帮助我前进的帮助。谢谢。

最佳答案

感谢您使用 Refinery。有两种方法可以做到这一点,但我更喜欢第一种。

简单且推荐的方法,使用 CSS 选择器:

首先,查看 getting started guide's section on "styling views" .

现在,只需为主页创建一个 Assets 文件,我们称它为app/assets/stylesheets/home.css.scss。 .为此,我们可以在以下 ID 选择器下添加嵌套样式。我添加了 background: red;这样您就可以立即看到结果:

body#home-page {
background: red;
}

这是我推荐的为模板添加 CSS 的方式。

对于不推荐的,复杂的方式,需要额外的资源和添加到预编译列表:

首先,查看 overriding views guide .

现在,使用您将拥有的 refinery/pages/home.html.erb 模板,您可以链接到样式表:

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

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

body#home-page {
background: red;
}

请注意,因为这与 list 文件位于同一目录中 application.css它也会自动包含在所有模板中,所以这更复杂。它还需要您添加到 config/application.rb 中的预编译列表中:

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

关于html - 覆盖 RefineryCMS 中的布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25228102/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com