在magento cms＆gt;页面上添加自定义样式

Question

如何将自定义样式添加到magento中的特定页面，如：

我想知道如何在页面编辑器中添加样式标记

Answer 1

您可以为cms页面添加自定义样式表。 只需在您的cms页面打开设计选项卡和布局更新xml字段中执行此操作，只需添加此代码

即可

<reference name="head">
<action method="addCss">
    <stylesheet>css/your.css</stylesheet>
</action>
</reference>

希望这会对你有所帮助

Answer 2

因此遇到同样的问题，我需要它允许客户根据内容的编辑使用媒体查询调整一些值。

只需在样式的开头和结尾放置空注释，TinyMCE就不会添加它自己的注释。

e.g：

Uri.fromFile(File file)

这至少在Magento v1.9.1

中有效

Answer 3

自添加＆lt; style＆gt;标签直接不起作用，你可以使用javascript代替。 如果您的主题是使用jQuery，您可以这样做（连接样式标记，以便编辑器不会将其标记为注释）：

jQuery('body').append('<sty'+'le>'+'#header{margin:10px 0 0 0;}#morestylehere{display:inline}'+'</sty'+'le>')

请确保附上＆lt; script＆gt;标签

Answer 4

点击显示/隐藏编辑器，您就可以直接编辑HTML源代码，以便在那里添加style标记

Answer 5

@Max不幸的是，tinyMCE会将style标签转换为html评论。每次修改CMS页面后，您都应该将html注释替换回style标签 - 这不是很好的方法。
因此，我的建议是使用特定的CMS页面类名称，该名称将添加到body标记中。 您可以转到CMS页面，查看页面的源代码以查找此类名称。