如何在 Magento 中添加自定义 CSS 样式表？答案

【问题标题】：How do i add a custom CSS stylesheet in Magento?如何在 Magento 中添加自定义 CSS 样式表？
【发布时间】：2015-04-16 18:11:56
【问题描述】：

我一直在尝试在我的 Magento 主题中链接自定义 CSS 样式表，但它没有应用 CSS，并且我在 Chrome 控制台中遇到错误并出现语法错误：Unexpected * ..?我猜这是对 JS 文件的 CSS 的误解，但我不知道为什么。

这是我的代码：

 <script type="text/javascript" src="<?php echo 
 $this->getSkinUrl('css/custom.css') ?>"</script>

【问题讨论】：

复制 [在 Magento 的模板文件中添加 css 到 head][1] [1]: stackoverflow.com/questions/8739793/…

【解决方案1】：

如果您想在 .PHP 文件中使用一次，只需使用：

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

顺便说一句：不要在样式表中使用脚本标签。

如果您想更多地使用样式表。然后你必须在你的 layout.xml 中做一个块

【讨论】：

【解决方案2】：

您需要将它添加到您的主题“page.xml”中，它应该在这里；

MAGE ROOT /app/design/frontend/XXX/YYY/layout/page.xml

XXX/YYY 是您的主题的路径。

在这个文件中，找到这个块；

<block type="page/html_head" name="head" as="head">

然后像这样添加你的css；

<action method="addCss"><stylesheet>css/custom.css</stylesheet></action>

之后刷新您的缓存 - 如果您启用了合并，则包括 css/js 缓存。

【讨论】：

我是一个 Magento 新手，但它似乎在 head.phtml 中运行良好。为什么要在 page.xml 中添加自定义 CSS？我不是想打架什么的，我想更好地了解 Magento 并从中学习。
您好，没问题，这只是将 css/js 添加到您的 magento 主题的标准方法。这样，您还可以根据需要将它们从某些页面中排除。
感谢您的解释！

【解决方案3】：

从代码中删除（脚本）标签。

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

【讨论】：