1. 了解Magento 2页面结构

在开始之前,让我们先了解Magento 2的页面结构。每个页面通常由多个块(blocks)组成,而这些块又由布局(layouts)控制。了解页面的块和布局结构是创建自定义页面的关键。

2. 创建自定义主题

首先,确保您已经创建了自定义Magento 2主题。如果没有,请按照Magento 2主题开发的标准流程创建一个新主题,并将其设置为当前主题。

3. 创建自定义页面布局

在主题文件夹中,创建一个新的布局文件,用于定义自定义页面的结构。通常,这个文件可以命名为 cms_custom_page.xml,放置在以下路径:

app/design/frontend/{Vendor}/{Theme}/Magento_Theme/layout/

在这个文件中,您可以使用布局标记定义块和容器,以构建您页面的基本结构。

4. 创建自定义块

在主题文件夹中,创建一个新的块文件,用于处理页面的业务逻辑和渲染。这个文件可以命名为 CustomPage.php,放置在以下路径:

app/design/frontend/{Vendor}/{Theme}/Magento_Theme/Block/

在块文件中,您可以编写PHP代码来处理数据和业务逻辑,并为页面渲染准备必要的信息。

5. 创建自定义页面模板

最后,在主题文件夹中,创建一个新的模板文件,用于定义页面的HTML结构。这个文件可以命名为 custom_page.phtml,放置在以下路径:

app/design/frontend/{Vendor}/{Theme}/Magento_Theme/templates/

在模板文件中,您可以使用HTML和Magento的块标记(如 <?= $block->getChildHtml('custom.block') ?>)来渲染页面的内容。

6. 集成到Magento 2系统

最后一步是将您的自定义页面集成到Magento 2系统中。您可以通过创建一个CMS页面或自定义布局来调用您创建的页面模板。