在Magento2中创建自定义首页模板

大家都知道magento2拥有一些布局模板，例如1column，左2列，右2列，3列，并且我想在Magento2中创建自定义首页布局模板，为此我按照一些教程并按照以下步骤创建模块和文件：该链接，但它们都不起作用，我无法在cms页面->设计选项卡中获得“主页”布局。

我会跟踪所有链接，但没有任何联系，因此任何人都有适当的解决方案，请分享。

第一个链接

第二个环节

第三环节

第四链接

放弃所有解决方案均无效。

首先，我们需要了解如何创建自定义主题Magento 2，我们可以在此处进行更多操作：http : //devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create。 html

创建新的自定义主题之后。我们将为主页创建新的自定义布局。例如，我们的文件夹结构：

我们应着眼于两个XML文件：layouts.xml和page_layout/custom_home.xml下Magento_Theme夹

app / design / frontend / Boolfly / book / Magento_Theme / 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="custom_home">
        <label translate="true">Custom Home</label>
    </layout>

</page_layouts>

布局ID custom_home是下面的页面布局的名称。

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml （我1column.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>

登录到Magento管理员，找到cms主页。现在，我们的自定义布局主页在布局列表中：

如果选择此布局，则可以在首页上看到它：

注意：确保已清除我们的Magento缓存。

从Admin可以轻松实现，我想您已经创建了主题。

创建新主题后，大多数人感到困惑，因为在创建新主题时未将主页块分配给主页，因此它们失去了主页外观。我们仅手动进行。

请按照指示

登录到管理员，然后导航到

内容->页面

找到主页，然后在操作栏中单击编辑，然后

单击“内容”选项卡，然后将以下值放在文本区域中

{{block class="Magento\Cms\Block\Block" block_id="home-page-block"}}

注意：这里block_id是块的唯一ID，您可以在Content-> Blocks下找到列表块和块ID

最终保存页面

然后清除您的magento和浏览器缓存，加载主页，您可以看到该主页看起来像luma主页。

如果要查找主页html内容，请在“ 内容”- >“块”下找到“块home-page-block ”，然后编辑该块，则可以看到主页的html内容。

引用此html内容，之后，您可以根据需要开发自己的html，并从主题布局文件中添加CSS。

您需要任何澄清，只需在评论中提及

祝你好运。