ก่อนอื่นเราต้องรู้วิธีสร้าง 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 / ออกแบบ / ส่วนหน้า / Boolfly / หนังสือ / 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>
รหัสเค้าโครงcustom_home
เป็นชื่อของเค้าโครงหน้าด้านล่าง
แอป / การออกแบบ / ส่วนหน้า / Boolfly / หนังสือ / 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 Admin ค้นหาหน้าแรกของ cms ตอนนี้หน้าแรกของเค้าโครงที่กำหนดเองของเราอยู่ในรายการเค้าโครง:
หากเราเลือกเลย์เอาต์นี้เราสามารถเห็นได้ในหน้าแรก:
หมายเหตุ:ตรวจสอบว่าแคช Magento ของเราถูกล้างแล้ว