Редактирование css в Magento 2

Я начинаю создавать новую тему с нуля и добавляю custom.css в mytheme->magento_theme->web->css

Когда я тестирую новый css с веб-сайтом с простым кодом, который не работает правильно

Я уже:

Добавьте css в default.head.blocks.xml

Развертывание статического содержимого

Author: Abdul, 2017-12-30
Source

2 answers

Вам необходимо добавить файл default_head_block.xl в пользовательскую тему в каталоге magento_theme.

Добавьте свой пользовательский файл css в приложение/дизайн/интерфейс/пространство имен/тема/веб/css/custom.css

App/design/frontend/namespace/theme/Magento_Theme/layout/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>
            <css src="css/custom.css" />
        </head>
    </page>

После добавления этого удалите свой каталог pub/static/frontend/ и разверните статические файлы.

 0
Author: Rishabh Rk Rai, 2017-12-30 16:11:47

Файл, который вы используете, должен быть default_head_blocks.xml, а не default.head.blocks.xml. Этот файл может находиться во многих местах, но я предпочитаю хранить его здесь:

App/design/frontend/{{your_namespace}}/{{your_theme}}/Magento_Theme/layout/default_head_blocks.xml

Убедитесь, что файл css должен находиться в структуре папок pub/static/frontend. css может находиться в разных местах внутри этих кормушек в зависимости от вашей настройки, поэтому я могу указать точный путь. Но это должно быть там для браузер, чтобы увидеть это. Это легко проверить, так как браузер выдаст вам 404 файла, если 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>
        <!-- Google Fonts -->
        <!-- <link src="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" src_type="url" rel="stylesheet" /> -->
        <css src="css/styles-m.css" />
    </head>
</page>

И внутри этого файла вам нужно убедиться, что ваш xml-файл действителен, я не могу сосчитать, сколько раз я пропускал закрывающий тег, который делал файл недействительным. Проверьте это здесь:

Https://www.w3schools.com/xml/xml_validator.asp

 0
Author: circlesix, 2017-12-30 15:50:58