Magento - 集成css文件到页面文件中

最新推荐文章于 2025-07-04 09:12:52 发布

文艺青年2

最新推荐文章于 2025-07-04 09:12:52 发布

阅读量100

点赞数

分类专栏： Magento 文章标签： CSS IE XML PHP BBS

Magento 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了Magento中CSS文件的两种常见加载方法。一种是通过配置全局block来加载，可以在page.xml中定义；另一种是通过特定Theme包下的css文件加载，利用getSkinUrl方法获取路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载于 [url=http://www.cartz.com.cn/bbs/viewtopic.php?f=3&t=12]罗马集市[/url]

Magento的CSS文件一般存放到 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/<package name>/<theme name>/css目录下。也有些和全局js脚本配合使用的css文件存放在$MAGENTO_INSTALLED_FOLDER/js下，但是一般我们不直接调用它们。

那么Magento应用又是如何引用CSS文件的呢？

[size=medium]方式I. 最一般的方法是配置全局block. 在page.xml中有[/size]

    <default>
            <block type="page/html" name="root" output="toHtml" template="page/3columns.phtml">
                <block type="page/html_head" name="head" as="head">
                    <action method="addCss"><stylesheet>css/menu.css</stylesheet></action>
                    <action method="addItem"><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>
                </block>
             </block>
    </default>

注意:

<action method="addItem"><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>

可以根据浏览器版本有条件地包含.css文件。和包含全局js文件不同，[color=red]这里别忘记相对路径css/[/color]

[size=medium]方式II.包含特定Theme包下的css文件：[/size]
和页面中包含js文件一样，示例如下：

<link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('css/reset.css') ?>" media="all"/>

注意: getSkinUrl(..)是基于路径　$MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/<package name>/<theme name>/的，[color=red]所以别忘记了路径css/[/color]。