Magento 2 创建自定义主页答案

【问题标题】：Magento 2 Creating custom homepageMagento 2 创建自定义主页
【发布时间】：2016-09-06 13:41:22
【问题描述】：

我刚刚开始使用 magento 2，阅读了（大部分）文档并开始了我的项目。我想首先使用我自己的页眉/节/页脚（不是默认提供的）创建自定义主页。我已经通过 html&css 完成了它，比如静态的东西，所以我“只”需要让它成为 magento 2 方式..

到目前为止，我已经创建了一个主题，注册了它，选择了它，在我的主题文件夹中，我有 Magento_Theme 文件夹，其中包含 page_layout 文件夹和 layouts.xml。 page_layouts 文件夹包含 homepage.xml

所以我的 homepage.xml 看起来像这样

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="empty"/>
    <referenceContainer name="page.wrapper">
        <container name="header.container" as="header_container" label="Page Header Container"  htmlTag="header" htmlClass="page-header" before="main.content"/>
        <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>
        <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" />
    </referenceContainer>
</layout>

我的 layouts.xml 看起来像这样：

<?xml version="1.0" encoding="UTF-8"?>
<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">
    <layout id="homepage">
        <label translate="true">Custom Homepage</label>
    </layout>
</page_layouts>

当我导航到 admin/content/pages 时，我可以将布局设置为主页，但是当我从 homepage.xml 注释掉 <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" /> 时，它什么也没有改变。

如何删除 homepage.xml 上的 magento 页眉/页脚内容并添加我自己的 html&css？如果有人能给我一个最简单的例子，将<div>test</div>添加到我的homepage.xml，那就太棒了，所以当我去本地主机时，我只会得到那个div，没有magento页眉/页脚。

谢谢！

【问题讨论】：

标签： magento2

【解决方案1】：

它仍然显示页眉和页脚的原因是因为您在homepage.xml 中定义了容器，如果您查看module-theme/view/frontend/layout/default.xml，您可以看到header.container、page.top 和@987654325 中包含哪些块@。

只留下empty 句柄会给你一个干净的状态，同时仍然可以访问content 以供参考。您还可以在此处定义自己的自定义容器。

您仍然可以引用容器 content 并从那里添加您的自定义块或小部件，或者在“内容”>“页面”中通过管理员进行操作。

【讨论】：