1

我已经安装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 来应用我自己创建的主题，我该怎么做？

多谢！

4

3 回答 3

3

试试这个步骤。

  1. 在此目录下创建 css 文件。 应用程序/设计/前端/供应商/主题/web/css/customcss.css
  2. 如果此路径app/design/frontend/Vendor/theme/Magento_Theme/layout/default_head_blocks.xml中不存在，则 创建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>

希望这对你有帮助！！

于 2016-03-09T05:52:38.553 回答
3

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

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

<head>
<css src="css/style.css" />
</head>
于 2016-03-09T05:52:45.930 回答
1

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

-app
--design
---frontend
----VendorName
-----VendorTheme
------Magento-Theme
--------layout
--------default.xml
-- ------default_head_blocks.xml
------媒体
-------preview.png
------web
--------css
--------yourcss .css
------registration.php
------theme.xml

于 2016-09-30T18:21:54.637 回答