我一直在使用ModX Revolution管理器,并且想知道我是否可以将CSS转换为ModX资源而不是文件。我还想利用模板及其变量。那可能吗?这样做的缺点是什么?是否有任何优势(除了我认为的优点之外)?
我之所以喜欢这个,是因为我使用了几个带有@import语句的CSS页面,以便更好地反对我的CSS。如果我可以直接在ModX中执行此操作,它将节省我上传和同步。
答案 0 :(得分:4)
在早期版本的ModX(Evo和Revo)中,您曾经不得不通过技巧。现在使用2.2.2pl,只需很少的技巧就可以实现。执行此操作的信息稀疏且不准确。这是你如何做到的:
创建新模板。我将我的CSS样式表命名为。 (简单)
对于内容,只需添加[[*content]]
。
创建新资源。把它命名为你想要的任何东西。
添加别名。确保最后不添加.css
。 ModX应该为你做这件事。
现在,请确保您的新网页为published
。您可能还想hide from menus
。
添加CSS代码。没有有趣的技巧......只需像往常一样复制并粘贴它。
只需直接导航到新页面,就像它是一个html文档一样。不要忘记.css
而不是.html
。如果你看到CSS代码,那么你已经成功了。
这个是棘手的部分。您将无法使用<link rel=></link>
。
只需转到<head>
元素即可。添加以下代码:
<style type="text/css">
@import url(“”);
</style>
测试
在url("");
内,只需将网址放入新资源。
除了保存上传和下载之外,您现在可以使用任何ModX工具编辑CSS。此外还有一些其他特权:
如果你像我一样,文件名很有用,但通常不够描述。您可以随心所欲地命名它们!无论如何,它的别名很重要。
基于资源描述的方便工具提示。
您也可以将资源摘要用于其他事项。我将重要的文件注释放在这里,以便我的CSS更小。
模板变量!在以前版本的ModX中,您没有CSS的模板。
如果您愿意,可以使用Chunks和Snippets。你必须把它们写成纯文本而不是HTML,但如果你有创意,它仍然有用。
如果您愿意,您的CSS现在可以在所有上下文之间共享。这是由于@import
声明的性质。
您可以从任何计算机编辑CSS。您甚至可以设置前端进行编辑。
总是需要权衡,而这种技术也没有什么不同。很大程度上取决于您为网站设置的方式。
您的保存和编辑取决于您的服务器性能。
您的网址请求将更多地基于您的ModX性能。对于某些人来说,添加这些额外资源可能会减慢速度。通常,它不足以担心,但值得一提。
它现在由数据库管理,因此它受数据库安全性的限制。这可能是好事也可能是坏事。即使它很好,也可能需要额外的设置。
如果编程错误,您的模板,代码段和插件可能会破坏您的CSS。这是你真正想要小心的事情。
每个CSS请求都被ModX视为单独的请求。模板变量和插件不适用于您正在查看的网页。它们适用于CSS内容。
整个过程大约需要15分钟。最后,如果它不适合你,它甚至会更快恢复(只是在你确定之前不要删除原始文件)。增加的功能对我来说是值得的。