如何从管理员在 Magento Commerce 页面中添加内联 css？答案

【问题标题】：How do I add inline css in Magentocommerce page from admin?如何从管理员在 Magento Commerce 页面中添加内联 css？
【发布时间】：2014-01-12 23:12:15
【问题描述】：

我只想补充

<style type="text/css>
 my_inline_style...
</style>

在一页中。我知道我可以从布局更新 XML 中添加这样的内容：

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

但是从该区域编写内联 css 的文档记录在哪里？

【问题讨论】：

从技术上讲，我认为您可以使用静态块来存储将静态块附加到布局内容的 css，请参阅stackoverflow.com/questions/6946482/…
你能澄清一下：你为什么要写内联样式？而不仅仅是通过 XML 为特定页面添加 CSS？
因为店主懂css，但不希望通过ftp更新。有足够的理由吗？
CSS 的重点是将内容 (HTML) 与表示 (CSS) 分开。这一切都与可访问性和代码重用有关。内联样式的问题在于它难以维护，并且您必须在进行更改时查找每个实例。

标签： css magento layout

【解决方案1】：

我遇到了类似的情况并得出了这个解决方案。这并不优雅但很有用（您可以添加任何文本抛出布局更新）。在布局更新中添加类似这样的内容：

<reference name="head">
   <block type="core/text" name="custom_css">
      <action method="setText">
          <text><![CDATA[
             <style  type="text/css">
                .my-class  {
                    color: red;
                }
             </style> ]]>
        </text>
    </action>
   </block>
</reference>

顺便说一句，很难将 CSS 样式内联添加到 cms 块中，因为在保存块后会被 WYSIWYG 编辑器中的某些进程隐藏。

【讨论】：