我可以将我的CSS作为ModX资源管理吗?

时间:2012-06-14 06:03:52

标签: css modx modx-revolution modx-templates

我一直在使用ModX Revolution管理器,并且想知道我是否可以将CSS转换为ModX资源而不是文件。我还想利用模板及其变量。那可能吗?这样做的缺点是什么?是否有任何优势(除了我认为的优点之外)?

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

1 个答案:

答案 0 :(得分:4)

在早期版本的ModX(Evo和Revo)中,您曾经不得不通过技巧。现在使用2.2.2pl,只需很少的技巧就可以实现。执行此操作的信息稀疏且不准确。这是你如何做到的:


创建模板

  1. 创建新模板。我将我的CSS样式表命名为。 (简单)

  2. 对于内容,只需添加[[*content]]

  3. 创建CSS页面

    1. 创建新资源。把它命名为你想要的任何东西。

    2. 添加别名。确保最后不添加.css。 ModX应该为你做这件事。

    3. 现在,请确保您的新网页为published。您可能还想hide from menus

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

    5. 测试样式表

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

      将CSS添加到模板

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

      1. 只需转到<head>元素即可。添加以下代码:

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

      2. 测试

      3. url("");内,只需将网址放入新资源。

      4. 优点

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

        • 如果你像我一样,文件名很有用,但通常不够描述。您可以随心所欲地命名它们!无论如何,它的别名很重要。

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

        • 您也可以将资源摘要用于其他事项。我将重要的文件注释放在这里,以便我的CSS更小。

        • 模板变量!在以前版本的ModX中,您没有CSS的模板。

        • 如果您愿意,可以使用Chunks和Snippets。你必须把它们写成纯文本而不是HTML,但如果你有创意,它仍然有用。

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

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

        缺点

        总是需要权衡,而这种技术也没有什么不同。很大程度上取决于您为网站设置的方式。

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

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

        • 它现在由数据库管理,因此它受数据库安全性的限制。这可能是好事也可能是坏事。即使它很好,也可能需要额外的设置。

        • 如果编程错误,您的模板,代码段和插件可能会破坏您的CSS。这是你真正想要小心的事情。

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


        结论

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