我的 css 在 magento 2 中不工作

Question

我已经安装了 Magento 2.0.2 并且还覆盖了模板我被困在一个问题上，我应该在哪里为我自己的样式编写 css。我如何更改现有模板的 css。

我已经完成了这些步骤

创建_theme.less

app/design/frontend/vendor/theme/web/source/_theme.less

并使用

部署内容

php bin/magento setup:static-content:deploy

还将前端开发工作流程更改为无客户端编译，我发现 styles.css 文件包含在后端，来源是

pub/media/styles.css

如果我在 styles.css 中进行更改，那么它将同时应用于前端和后端。

现在我想编写自己的 css 来应用我自己创建的主题，我该怎么做？

非常感谢！

Answer 1

试试这个步骤。

在此目录下创建css文件。 app/design/frontend/Vendor/theme/web/css/customcss.css
创建 default_head_blocks.xml 文件如果此路径不存在 app/design/frontend/Vendor/theme/Magento_Theme/layout/default_head_blocks.xml

将下面的代码放在default_head_blocks.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
        <css src="css/customcss.css" />
    </head>
</page>

希望对您有所帮助！！

Answer 2

app/design/frontend/vendor/theme/Magento_Theme/layout/default_head_blocks.xml

添加您的自定义主题并尝试在那里进行更改。

<head>
<css src="css/style.css" />
</head>

Answer 3

确保你的树看起来像这样：

-应用程序
--设计
---前端
----供应商名称
-----供应商主题
------Magento 主题
------布局
--------default.xml
--------default_head_blocks.xml
------媒体
------preview.png
------网页
------css
--------yourcss.css
------registration.php
------theme.xml

我的 css 在 magento 2 中不工作

My css is not working in magento 2

css

magento

magento2

magento-2.0