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文件。 应用/设计/前端/供应商/主题/网络/ CSS / customcss.css

如果此路径中不存在，请创建 default_head_blocks.xml 文件 应用/设计/前端/供应商/主题/ Magento_Theme /布局/ 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

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

-app
--design
---前端
---- VENDORNAME
----- VendorTheme
------ Magento的主题
-------布局
-------- default.xml中
-------- default_head_blocks.xml
------媒体
------- preview.png
------网络
------- CSS
-------- yourcss.css
------ registration.php的
------ theme.xml

我的css不适用于magento 2

3 个答案: