首页 文章

我的css不适用于magento 2

提问于
浏览 次
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来应用我自己创建的主题我该怎么做？

非常感谢！

css magento magento2 magento-2.0

3 回答

  • 3

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

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

    <head>
<css src="css/style.css" />
</head>
    回复于
  • 3

    尝试这个步骤 .

    • 在此目录下创建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>

    希望这对你有所帮助!!

    回复于
  • 1

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

    -app

    • 设计
    • -前端
      • 供应商名称
        ----- VendorTheme
        ------ Magento的主题
        • -布局
          -------- default.xml中
          -------- default_head_blocks.xml
        • 媒体
          ------- preview.png
          ------网络
          ------- CSS
          -------- yourcss.css
          ------为registration.php
          ------ theme.xml
    回复于

相关问题