Magento2自定义页面布局

我是Magento的新手。我想创建自定义CMS模板页面。我已经尝试了很多教程，但确实得到了正确的方法。有人能帮我吗

我所做的就是写在这里

对于主题，我在app/design/frontend/VM/TM下创建了一个主题文件夹

下面是主题文件的代码

---

创建文件夹Magento_Theme和layouts.xml后，使用以下代码

---

1列
带左栏的2列
带右栏的2列
3列
值模板

---

然后，我创建了一个带有值的页面名称，并从“值”页面的“设计”选项卡中选择了“值模板”

然后创建页面布局文件夹并使用以下代码创建values_tpl.xml

---

---

并创建一个布局文件夹，并将default.xml复制到values_tpl.xml

但是，当呈现值CMS页面呈现时，只会对我常用css的背景显示进行消隐。rest页面变为空白。。即使复制后，也与默认布局相同

我不知道出了什么问题有人能帮我吗

先谢谢你

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>VM TM</title>
<parent>Magento/blank</parent>
<media>
      <preview_image>media/preview.png</preview_image>
</media>
</theme>

\Magento\Framework\Component\ComponentRegistrar::register(
 \Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/VM/TM',
__DIR__); 

<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">
<layout id="1column">
    <label translate="true">1 column</label>
</layout>
<layout id="2columns-left">
    <label translate="true">2 columns with left bar</label>
</layout>
<layout id="2columns-right">
    <label translate="true">2 columns with right bar</label>
</layout>
<layout id="3columns">
    <label translate="true">3 columns</label>
</layout>
<layout id="values_tpl">
    <label translate="true">Values Template</label>
</layout>

<?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="1column"/>
</layout>