Css 如何定制Magento 2主题？_Css_Xml_Magento2

Css 如何定制Magento 2主题？

css xml magento2

Css 如何定制Magento 2主题？,css,xml,magento2,Css,Xml,Magento2,我不熟悉Magento 2和前端开发我只知道如何使用html和css，我想在Magento 2中自定义空白主题以了解如何工作，我正在阅读Magento 2的文档，但我不知道如何做，我想自定义主题我应该更改什么？是css文件还是xml文件的孔布局我试图通过一些教程来添加css文件，但没有任何改变这是默认的_head_blocks.xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchem

我不熟悉Magento 2和前端开发我只知道如何使用html和css，我想在Magento 2中自定义空白主题以了解如何工作，我正在阅读Magento 2的文档，但我不知道如何做，我想自定义主题我应该更改什么？是css文件还是xml文件的孔布局

我试图通过一些教程来添加css文件，但没有任何改变

这是默认的_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>
   <css src="css/source/style.css" />
  </head>
</page>

要将自定义CSS主题文件添加到Magento 2，您需要：

在pub/media中创建文件custom.css/ 转到管理>内容>配置>[选择当前使用的主题]>HTML标题>脚本和样式表输入：

但是，在Magento 2中不建议使用上述方法。在Magento 2中，您应该先设置样式，然后编辑CSS和从父主题扩展的较少文件。

Magento 2现在可以处理两种类型的文件来设置网站样式：CSS文件和较少文件，这使您可以轻松地管理复杂的CSS文件。如果自定义主题来自Magento默认主题Luma或Black，则可以通过更改默认文件中变量的值等方式覆盖较少的文件。以下是一些简单的步骤：

创建一个继承自黑色主题的新主题，我们可以称之为橙色主题。添加覆盖的代码是 app/design/frontend/OrangeCo/orange/web/CSS/source/_theme.less 在“橙色主题”文件夹中，您可以更改按钮的颜色或所需的任何更改。

如果在定制过程中遇到很多问题，您可以雇佣开发人员。如果有帮助，这里有一个链接

您是否执行了以下命令：php bin/magento setup:static content:deploy？是的，我执行了，但没有任何更改

.navigation {
    background: #40e936;
    font-weight: 700;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3;
}