Question

我是Magento的新手并使用当前版本的Magento即。 2.2.0。

我有自定义的css文件，我需要在网站上调用，但问题是我不知道在哪里保存该css文件或如何调用该文件。

我在哪里放置CSS，以及如何使用它？

Answer 1

文档能够回答这个问题。见这里：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css-themes.html。

以下是摘录：

建议的方法是添加extending   您主题中的default_head_blocks.xml，包括必填项   此文件中的样式表。

您的自定义default_head_blocks.xml应如下所示：   <theme_dir>/Magento_Theme/layout/default_head_blocks.xml。包括一个   CSS文件，添加<css src="<path>/<file>" media="print|<option>"/>   阻止布局文件中的<head>部分。 <path>是相对指定的   到主题web目录（/ web）例如，   下面说明了样式表如何包含在默认值中   空白主题：

<Magento_Blank_theme_dir>/Magento_Theme/layout/default_head_blocks.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="css/styles-m.css" />
        <css src="css/styles-l.css" media="screen and (min-width: 768px)"/>
        <css src="css/print.css" media="print" />
    </head>
</page>

如果您使用的是Luma主题，则可以直接编辑它，但最好创建自己的主题，扩展它并在那里添加css。见这里：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create.html。

Magento 2自定义css文件包括

1 个答案: