0

我一直在使用 ModX Revolution 管理器，并且想知道是否可以将我的 CSS 转换为 ModX 资源而不是文件。我还想利用模板及其变量。那可能吗？这样做的缺点是什么？有什么优势（除了我认为下面的那些）？

我更喜欢这个的原因是我使用了几个带有 @import 语句的 CSS 页面来更好地面向对象我的 CSS。如果我可以直接在 ModX 中执行此操作，它将节省我的上传和同步。

4

1 回答 1

4

在以前的 ModX 版本（Evo 和 Revo）中，您过去必须通过技巧。现在有了 2.2.2pl，只需很少的技巧就可以了。执行此操作的信息变得稀疏且不准确。这是你如何做到的：

创建您的模板

  1. 创建一个新模板。我命名了我的 CSS 样式表。（就那么简单）

  2. 对于内容，简单地说[[*content]]。

创建你的 CSS 页面

  1. 创建新资源。随意命名。

  2. 添加您的别名。确保不要.css在末尾添加。ModX 应该为您做到这一点。

  3. 现在，确保您的新页面是published. 您可能还想hide from menus.

  4. 添加您的 CSS 代码。没有有趣的技巧......只需像往常一样复制和粘贴它。

测试样式表

只需直接导航到您的新页面，就好像它是一个 html 文档一样。不要忘记.css代替.html。如果你看到 CSS 代码，那么你就成功了。

将您的 CSS 添加到模板中

这是棘手的部分。您将无法使用<link rel=></link>.

  1. 只需转到您的<head>元素。添加以下代码：

    <style type="text/css"> @import url(""); </style>

  2. 测试

  3. 在 中url("");，只需将 url 放置到您的新资源中。

好处

除了保存上传和下载之外，您现在还可以使用任何 ModX 工具编辑 CSS。此外，还有其他一些福利：

  • 如果您像我一样，文件名很有用，但通常描述性不够。你可以给他们起任何你喜欢的名字！无论如何，它的别名很重要。

  • 基于资源描述的便捷工具提示。

  • 您还可以将资源摘要用于其他事情。我把重要的文件注释放在这里，这样我的 CSS 就更小了。

  • 模板变量！在以前的 ModX 版本中，您的 CSS 无法使用模板。

  • 块和片段，如果你愿意的话。您必须将它们编写为纯文本，而不是 HTML，但如果您有创意，它仍然很有用。

  • 如果您愿意，您的 CSS 现在可以在所有上下文之间共享。这是由于@import声明的性质。

  • 您可以在任何计算机上编辑 CSS。您甚至可以设置前端进行编辑。

缺点

总会有取舍，使用这种技术也没有什么不同。很大程度上取决于您如何为您的网站设置内容。

  • 您的保存和编辑取决于您的服务器性能。

  • 您的 URL 请求将更多地基于您的 ModX 性能。对于某些人来说，添加这些额外资源可能会减慢速度。通常，这不足以担心，但值得一提。

  • 它现在由数据库管理，因此它受数据库安全性的约束。这可能是好是坏。即使它很好，它也可能需要您进行额外的设置。

  • 如果编程不正确，您的模板、片段和插件可能会破坏您的 CSS。这是您真正要小心的事情。

  • ModX 将每个 CSS 请求视为一个单独的请求。模板变量和插件不适用于您正在查看的网页。它们适用于 CSS 内容。

结论

整个过程大约需要15分钟。最终，如果它不适合你，它会更快地恢复（只是在你确定之前不要删除原始文件）。增加的功能对我来说是值得的。

于 2012-06-14T06:03:52.690 回答