在 Magento 中添加到 page.xml 的自定义 css 未加载

Question

我有一个自定义 css。我已将它放在我们正在使用的主题中 - skin\frontend\my-theme\default\css\custom.css

现在我在 page.xml 中调用了这个文件 - app/design/frontend/my-theme/default/layout/page.xml

语法：

<layout version="0.1.0">
<default translate="label" module="page">
<block type="page/html_head" name="head" as="head">
<action method="addCss"><stylesheet>css/custom.css</stylesheet></action>
</block>
</default>
</layout>

当我检查查看源时，我没有看到我的 custom.css。

你能告诉我哪里出了问题以及如何开始使用 custom.css 吗？

Answer 1

你应该试试：

<?xml version="1.0" encoding="UTF-8"?>
<layout>

    <default>

        <reference name="head">

            <!-- /skin/frontend/yourpackage/yourtheme/css/custom.css -->
            <action method="addItem"><type>skin_css</type><name>css/custom.css</name><params/></action>

        </reference>

    </default>

</layout>

或者：

<?xml version="1.0" encoding="UTF-8"?>
<layout>

    <default>

        <reference name="head">

            <!-- /skin/frontend/yourpackage/yourtheme/css/custom.css -->
            <action method="addCss"><stylesheet>css/custom.css</stylesheet></action>

        </reference>

    </default>

</layout>

当你想在现有的块中插入一些东西时，你必须使用“参考”标签。将块名称放在“名称”属性中。 您现在可以将所需的所有内容添加到现有块中（例如子项、css、模板...）。